Guymon

Front-end Style Guides

Anna Debenham stellt in Front-end Style Guides einige Beispiele für Web Style Guides vor.

Design style guides and code standards documents have been a successful way of ensuring brand and code consistency, but in between the code and the design examples, web-based style guides are emerging. These are maintained by front-end developers, and are more dynamic than visual design guidelines, documenting every component and its code on the site in one place.

Defense against external resources failing

Rich Thornett erklärt wie man externe Ressourcen so einbindet, dass sie nicht die eigene Seite beeinträchtigen wenn sie nicht geladen werden können.

The Deck network, which delivers advertising to some of the most popular web design and culture destinations, was down for about thirty minutes. During this period, most partner sites running ads from The Deck could not be viewed as result.

I’ll discuss outages like this and how to defend against them. (…) the issues in play are applicable to any web widget you might add to your site to display third-party content.

Performance: Delayed Content

Paul Hammond zeigt wie man die Performance einer Webseite mit “Delayed Content” deutlich verbessern kann.

Jeremy Keith hat diesen Gedanken aufgegriffen und wendet ihn auf den mobile first Ansatz an.

This technique has consequences for content strategy and information architecture. Instead of thinking about possible page content in a binary way as either ‘on the page’ or ‘not on the page’, conditional loading introduces a third ‘it’s complicated’ option.

This was just a simple example but I hope it illustrates that conditional loading could become an important part of the content-first responsive design approach.

SEO: Page Speed

Bei Alex Graves bin ich auf ein Video von Matt Cutts gestoßen in dem er die Bedeutung der Webseiten Performance deutlich heruntergespielt.

Although there seems to have been a huge push towards looking to reduce the page speed, Cutts revealed that there are only really “one in a thousand” sites that have any issues in relation to their page speed that could be big enough to affect their position within the search engine results, taking away some of the need to have the most efficient site on the internet.

Die Schlussfolgerung des Posts – Google Page Speed Optimisation is a Waste of Time – teile ich zwar nicht, denn eine gute Performance macht Benutzer zufriedener, aber es ist zumindest interessant, um nicht zuviel Energie, aus den falschen Gründen, in einzelne Aspekte der Entwicklung zustecken.

.htaccess snippets

cats who code stellt 10 .htaccess Snippets vor. Unter anderem:

Force download of a specific filetype

<Files *.xls>
 ForceType application/octet-stream
 Header set Content-Disposition attachment
</Files>
<Files *.eps>
 ForceType application/octet-stream
 Header set Content-Disposition attachment
</Files>

Cross Domain Font embedding for Firefox

<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
 Header set Access-Control-Allow-Origin "http://yourdomain.com"
</IfModule>
</FilesMatch>

Configure your website for HTML5 videos

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !=/favicon.ico
AddType video/ogg .ogv
AddType video/ogg .ogg
AddType video/mp4 .mp4
AddType video/webm .webm
AddType application/x-shockwave-flash swf