Creating a pure CSS dropdown menu 17 February, 2011 In redeveloping the Venturelab site we became increasingly aware that there was a lot of content that needed navigating extremely simply and fairly rapidly. We have so much to say and such a lot of content that the navigation of the site needed to be even more dynamic and encompassing than normal. Demo This article has been ported from the now-defunct Venturelab Devblog, where I had originally authored it. Each page features a sub-navigation area, which links to all the other pages within that section of the website. I was looking at the main menu of the site when inspiration struck. The concept What a dropdown menu provides is a hierarchical overview of the subsections contained within the menu item that spawned it. They are extremely useful in showing what a section of a site contains, and allowing you to access it from anyway else in that site, whether that be the parent page of that subsection, or a page in a different section altogether. The markup The CSS Final word
CSS Image Filters I'm a big fan of some of the experimental CSS properties that the browsers vendors are developing. In previous tutorials I have looked at some of the new features which I think are really useful. In this tutorial we are going to look at a great new features called CSS filters. Using just CSS you are able to create all these effects on images. GreyscaleBlurSaturateSepiaHue RotateInvertBrightnessContrastOpacity How To Use Filters To use a filter in CSS it's as easy as using any other CSS property. Like most of new features in CSS3 you need to use browser prefixes. Browser Support Currently the only browser that supports this is the wekbit browser so Chrome and Safari. CSS Filters has been supported in Chrome since version 21 and has been in Safari since version 6. It is currently unknown if IE10 or Firefox version 17 will support these properties but for now the best browser to see these features in is webkit. Demo This is best seen in webkit browsers. Demo CSS Greyscale CSS Blur CSS Saturate CSS Sepia
The Lost Principles of Design In the instant age that design has evolved into recently many of us often stray away from the basics. If you had a professor in college who taught you the fundamentals of design these may be engrained into your head. For the self-taught, you may have a book on your desk with these very principles. However, the more and more people that flood the internet for design content need to learn the basics before trying to make a stellar gradient in Photoshop. While this is cool and amazing right now, there will come a point where this style is strayed away from and a new style is made. In history, this lesson has repeated itself with movements like the Bauhaus and Swiss Modernism and will soon come label our current trends as part of history. Balance Arranging parts to achieve a state of equilibrium between forces of influences. Examples: Symmetrical, Asymmetrical, Radial Contrast Interaction of contradictory elements. Emphasis & Subordination Directional Forces Proportion Scale Repetition & Rhythm
Emails aus PHP mit PHPMailer versenden - TanMar Tutorials Oft ist es notwendig, dass PHP Scripte Emails verschicken sei es für Kontaktformulare, die Benachrichtigung bei bestimmten Ereignissen oder für das Versenden von Zugangsdaten oder ähnlichen Informationen. PHP bietet mit der Funktion mail() eine entsprechende Möglichkeit. Diese ist jedoch sehr spartanisch und nur für die einfachsten Anwendungsfälle ausreichend. Mit einem ansehendlichen Funktionsumfang wie die Unterstützung von HTML-Mails mit alternativer Textversion, dem Versand über SMTP-Server mit Authentifizierung oder der Unterstützung für eingebettete Bilder schafft die auf SourceFourge erhältliche Klasse PHPMailer Abhilfe. Installation von PHPMailer Die Installation von phpmailer gestaltet sich denkbar einfach. Erste Schritte phpmailer ist jetzt einsatzfähig und kann in eigenen Scripten verwendet werden. Wenn dieses Script erfolgreich auf dem Server aufgeführt wird, kann die erste Testmail verschickt werden. Passen Sie die Adressen an und testen Sie das Script auf Ihrem Webspace.
several color ideas Nützliche Tools zur Ermittlung geeigneter Keywords Eine wichtige Teildisziplin der Suchmaschinenoptimierung ist die Ermittlung relevanter Keywords für die eigene Webpräsenz. Welche Tools der Marktführer Google bietet, erfahren Sie in diesem Beitrag. Die Ermittlung passender Keywords für den eigenen Internetauftritt ist bekanntermaßen eine knifflige Angelegenheit. Branchenprimus Google bietet hilfreiche Werkzeuge, die Ihnen dabei helfen können, geeignete Schlagwörter für Ihre Homepage zu finden. Die Tools von Google zu nutzen hat den Vorteil, dass die Daten direkt vom wichtigsten Suchdienst selbst stammen. Einige dieser Tools möchten wir ohne Anspruch auf Vollständigkeit kurz vorstellen: Google Keyword Tool Ein hervorragendes Werkzeug zur Ermittlung verwandter Keywords ist das in Google Adwords integrierte Google Keyword Tool. Sie finden das Tool in Google Adwords unter “Werbechancen -> Keyword-Tool”. Google Insights Google Insights bietet die Möglichkeit, saisonale Schwankungen und Trends zum Suchvolumen für mehrere Keywords abzufragen.
QR Code Generator für vCard iPhone contact GPS Geoplaner - GeoConverter | Routenplaner online Der Geoplaner ( GeoConverter + Routenplaner ) konvertiert geografische Breitengrade/Längengrade (Latitude/Longitude) und UTM-Koordinaten und bietet einfache Funtionen für die GPS-Routenplanung. Die Koordinaten-Eingabe erfolgt entweder: graphisch per Mausklick oder numerisch: UTM-Koordinate oder Latitude/Breitengrad & Longitude/Längengrad oder als Adresse: Land, Ort, Straße, Hausnummer oderals POI: Berggipfel, See, Stadt, Insel, ... oderper File-Upload: Wegpunkte oder Route im *.gpx-Format. Die erstellten Koordinaten werden zusammen mit den Höhen u. Meerestiefen graphisch in GoogleMaps oder Open Street Map (OSM), sowie numerisch angezeigt und im GPX-Format zum Download zur Verfügung gestellt. Da der Koordinaten-Download auch als GPX-Route möglich ist, eignet sich der Geoplaner als einfacher (manueller) GPS-Routenplaner oder Tourenplaner. Google hat leider den Zugriff auf viele bisher kostenfreie Karten-Services stark begrenzt. Koordinaten umrechnen (WGS84) und File Upload/Download