Inbesondere deshalb, dass die Cross-Plattform Entwicklungen zunehmen – nicht zuletzt aufgrund des stetig wachsenden Mobile-Segments und der Diversität der Endgeräte – sollte man beim Design von Websites häufig vom allseits bekannten 960 Grid-System lösen und auf ein flexibles Grid (auch bekannt unter Responsive Design) zurückgreifen.
Ich habe hier über das Smashing Magazine ein sehr gutes Grid-System gefunden, dass anders wie bei den meisten responsive Grids, eine fixe Spaltenbreite zurgrunde liegt.
Sicherlich ist es schwerer in flexiblen Ausmaßen zu konzipieren und zu layouten (hier muss man dann Prioristäten vergeben) aber es macht sich insbesondere dann bezahlt, wenn man mit unterschiedlichsten Endgeräten auf den gleichen Content zugreift.
Istope ist eine Erweiterung von jQuery und ermöglicht eine einfache und fancy Anpassung des Layouts an der Bildschirmgröße.
Häufig wird nur in fixen Größen gelayoutet wobei ein dynamisches bzw. flexibles Layout wie man es von Desktopanwendungen kennt äußerst sinnvoll sein kann.
Ich werds in Zukunft auf jeden Fall mehr in Erwägung ziehen.
Ein weiterer techniklastiger aber hilfreicher Fund beim Smashing Magazine:
Hilfreiches Tool...
When Can I Use… is a compatibility table that shows which upcoming Web technologies are compatible with which existing browsers. Select from HTML5, CSS3, SVG and a multitude of other technologies, then specify which browsers and versions you want to know about, and it spits out a table that tells you what’s supported and what’s not (including partial support).
Given the wealth of technologies that are just beginning to be available for general use, this table could be a lifesaver for designers who aren’t sure how compatible certain properties and attributes are. Rather than waste time on development only to find out that your nifty code doesn’t work in half the browsers out there, you can turn here to find out first.
CSS3 is coming. Although legacy browsers do not support new CSS3 features, modern browsers already offer a good measure of support. And you can use them right away, thus improving the user experience while avoiding dirty tricks in your source code. Websites do not have to look the same in every browser, so you can feed modern browsers advanced CSS while displaying a less enhanced version to users on older browsers.
But CSS3 has a variety of new features, and if you haven’t played around with them yet, applying them to your designs might be a bit tricky and time-consuming. Luckily, the design community has released some helpful time-savers for CSS3 coding, all of which showcase the potential of CSS3 and generate code on the fly.
CSS3, please! is a cross-browser CSS3 rule generator that enables you to produce CSS3 properties in your browser window. You can see the results of your inline changes in real time in a preview box. The generated code contains workarounds for legacy browsers, so your CSS rules will remain cross-browser compatible. You can also toggle rules on and off to see how your design is affected. The tool has templates for rounded boxes, box shadow, box gradient, RGBa, box rotate and the @font-face attribute.
CSS3 Generator is similar, but it also explains each CSS3 value and shows the browser requirements of every rule. The tool also generates code for text shadow, multiple columns, box resize, box sizing and outline.
Both tools will come in handy if you want to test any of the CSS3 properties or get cross-browser code that uses the advanced features of modern browsers and accommodates the weaknesses of legacy browsers.
Ein sehr interessanter Artikel darüber, was mit CSS 3 alles möglich ist und welcher Browser welche Funktionalität bereits unterstützt. Nach 11 Jahren CSS 2.1 wird es endlich einmal Zeit, dass sich hier etwas tut.
Ein Javascript-Framework zur Erstellung von Rich Internet Applications. Sehr coole UI-Funktionalitäten mit Ajax, die man direkt auf der Seite ausprobieren kann. So kann man bei der Konzeption auf das Interaktionsverhalten einzelner Elemente darauf verweisen. Sehr hilfreich also nicht nur bei der Frontendumsetzung.
Ein Video, das LSI erklärt und somit ein bischen Licht in die Suchmaschinenalgorithmen wie z.B. von Google bringt.
Der Sprecher scheint jedoch ein bischen gelangweilt zu sein .
.