RSS Feed
2012/02/04

[Symfony 2] AsseticBundle, Less CSS & YUI Compressor unter OSX installieren

Johannes Heinen, 2011/08/25 18:55

Das AsseticBundle ist ein Wrapper um Assetic, ein geniales Tool, um statische Assets für Webprojekte zu verwalten. AsseticBundle ist extrem einfach zu verwenden, einfach die entsprechende Filter-Chain via yaml konfigurieren, um mehr muss man sich nicht kümmern. Natürlich allerdings müssen die zugrundeliegenden Abhängigkeiten im Vorfeld installiert sein. In unserem Falle benötigen wir den Yui-Compressor als jar-File und Less CSS. Less ist ein node.js Modul, was bedingt, dass wir zuvor node.js installieren müssen.
» read more

HTML5 – Sammlung von Ressourcen, Dokus und Browser-Fallbacks

Johannes Heinen, 2010/11/27 17:48

Hier mal eine anfänglich kleine Sammlung zum Thema HTML 5 generell – grob kategorisiert. Vervollständigungen und Streichungen willkommen.

» read more

Cheat-Sheets für alle(s)

Johannes Heinen, 2010/06/13 15:26

Diesem Mann ist sicher nie langweilig: http://www.addedbytes.com/cheat-sheets/. Hinter diesem Link verbergen sich Cheat Sheets zum Selber-Ausdrucken für alles Denkbare.

SlickMap CSS – visuelle Sitemaps in HTML / CSS

Max Girkens, 2010/05/30 14:46

visuelle Sitemaps in XHTML / CSS.
Ein Stylesheet um unordered Lists als Sitemap darzustellen.

http://astuteo.com/slickmap/
http://astuteo.com/slickmap/demo

[Jquery]Namespaces via CSS-Selector adressieren

Johannes Heinen, 2010/04/29 23:38

Vielleicht braucht es mal jemand, jedenfalls lassen sich “genamespacete” Tags in einer DOM (XML)document Instanz recht einfach mittels \: als Separator adressieren. Ein Beispiel: Ich möchte ein Dublin-Core Metadatum aus einem beliebigen Feed lesen:

(function($) {

  $('item').each(function() { $(arguments[1]).find('dc\:creator').[...]() } );

})(jQuery);

Dies entspricht wohl rein syntaktisch nicht ganz dem entsprechendem CSS3-Proposal (einzusehen unter http://www.w3.org/TR/css3-selectors/#typenmsp). Ich habe beide Möglichkeiten interessehalber auch einmal in einem aktuellen FF3.6 und Chromium getestet:

<style type="text/css">
/*<![CDATA[*/
  @namespace hanswurst url(http://www.meins.int)

  hanswurst|kaese
  {
    color: red;
  }
/*]]>*/
</style>
<hanswurst:kaese>
  Hanswurst liebt käse
</hanswurst:kaese>

Ergebnis: Naja, klappt nicht. Eventuell hat jemand eine Idee oder kann mich korrigieren?

Zen-Coding: Doping fürs Markup-Tippen

Johannes Heinen, 2009/11/22 13:47

Tim hat recht, das ist ‘ne nette Idee. Das Video angucken!

Kleines Addon, große Wirkung.

Johannes Heinen, 2009/11/21 19:12

Check das aus. Dieses kleine, aber feine Addon erlaubt es, alle Stylesheets via Kontextmenu-Auswahl oder F9-Taste zu aktualisieren. Der Clou dabei: Das ganze geschieht on-the-fly, ohne dass ein Page-Reload nötig wäre. Jeder leidgeplagte RIA-Entwickler wird angesichts der offensichtlichen Macht dieses Addons in Ehrfurcht erstarren. Denn dadurch lässt sich der Zeitaufwand fürs CSS-Styling um mindestens 90% verringern, und dann macht diese Tätigkeit sogar wieder sowas wie Spaß.

» read more

CSS rounded corners feat. DD_roundies

Max Girkens, 2009/09/05 22:49

runde Ecken lassen sich ja in einigen Browsern mittels der entsprechenden proprietären border-radius CSS Eigenschaft gut realisieren. zB:

.roundie {
    -moz-border-radius:5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius:5px;
}

Klar, dass der feine IE da von Haus aus nicht mithalten kann. Zum Glück für ihn gibt es aber Drew Dillers’ DD_roundies. » read more