Gute MÃ¤dchen kommen in den Himmel, bÃ¶se Ã¼berall hin. Das ist besonders beim Putzen wichtig.

Sie sehen derzeit alle Beiträge,
die mit "css" getaggt sind

Dienstag
22.Januar 2013

Per PHP & CSS ein Logo grÃ¶ÃŸtmÃ¶glich in einen Kreis einsetzen

Rechteckiges Logo Fast quadratisches Logo FÃ¼r ein aktuelles WordPress-Kundenprojekt sollen Firmenlogos automatisiert vor einem kreisfÃ¶rmigen Hintergrund dargestellt werden. Die Aufgabenstellung war, die Logos trotz unterschiedlicher SeitenverhÃ¤ltnisse Â grÃ¶ÃŸtmÃ¶glich in den Kreis einzupassen, ohne dass eines irgendwo Ã¼ber den Rand drÃ¼berschaut. Â Mit Unterstufenmathematik recht einfach gelÃ¶st, nur wissen muss mans (weiterlesen â€¦)

Tags: css, kreis, logo, php, timthumb

Freitag
9.November 2012

Internet Explorer und Responsive Webdesign – es geht doch!

Jeder Webworker weiÃŸ: der Internet Explorer ist eine zickige Sau. Bis hin zum IE8 unterstÃ¼tzt er etwa keine @media-Queries, die zentrale & zeitgemÃ¤ÃŸe Technik um Websites auf verschiedenen BildschirmgrÃ¶ÃŸen unterschiedlich darzustellen. Auf yellowled.de wurden letztensÂ unterschiedliche Techniken vorgestellt, um den IE dennoch zur Zusammenarbeit bewegen zu kÃ¶nnen.

Tags: css, css3, ie, internet explorer, media, responsive

Dienstag
28.August 2012

WordPress-Genesis-Themes in weniger als einer Stunde handytauglich machen

Wenn man Websites mit WordPress und dem Genesis-Framework baut, dann spart das viel Arbeit. Durch den immer gleichen modularen Aufbau kann man auch umfangreichere Arbeiten relativ flott umsetzen. Hier eine englische Anleitung, wie man einÂ Genesis Theme in weniger als einer Stunde handytauglich macht.

Einziger Punkt, der mir noch dabei gefehlt hat: wenn man position:absolute; im Stylesheet verwendet, so muss man diese Angabe durch position:static; ersetzen.

Tags: css, genesis, handy, html, mobill, Wordpress

Dienstag
6.April 2010

NetzfundstÃ¼cke vom 6.4.2010

Meine neuesten Links auf delicious.com vom 6.4.2010:

Webinhalte fÃ¼r Smartphones und Pocket PCs aufbereiten | Dr. Web Magazin - Ziemlich gute Anleitung, wie man Websites handytauglich machen kann
Sync Files and Folders Outside Your My Dropbox Folder - dropbox - Lifehacker - Wie man mit Dropbox Dateien und Ordner synchronisieren kann, die sich auÃŸerhalb des Dropbox-Ordners befinden
How to free up space in Gmail - Email - Lifehacker - Wie man systematisch und effektiv einen Gmail-Acccount entrÃ¼mpelt
Use Linux to Scan Unusable Windows Drives for Viruses - antivirus - Lifehacker - Wie man ein Windows-Laufwerk unter Linux von Viren befreit
The 7 Secrets to Fordâ€™s Social Media Marketing Success Â« Jeffbullas's Blog -warum Ford im Social Web erfolgreich ist
Facebook | Payvment E-Commerce Storefront -ShoplÃ¶sung fÃ¼r Facebook

Tags: css, dropbox, email, entrÃ¼mpeln, facebook, ford, Gmail, Google, gratis, handy, HowTo, iphone, lÃ¶schen, link, Linkdump, Linux, marketing, mobile, pocketpc, scan, shopsystem, smartphone, socialmedia, social_media, software, sync, tips, tools, Twitter, virus, web, webdesign, windows, youtube

Mittwoch
17.Februar 2010

NetzfundstÃ¼cke vom 17.2.2010

Meine neuesten Links auf delicious.com vom 17.2.2010:

SEOmoz | A Step by Step 15 Minute SEO Audit (A Sample from SEO Secrets) - Suchmaschinentauglichkeit einer Website in 15 Minuten testen
Revised Font Stack | A Way Back - Was sind die gÃ¤ngigsten Schriftarten auf Internetrechnern?
Visual jQuery 1.2.6 - jQuery Cheat Sheet
WordPress â€º Custom Class Selector Â« WordPress Plugins - Plugin, um benutzerdefinierte Style-Listen im WYSIWYG-Editor von WordPress einzubinden
WP Date Image Hack | YugaTech | Philippines, Technology News & Reviews - Datum in WordPress als Grafik-Kalenderblatt anzeigen
Making an Expanding Code Box | Digging into WordPress - Box fÃ¼r Code-Schnipsel, die definierte GrÃ¶ÃŸe nicht Ã¼berschreitet und sich auf Mausover ausrollt.
Create a Free Email Newsletter Service using WordPress
Excellent Tutorials to Utilize the Power of WordPress and Facebook - Eigene Facebook-Applikation fÃ¼r WordPress erstellen
How to: Display your WordPress Tags in a Drop-Down Menu - Tags als Dropdown-MenÃ¼ anzeigen: sehr einfach, aber praktisch!
Events - Eventlisten-Plugin fÃ¼r WordPress
NealGrosskopf.com l A List of New CSS Features In Firefox 3.6, Set to be Released Tomorrow - Neue CSS-MÃ¶glichkeiten ab Firefox 3.6
LogoPond - Identity Inspiration - - Unmengen kreativer Logos

Tags: 15, blog, cheatsheet, code, css, datum, Design, dokumentation, dropdown, email, event, facebook, Firefox, firefox3.6, fonts, Foto und Grafik, graphics, hack, hacks, HowTo, inspiration, javascript, jquery, kalender, Linkdump, logo, marketing, minuten, newsletter, Photoshop, php, plugin, pre, seo, styles, tags, test, text, tinymce, tipps, tutorial, tutorials, verlauf, webdesign, Wordpress

Mittwoch
23.Dezember 2009

5 fortgeschrittene CSS-Techniken

Auf dev-tips.com erschien letztens ein Kurzartikel mit 5 teils verblÃ¼ffenden CSS-Tricks. Es wird etwa erklÃ¤rt, wie man ein Hintergrundbild auf BildschirmgrÃ¶ÃŸe skalieren kann, wie man Elemente in<object>-Tags mit z-Index versehen kann und wie man Bilder und Texte mit Schatteneffekten versehen kann.
Lesenswert fÃ¼r alle Webworker!

Tags: css, hintergrundbild, object, schatten, z-index

Montag
9.November 2009

NetzfundstÃ¼cke vom 8.11.2009

Meine neuesten Links auf delicious.com vom 8.11.2009:

Piwik Performance erhÃ¶hen - mit einem einfachen SQL-Befehl in der Datenbank
12 Lesser Known But Useful WordPress Hacks - NÃ¼tzliche Codeschnipsel zum Anpassen von WordPress
FastPictureViewer Codec Pack Adds RAW Support to Windows - Photography - Lifehacker - Windows-Vorschau fÃ¼r RAW-Bilder nachrÃ¼sten!
Better CSS outline suppression - Mit CSS den stÃ¶renden Rahmen um Textlinks ausblenden

Tags: css, Fotografie, freeware, hacks, index, leistung, link, Linkdump, outline, php, piwik, rahmen, raw, tipps, tools, windows, Wordpress

Mittwoch
7.Oktober 2009

NetzfundstÃ¼cke vom 7.10.2009

Meine neuesten Links auf delicious.com vom 7.10.2009

30 Superb Free Street Graffiti Art FontsÂ |Â Dzine Blog - Braucht man eher selten, aber hier gibts 30 kostenlose Schriftarten im Stile stÃ¤dtischer Graffiti-KÃ¼nstler
25 Best Collection of jQuery Menu Design Tutorials | jQuery Wisdom - Tolle HTML-MenÃ¼s mit jquery

Tags: css, font, graffiti, gratis, html, javascript, jquery, layout, Linkdump, menÃ¼, navigation, schriftart, tutorials, webdesign

Dienstag
6.Oktober 2009

NetzfundstÃ¼cke vom 6.10.2009

Meine neuesten Links auf delicious.com vom 6.10.2009:

PHPBuilder.com: PHP Filters - an important security feature - Artikel Ã¼ber php-Filter zur Validierung von Eingaben
Turn any webform into a powerful wizard with jQuery (FormToWizard plugin) - Webformulare mit jQuery in mehrere Schritte unterteilen
Showcase: Kontakt-Formulare von Portfolio Sites | Dr. Web Magazin - Ideensammlung fÃ¼r Kontakt-Formulare auf Websites
Realtime Related Tweets Bar: Another jQuery Plugin - Twitter-Feeds in Echtzeit in Websites einbinden
bassistance.de Â» jQuery plugin: Validation - jQuery-Plugin zum Validieren von HTML-Formularen

Tags: ajax, css, Design, feed, filter, formulare, Foto und Grafik, HowTo, html, jquery, layout, Linkdump, next, php, plugin, previous, rss, schritte, security, sicherheit, tutorial, Twitter, validieren, webdesign

Montag
21.September 2009

25 nÃ¼tzliche CSS-Tricks

Schon gewusst, dass man per CSS sogar die Farbe steuern kann, in der Textmarkierungen angezeigt werden? Gewusst, wie man Eingabeformulare hÃ¶chst elegant ganz ohne Tabellen anlegt und dass man externe Links gesondert stylen kann? Wenn nicht, dann wird die LektÃ¼re dieses Artikels auf webdeveloperplus.com hÃ¶chste Zeit. Denn dort lernt selbst der hauptberufliche Webworker noch etwas (oder denkt sich zumindest: Hab ich schon mal gehÃ¶rt, aber wieder vergessen!).

Tags: css, html, tricks

Montag
29.Juni 2009

delicious-Linkdump vom 29.6.2009

Meine neuesten Links auf delicious.com vom 29.6.2009

WordPress Simple Paypal Shopping Cart Plugin - Ein Plugin für WordPress, um einem WordPress-System sehr einfach ein Warenkorbsystem mit Paypal-Zahlungsmöglichkeit einzubauen.
Iconfinder | Icon search made easy - Suchmaschine für Icons, thematisch sortiert und mit Volltextsuche
960.gs - Prototyping mit dem CSS-Framework | Dr. Web Magazin - Dr.Web-Artikel über das einfache Prototyping mit dem CSS_Framework 960.gs
Hintergrundbilder eindrucksvoll mit CSS skalieren | Dr. Web Magazin - Hier wird erklärt, wie man Hintergrundbilder mit CSS immer mit dem Browserfenster mitskalieren kann, wie auf ringvemedia.com vorgezeigt.
22 Mixed Quality WordPress Hacks | Tutorials | instantShift - Wertvolle Tipps zum "Aufbohren" von WordPress (gefunden beim Schockwellenreiter)

Tags: css, ecommerce, framework, hack, hintergrund, HowTo, icons, paypal, php, plugin, prototyping, shopping, skalieren, suchmaschine, tools, tricks, tutorial, warenkorb, webdesign, Wordpress

Dienstag
2.Juni 2009

WordPress-Hacks fÃ¼r Profis

Bin in letzter Zeit Ã¼ber Tonnen an WordPress-Ressourcen gestolpert, die ich euch nicht vorenthalten mÃ¶chte (und die ich auÃŸerdem selbst wieder finden mag, wenn ich sie brauchen sollte):

WordPress Shortcodes: eine gute EinfÃ¼hrung in Shortcodes - man kann damit in einen Beitrag speziell formatierte AbkÃ¼rzungen einfÃ¼gen, die beim Anzeigen des Beitrags dynamisch in lesbare Inhalte umgewandelt werden. Shortcodes werden seit WordPress 2.5 unterstÃ¼tzt und sind eine Technik, die unglaubliches Potential hat.
Thumbnails fÃ¼r BeitrÃ¤ge: englisches Tutorial, wie man jedem Beitrag ein Vorschaubild zuweist und diese Bilder auf der Startseite anzeigt.
Huge compilation of WordPress Code: umfangreiche Zusammenstellung von WordPress-Codeschnipseln
Eigentlich nicht WordPress, aber ein interessanter Ansatz: No more CSS Hacks erklÃ¤rt, wie man mit PHP dynamisch ein Stylesheet fÃ¼r den aktuellen Browser erzeugt.

Update 4.6.2009: wie immer kommen noch interessante Links dazu, sobald man einen Beitrag freigeschaltet hat. So auch diesmal:

20 Tutorials for Working with Custom Fields: benutzerdefinierte Felder erlauben in WordPress verblÃ¼ffende Anwendungen. Hier sind dutzende davon.
5 Useful WordPress-Functions You DidnÂ´t know existed: hier werden 5 selten genutzte, aber dennoch brauchbare WordPress-Funktionen vorgestellt, die man als Entwickler nutzen kann.
3 awesome custom fields tricks: drei Ã¼berraschende AnwendungsmÃ¶glichkeiten fÃ¼r benutzerdefinierte Felder in WordPress
28 ways to use WordPress custom fields: nachmal benutzerdefinierte Felder. Hier werden gleich 28 AnwendungsmÃ¶glichkeiten auf einen Schlag vorgestellt.

Tags: css, html, php, shortcodes, thumbnails, tutorial, Wordpress