Mein Webdesign Blog

Seite 3

geocoding-adresse-anstelle-von-latitude-und-longitude

Google Map API – Geocoding – Adresse anstelle von Latitude und Longitude

Durch die Geocoding API von Google kann man eine Adresse in geografische Koordinaten umwandeln und somit einen Marker auf der Google Karte einfügen.
Beispiel: Die Geocoding API wandelt die Adresse &#

Dieser Beitrag wurde am 22.11.2018 in der Kategorie Google Maps API abgelegt und bisher 3.653 mal gelesen.
svg-path-zum-bild-umwandeln-konvertieren

Convert svg path to image

Neulich stand ich vor dem Problem, dass ich ein SVG Bild nicht speichern konnte, da es als inline mittels svg geladen wurde. Nur wie wandelt man den svg path in ein Bild um? Ich selbst habe nicht wirk

Dieser Beitrag wurde am 19.09.2018 in der Kategorie Sonstiges abgelegt und bisher 1.379 mal gelesen.
css-table-header-fixed-thead-einer-tabelle-fixieren

Head einer HTML Tabelle fixieren

In diesem Blogeintrag zeige ich Euch wie Ihr nur mit CSS den Header einer HTML Tabelle fixieren könnt ohne dass sich dieser beim scrollen mitbewegt. Dies macht gerade dann Sinn, wenn man Tabellen mit

Dieser Beitrag wurde am 07.02.2018 in der Kategorie CSS Tricks abgelegt und bisher 6.382 mal gelesen.
jquery-gauge-mousemove-tutorial

jQuery Gauge mousemove – Tutorial

In diesem Tutorial möchte ich Euch zeigen, wie Ihr die Position der Mouse in einem Element dazu nutzen könnt, dass ein Pfeil mittels css die Position und damit die Richtung anzeigt.
Erstellen der El

Dieser Beitrag wurde am 26.01.2018 in der Kategorie Sonstiges abgelegt und bisher 983 mal gelesen.
text-mit-php-am-wortende-kuerzen-nicht-mittendrin

Text mit PHP richtig kürzen

Ab und zu muss man einen Text mit PHP kürzen. Sei es weil man einen Vorschautext in der Kategorie benötigt oder weil man die ersten 160 Zeichen des Textes für die meta=“description“ ausgeben möcht

Dieser Beitrag wurde am 23.01.2018 in der Kategorie Sonstiges abgelegt und bisher 1.004 mal gelesen.
scale-svg-path-wie-man-ein-svg-skaliert

scale SVG Path

Auf meiner Startseite habe ich eine SVG-Animation erstellt. Das Problem daran, dass sich ein svg, bestehend aus path, circle, rects usw. nicht so einfach skalieren und damit in der Responsive Ansicht

Dieser Beitrag wurde am 16.01.2018 in der Kategorie CSS Tricks abgelegt und bisher 2.667 mal gelesen.
svg-signatur-animation-unterschrift-animieren

svg signatur Animation

In diesem Beitrag möchte ich Euch zeigen, wie Ihr svg Unterschriften animieren könnt. Voraussetzung ist natürlich ein Vektorbasiertes Grafikprogramm wie Adobe Illustrator.
1. SVG Grafik erstellen
A

Dieser Beitrag wurde am 11.01.2018 in der Kategorie Sonstiges abgelegt und bisher 1.562 mal gelesen.
instagram-beitraege-in-eigene-webseite-einbinden-instagram-access-token-erstellen

Instagram Posts auf eigene Webseite

In diesem Beitrag zeige ich, wie Ihr Eure letzten Instagram Beiträge auf die eigene Webseite postet.
1. Download der Instafeed.js
Als erstes müsst Ihr euch die Instafeed.js downloaden und diese an

Dieser Beitrag wurde am 03.01.2018 in der Kategorie Sonstiges abgelegt und bisher 6.874 mal gelesen.
kategorien-und-tags-zu-seiten-in-wordpress-hinzufuegt

Kategorien zu Seiten hinzufügen

Standardmäßig erlaubt WordPress einem Benutzer nicht, Kategorien zu Seiten hinzuzufügen. Jedoch ist das Hinzufügen von Kategorien zu Seiten oft sehr sinnvoll um eine bessere Übersicht zu erreiche

Dieser Beitrag wurde am 03.01.2018 in der Kategorie Wordpress abgelegt und bisher 2.332 mal gelesen.
wetterdaten-mit-openweathermap-api-in-eigene-webseite-einbinden

Wetterdaten mit API laden und auf Webseite einbinden

Es gibt mehrere Möglichkeiten das aktuelle Wetter auf der eigenen Webseite einzubinden. Entweder mit einem Plugin, einem Widget oder einer selbstgeschriebenen Funktion.
Ich möchte Euch zeigen, wie

Dieser Beitrag wurde am 02.01.2018 in der Kategorie Sonstiges abgelegt und bisher 2.562 mal gelesen.
box-sizing

CSS box-sizing – Vorteile des Styles

Normalerweise gibt man einen Element eine Breite an und positioniert in diesem weitere Elemente oder Texte. Fügt man diesem Element aber die Styles margin, padding oder einen border hinzu, dann verä

Dieser Beitrag wurde am 02.01.2018 in der Kategorie CSS Tricks abgelegt und bisher 2.235 mal gelesen.
highlight-current-category-wp_list_categories

Highlight current category

Beim erstellen des Blogs auf revilodesign.de ist mir aufgefallen, dass die Funktion wp_list_categories(); nicht automatisch die Hauptkategorie Highlight – also in meinem Fall „Blog“

Dieser Beitrag wurde am 29.12.2017 in der Kategorie Wordpress abgelegt und bisher 1.258 mal gelesen.
optimale-bildgroesse-in-wordpress

Optimale Bildgröße

Dank der Funktion wp_get_attachment_image ist es nun möglich ohne viel Aufwand die perfekte Bildgröße im Template zu hinterlegen. Lädt man ein Bild mittels der WordPress-Mediathek im WP-Admin hoch

Dieser Beitrag wurde am 09.11.2017 in der Kategorie Wordpress abgelegt und bisher 1.384 mal gelesen.