Attention : bac-à-sable foireux !!
Pensez également à bien vérifier la mise à jour des URLS vers les jsfiddles.
Source YouTube : AngularJS Fundamentals in 60 Minutes.
Le bloc-notes professionnel d'un développeur front-end senior
Divers tests… Pas forcément des choses ré-utilisables.
Attention : bac-à-sable foireux !!
Pensez également à bien vérifier la mise à jour des URLS vers les jsfiddles.
Source YouTube : AngularJS Fundamentals in 60 Minutes.
Exemple de solution mise en place : http://www.despetitshauts.com/fr/t-shirtsm-courtes-25.html.
outerHeight
de jQueryLa solution ci-dessous semble fonctionner 🙂
Simulation : http://jsfiddle.net/frontenddeveloper/2s0s1eag/29/.
Même chose mais à partir de Bootstrap : http://jsfiddle.net/frontenddeveloper/51xxem3p/6/.
columns
de CSS3Simulation : http://jsfiddle.net/frontenddeveloper/5doayaa5/5/.
<a href="http://caniuse.com/#search=columns">columns</a>
) (voir pour l’existence d’un polyfill qui gère les contraintes responsive)Inspiré de : http://codepen.io/anon/pen/eIxCp. Simulation : http://jsfiddle.net/frontenddeveloper/rbgsypLm/2/.
.container { padding-left:0; padding-right:0; }
) et le framework CSS peut poser problème lorsqu’il est couplé à Masonry…A moins de partir dans un dev JS très lourd qui prend en compte le nombre d’éléments à afficher pour replacer le 2ème look dans le DOM à chaque fois :
…c’est pas possible d’avoir un affichage cohérent :/
Outil de conversion image vers SVG : Online CSS Sprite Generator (output base64 in CSS)
Simulation : http://jsfiddle.net/frontenddeveloper/fL4nB/
Source partielle du texte ci-dessous : http://www.johanbleuzen.fr/blog/encoder-images-base64-css
Le gain en nombre de requête peut être intéressant si l’on a beaucoup de petites images et reste pour moins le principal attrait de cette technique. Je l’utilise pour mes images de fonds dans le design de ce blog.
Avantages :
<i class="mon-icone"></i>
),Inconvénients :
Et pour la forme voici, quelques petits conseils qui peuvent être intéressant de rappeler si vous voulez gagner quelques précieux kilo-octets :
Quelques essais suite à la publication de l’article d’Alsacréations Le modèle tabulaire en CSS.
Simulation : http://jsfiddle.net/frontenddeveloper/qbpxg/56/