WebDevTeam’s Blog

Web Development, JavaScript, CSS, Ajax, Web2.0, Usability, Interaction, Tools

Posts Tagged ‘css

jQuery benutzt jetzt Google Compiler statt YUI Compressor

leave a comment »

Bei Twitter bin ich bei Steve Souders auf einen interessanten Tweet gestoßen:

Der Link im Tweet erläutert dies dann etwas genauer:

Das ganze hört sich interessant an, zumal wir den YUI Compressor auch bei uns in den Projekten benutzen.

Written by webdevteam

Januar 15, 2010 at 12:43 pm

Veröffentlicht in Uncategorized

Tagged with , , ,

Sprite Me!

leave a comment »

Wir haben schon etwas zu CSS Sprites geschrieben, es gibt auch einige Tools dazu. Aber jetzt gibt es ein viel Besseres! Bei Ajaxian habe ich gerade den Artikel dazu gelesen und die verlinkte Demo ausprobiert. Und ich muss schon sagen, dass ich ziemlich fasziniert bin, was so ein kleines Bookmarklet so machen kann 😉

Man kann damit aus den bestehenden Grafiken CSS Sprites zusammenstellen und die Änderungen werden sofort in der aktuellen Seite angewendet, so dass man „nur“ noch die fertige Grafik als auch die CSS Änderungen kopieren muss.

spriteme

Ich habe es allerdings nur in der Demo angetestet. Die Änderungen selbst und die neue Sprite Grafik habe ich noch nicht entnommen und die Änderungen in verschiedenen Browsern ausprobiert. Falls jemand die Zeit findet: ab in die Kommentare!

Written by webdevteam

September 15, 2009 at 10:52 am

Veröffentlicht in Uncategorized

Tagged with , , , ,

Lesenswerte Seiten

leave a comment »

Written by webdevteam

August 7, 2009 at 2:02 pm

IE8 Compatibility View ist doch nicht so gut…

leave a comment »

Wir haben uns extra den 8er IE installiert, weil man dort einfach in den Compatibility View umschaltet, damit man den 7er IE testen kann. Mir persönlich war es ehrlich gesagt schon immer etwas suspekt, ob der IE8 das dann auch richtig als IE7 rendert. Heute haben wir leider festgestellt, das die Seite im Compatibility View falsch gerendert wird.

IE8:

compview_prob_ie8

IE8 im Compatibility View als IE7:

compview_prob_ie7

und der richtige IE7 macht es wieder richtig:

compview_prob_real-ie7

Wir benutzen einen Image Teaser, der overflow: hidden; aber eine feste Höhe und Breite hat.

compview_prob_ie7_css

Das mit overflow: hidden; macht im IE nur dann Probleme, wenn man keine Höhe angibt.

Im SuperPreview ist übrigens genau das gleiche Problem:

compview_prob_superpreview

D.h. ich werde dem IE8 Compatibility View ab sofort nicht mehr trauen und wieder meinen IE7 im VMWare Image zum testen nehmen (müssen).

Written by webdevteam

Juni 16, 2009 at 11:15 am

Veröffentlicht in Uncategorized

Tagged with , , ,

CSS Grid Frameworks und Layout Generators

leave a comment »

Written by webdevteam

Juni 15, 2009 at 12:17 pm

Veröffentlicht in Uncategorized

Tagged with , , ,

CSS-Sprites

with 5 comments

Ich bin bei Dr. Web auf einen interessanten und praxisorientierten Artikel zu CSS-Sprites gestoßen. Es wird dort auch ein Sprite-Generator vorgestellt den ich aber noch nicht getestet habe.

Written by chsch

April 20, 2009 at 10:55 am

Veröffentlicht in Uncategorized

Tagged with

Web Development Cheat Sheets fürs iPhone / iPod Touch

with one comment

Wer 0,79 € übrig hat, der kann diese für jeweils ein CheatSheet im AppStore ausgeben:

Die CheatSheet List gibts hier bei Concentric Sky.

IMO sind die Cheat Sheets für diese Themen auf dem iPhone nicht wirklich sinnvoll, da man beim Entwickeln sowieso am Rechner sitzt und die Sachen entweder in einem Cheat Sheet PDF (z.B. hier) hat oder online nachschauen kann.

Dafür ist jTouch

A touchable jQuery Cheat Sheet in your pocket, accessible anywhere.

schon viel interessanter, weil kostenlos 🙂 – Internetzugang vorausgesetzt.

jTouch

Gefunden habe ich die ganzen Links in diesem Artikel „Javascript Cheat Sheets & Quick Reference Guides for Javascript Webmasters, Coders, Web developers & Designers„.

Written by webdevteam

April 19, 2009 at 3:02 pm

Veröffentlicht in Uncategorized

Tagged with , , , ,