Archiv

Archiv für die Kategorie ‘Tech’

Interaktive Zeitleiste mittels JSON

Eine nettes Open-Source Framework zur Visualiserung von zeitabhängigen Daten. Das tolle ist, das Framework kann eine Vielzahl von Formaten verstehen und bietet sogar Connectoren zu Twitter, Facebook, YouTube usw. Zudem gibt es sogar ein WordPress Plugin.

Timeline

Ich werde es auf jeden Fall demnächst einmal testen.

Das Framework findet man hier: Timeline.

  • Share/Save/Bookmark
Categories: Allgemein, Tech, Tools Tags:

Golden Grid System – 960 ist tot

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.

Das Grid System findet man hier zum Download:
Golden Grid System.

  • Share/Save/Bookmark

Dynamische Weblayouts mit Isotope kein Problem

Isotope jQuery Framework

Isotope jQuery Framework

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.

Hier gehts zu Demo von Isotope:

http://isotope.metafizzy.co/

  • Share/Save/Bookmark

WYSIWYG Editor der neuen Generation

Sehr intuitiver Editor, freies Framework, für das ein odere andere Webprojekt sicherlich interessant – Word im Internet lässt grüßen:

http://aloha-editor.com/

Aloha HTML 5 Editor

Aloha HTML 5 Editor

  • Share/Save/Bookmark
Categories: Tech, Trends Tags:

Browser-Kompatibilität prüfen mit… “When Can I Use…”

Ein weiterer techniklastiger aber hilfreicher Fund beim Smashing Magazine:

Hilfreiches Tool...

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.

Hier gehts zu When-Can-I-Use.

  • Share/Save/Bookmark
Categories: Tech, Tools Tags: ,

CSS3 Generator mit gängigen Workarounds für diverse Browser

Gefunden beim Smashing Magazine:

CSS3 Generator

CSS3 Generator

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.

  • Share/Save/Bookmark
Categories: Allgemein, Tech, Tools Tags: ,

Wie man Probleme mit Suchmaschinen bei einem Relaunch vermeidet

Ein interessanter Artikel, worauf man aus SEO-Sicht achten sollte, wenn man eine Seite relauncht.

Den ganzen Artikel gibt es hier:

Website-Relaunch ohne Schrecken: Wie man Probleme mit Suchmaschinen vermeidet.

  • Share/Save/Bookmark

Was mit CSS 3 alles möglich ist

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.

Den Artikel findet man hier:

Take Your Design To The Next Level With CSS3 | CSS | Smashing Magazine.

  • Share/Save/Bookmark
Categories: Tech, Trends Tags:

Ext JS – Client-side JavaScript Framework

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.

Das Framework gibt es hier:
Ext JS – Client-side JavaScript Framework

  • Share/Save/Bookmark
Categories: Tech, Tools Tags: , , ,

LSI: Latent Semantic Indexing erklärt

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 ;-) .

  • Share/Save/Bookmark