Guymon

Google Web Font v2

Cool, gerade erst gesehen: Google hat einen Haufen neuer Web Fonts zur Verfügung gestellt und auch gleich die Webseite überarbeitet.

Web Font Hosting Übersicht

Sylvia Egger hat eine praktische Übersicht von Web Font Hosting Services erstellt.

CSS3 Text-Warping

CSS3 Text-Warping:

CSS3Warp is a proof of concept: create Illustrator like “warped” text (text following an irregular path) with pure CSS and HTML. CSS3 brings new text-transform options: rotation, skew, matrix, transform-origin… By applying the right transformations to every single letter it is possible to create the illusion of text following a path.

@font-face Syntax

Auf Font Spring wird eine aktualisierte @font-face Syntax vorgeschlagen, da der Vorschlag von Paul Irish anscheinend auf Android Probleme macht:

@font-face {
	font-family: 'MyFontFamily';
	src: url('myfont-webfont.eot#') format('eot'),
	 url('myfont-webfont.woff') format('woff'),
	 url('myfont-webfont.ttf') format('truetype'),
	 url('myfont-webfont.svg#svgFontName') format('svg');
	}

Internet Explorer <9 has a bug in the parser for the src attribute. If you include more than one font format in the src, IE fails to load it and reports a 404 error. The reason is that IE attempts to load as a file everything between the opening parenthesis all the way to the very last closing parenthesis. To deal with that wrong behavior, you merely declare the EOT first and append a single hash mark. The hash fools IE into thinking the rest of the string is a URL fragment and loads just the EOT file. The other browsers follow the spec and select the format they need based on the src cascade and the format hint.

daily links

• jQuery Mobile | jQuery Mobile
  A unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.
• Hover Slide Effect with jQuery | Codrops
  Today we will create a neat effect with some images using jQuery. The main idea is to have an image area with several images that slide out when we hover over them, revealing other images. The sliding effect will be random, i.e. the images will slide to the top or bottom, left or right, fading out or not. When we click on any area, all areas will slide their images out.
• Awesome Fontstacks
  Easily create bundles of beautifully matching, free web fonts, with failsafe font stacks to back them up. Including ready-to-go CSS code!
• Test-Driven JavaScript Development in Practice | Nettuts+
  Test-driven development turns the development cycle upside-down. Rather than focusing on what code is required to solve a problem, test-driven development starts by defining the goal. Unit tests forms both the specification and documentation for what actions are supported and accounted for. Granted, the goal of TDD is not testing and so there is no guarantee that it handles e.g. edge cases better. However, because each line of code is tested by a representative piece of sample code, TDD is likely to produce less excess code, and the functionality that is accounted for is likely to be more robust. Proper test-driven development ensures that a system will never contain code that is not being executed.
• WordPress › DB Cache « WordPress Plugins
  This plugin caches every database query with given lifetime. It is much faster than other html caching plugins and uses less disk space for caching.
• Joomla Downloads - Joomla Inhalte mit "Slider" übersichtlicher organisieren
  Der Entwickler von NoNumber, Peter van Westen, hat eine neue Joomla Erweiterung mit dem passenden Namen "Slider" veröffentlicht. Mit ihm lassen sich Inhalte so aufteilen, dass sie sich quasi gefaltet in eigenen kleinen Fenster befinden, die sich erst auf Mausklick hin öffnen. Das ist zum Bespiel immer dann von Vorteil, wenn viele Informationen auf kleinen Raum untergebracht werden sollen. Letztlich dient es aber der Übersichtlichkeit, denn durch die Organisation in Slides bestimmt der Besucher selbst ob, und wenn ja welche, zusätzlichen Informationen ihn interessieren
• How to Create/Edit Your Own Mail.app Stationery
  How to cretae HTML Email Templates for Mail.app
  Below is a fairly in-depth walkthrough on just how you can create your own Mail stationery or edit the pre-made stationery.
• TYPO3 - the Enterprise Open Source CMS: Documentation: Auth: External DB Authentication (External Database Authentication)
  This extension allows you to use an external database for authenticating users in TYPO3 additionally to the local user tables in the TYPO3 database. Because it uses the ADODB library, many other database types than just MySQL can be used, among them Sybase, MSSQL, Oracle and a generic ODBC handler. Besides checking user name and password several actions can be defined which are executed each time authentication is run. These actions allow you to import additional data from external databases or run a user function.