2016
2014
Le Design Atomique – 24 jours de web
by srcmax
Nous allons dans cet article réfléchir à de nouvelles méthodes d'intégration pour écrire nos feuilles de style.
2012
Prefix free: Break free from CSS vendor prefix hell!
by srcmax & 2 others
-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.
Un joli casse-tête en intégration – HTeuMeuLeu
by srcmax & 3 others
C'est un effet graphique assez classique, en particulier dans la presse papier. Pourtant, il se trouve que ça reste relativement complexe à reproduire de manière simple en CSS.
Voici les règles à respecter :
Le texte ne doit contenir aucune balises (donc pas de span pour chaque ligne, pas de br)
Vous pouvez utiliser autant de balises que vous voulez autour du texte
Pas de JavaScript, que du HTML et CSS
Le fond blanc doit suivre le contour du texte
Il y a une marge à l'intérieur du fond blanc autour du texte de 20px à gauche et à droite de chaque ligne, et d'environ 10px en haut et en bas
Le texte est dynamique, et on doit donc pouvoir le modifier en conservant l'effet
La solution doit fonctionner sur les navigateurs modernes (IE9, Firefox 13, Chrome 19, ...)
2011
2010
CSS2 - Counters
by srcmax
Using the CSS counter syntax you can define as many counters as you like in your page, increment and reset them.
A Comprehensive Guide to CSS Resets
by srcmax & 3 others
This guide examines the infinite-like variety of CSS resets created by web developers and designers across the world.
jQuery Masonry · David DeSandro
by srcmax & 8 others
Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.
2009
A propos du Modèle de boîte Microsoft (ou "quirks") - Alsacréations
by srcmax
Internet Explorer interprète les dimensions CSS différemment des autres navigateurs, ou plutôt interprétait... Contrairement à ce que laissent supposer certains articles et propos de designers "chevronnés" qui n'en démordent pas, Internet Explorer 6 de Microsoft interprète les dimensions CSS des pages html et xhml valides de la même manière que les autres navigateurs de même génération.
CSS Compatibility and Internet Explorer
by Spone & 1 other
With each new release of Windows Internet Explorer, support for the Cascading Style Sheets (CSS) standard has steadily improved. Internet Explorer 6 was the first fully CSS, Level 1-compliant version of Internet Explorer. Windows Internet Explorer 8 is fully compliant with the CSS, Level 2 Revision 1 (CSS 2.1) specification and supports some features of CSS Level 3 (CSS 3).
CSS Compatibility and Internet Explorer
by srcmax & 1 other
With each new release of Windows Internet Explorer, support for the Cascading Style Sheets (CSS) standard has steadily improved. Internet Explorer 6 was the first fully CSS, Level 1-compliant version of Internet Explorer. Windows Internet Explorer 8 is fully compliant with the CSS, Level 2 Revision 1 (CSS 2.1) specification and supports some features of CSS Level 3 (CSS 3).
Intégrateurs, montez au front (Stéphane Deschamps)
by nhoizey & 1 other
« le web [est] l’environnement de développement le plus hostile du monde [...]. Aucun autre environnement de développement n’est aussi compliqué, et en même temps aussi facilement cassé chez le client. »
Transitions CSS3 - Alsacréations
by srcmax & 2 others
Beaucoup d'intégrateurs en ont rêvé : animer les pages web uniquement à l'aide de styles CSS, sans apport de JavaScript. Grâce aux dernières évolutions du langage et au module CSS3 Transitions, il est désormais possible de réaliser des transitions basiques à l'aide de CSS dans les navigateurs récents (Safari 4+, Chrome 2+, Firefox 3.6+)... et demain dans Internet Explorer ou Opera ?
LESS - Leaner CSS
by srcmax & 5 others
LESS extends CSS with: variables, mixins, operations and nested rules. Best of all, LESS uses existing CSS syntax. This means you can rename your current .css files to .less and they'll just work.
Une technique CSS sympa de Google
by tonio78
Les feuilles de styles des thèmes iGoogle sont souvent assez innovantes. L’espace horizontal de la page est occupé à 100% quelque soit la résolution de l’écran. Malgré l’absence de fond uni, l’espace est occupé par des images régulièrement espacées avec de légères variations. Il ne s’agit donc pas d’un simple fond répété.
J’ai donc fait un peu “d’ingénierie inverse” sur certains thèmes d’iGoogle pour comprendre comment cela est réalisé. Cette technique ne concerne pas uniquement l’intégration XHTML/CSS. Pour concevoir ce type de page, il faut instaurer un véritable échange créatif entre les artistes, et les techniciens, ce qui manque à mon avis souvent.
2008
CSS Sliding Door using only 1 image » Loon Design
by srcmax & 1 other (via)
Before I know about this technique, I was using different images for each of the button I needed in a navigation bar. I found that it is not user friendly and also need more CSS coding. Besides, it is increasing the processing time and bandwidth in loading a site.
2007
Quelle démarche à suivre pour intégrer une maquette en page HTML/CSS ?
by sibelius & 1 other
Je suis relativement débutant avec CSS, auparavant j'utilisais des tableaux, et je créais mon design avec photoshop, ensuite il ne me restait plus qu'à utiliser les tranches, d'arranger un peu le code en fonction de mes besoins, et le tour était joué.
Maintenant le css, je suis un peu perdu, et je n'aimerai pas perdre du temps à des "bidouillages", ma question est donc la suivante, quel est le meilleur moyen d'envisager un design CSS ?
POMPAGE - Emails HTML - Dompter la bête
by srcmax & 27 others (via)
Devriez-vous utiliser les CSS ou (comble de l'horreur) les tableaux ? Et que faire quand les images sont désactivées ?
2006
List of HTML/CSS Services - Snook.ca
by ramenian
Comparer les différents services d'intégration XHTML CSS
1
(23 marks)
