Bookmark Bronco2014-08-26T21:59:52+02:00https://warriordudimanche.net/shaarli/https://warriordudimanche.net/shaarli/https://warriordudimanche.net/shaarli/Hover Effect Ideashttps://warriordudimanche.net/shaarli/?-eLoJw2014-08-26T21:59:52+02:00C'est beau en tout cas !<br>(<a href="https://warriordudimanche.net/shaarli/?-eLoJw">Permalink</a>)Creating color palettes with adjustment layershttps://warriordudimanche.net/shaarli/?EMKv7g2014-08-26T21:58:44+02:00(<a href="https://warriordudimanche.net/shaarli/?EMKv7g">Permalink</a>)image - 426x426px (via le hollandais volant)https://warriordudimanche.net/shaarli/?y3VL4w2014-08-02T15:56:11+02:00A méditer lors de la réflexion sur l'interface user ^^<br>(<a href="https://warriordudimanche.net/shaarli/?y3VL4w">Permalink</a>)Article : La fonction calc() en CSS (via Alsacreations.com - Apprendre)https://warriordudimanche.net/shaarli/?vsDBSw2014-05-20T19:26:16+02:00Parcouru en diagonale, je reviendrai dessus plus tard -> coude<br>(<a href="https://warriordudimanche.net/shaarli/?vsDBSw">Permalink</a>)A propos de Comment activer le cache de nouvelle génération de Firefox « Korben (le hollandais volant)https://warriordudimanche.net/shaarli/?KfMDAg2014-05-05T18:15:32+02:00@Timo: la lenteur de Firefox devient même préoccupante... dès qu'une page est un peu lourde, les effets css rament comme un galérien stakhanoviste en période de grève des transports... alors que chrome ne ralentit même pas... quid ?! (pour les plus jeunes WTF ?!)<br />
<br />
Je bosse sur une refonte de la maquette de mon shaarli, ben ya des ralentissements de malade sur firefox. Bouhououou<br />
POURQUOI ?<br />
<br />
Lien vers le message anterieur http://lehollandaisvolant.net/?id=20140505172336<br>(<a href="https://warriordudimanche.net/shaarli/?KfMDAg">Permalink</a>)Macaw | The code-savvy web design tool.https://warriordudimanche.net/shaarli/?W2tFCQ2014-01-19T13:45:03+01:00Un genre de dreamwaever mais plus orienté code et très bien foutu... la vidéo de démo est bien: on voit les avantages de ce logiciel et surtout la propreté du code généré, à la fois sémantique, non redondant et sans excès de spécificité dans les balises.<br />
Je pense qu'on peut gagner du temps avec ça... surtout en phase de recherche et de test de maquette.<br>(<a href="https://warriordudimanche.net/shaarli/?W2tFCQ">Permalink</a>)The Pattern Libraryhttps://warriordudimanche.net/shaarli/?0Ke2jA2014-01-19T13:42:56+01:00le contraire de http://subtlepatterns.com/ ^^<br />
des fonds répétables et colorés... très.<br>(<a href="https://warriordudimanche.net/shaarli/?0Ke2jA">Permalink</a>)ZeroBundle: A great bundle of freebies for designers!https://warriordudimanche.net/shaarli/?xxZA6A2013-10-15T11:17:03+02:00des ressources sympa, à récupérer.<br>(<a href="https://warriordudimanche.net/shaarli/?xxZA6A">Permalink</a>)SVG Fallbacks | CSS-Trickshttps://warriordudimanche.net/shaarli/?Hj5_Pw2013-08-21T15:18:49+02:00Une méthode fallback pour utiliser des .svg ...<br>(<a href="https://warriordudimanche.net/shaarli/?Hj5_Pw">Permalink</a>)NoisePNG - Generate noisy PNG-images with alpha-transparencyhttps://warriordudimanche.net/shaarli/?hYliWQ2013-08-14T12:38:35+02:00Un générateur de bruit pour créer des images de fond (permet créer des fonds bruités en couleur répétables)<br />
donne le code base64 de l'image ou permet de la télécharger<br>(<a href="https://warriordudimanche.net/shaarli/?hYliWQ">Permalink</a>)Ink – Une boite à outils pour vos interfaces web | Korben (via Liens en vrac de sebsauvage)https://warriordudimanche.net/shaarli/?dplzLg2013-08-14T12:16:21+02:00Ca peut servir...<br>(<a href="https://warriordudimanche.net/shaarli/?dplzLg">Permalink</a>)Note : les préfixes CSS devenues inutiles en 2013https://warriordudimanche.net/shaarli/?jhgSYA2013-08-08T08:07:24+02:00Je note, pour la prochaine version d'auto_css, un jour ^^<br />
Merci Timo ;)<br>(<a href="https://warriordudimanche.net/shaarli/?jhgSYA">Permalink</a>)Pixem — A PX to EM converterhttps://warriordudimanche.net/shaarli/?Qxk-KA2013-08-06T08:36:51+02:00Un convertisseur de px vers em ultra simple et minimaliste... <br />
A conserver par devers soi ;)<br>(<a href="https://warriordudimanche.net/shaarli/?Qxk-KA">Permalink</a>)Le web est une poubelle, et tout le monde s'en fout - bohwaz - Liens en vrac de sebsauvagehttps://warriordudimanche.net/shaarli/?G5Zqpg2013-08-02T15:56:54+02:00Se passer de jquery est assez facile si on ne cherche pas les effets visuels et tout...<br />
jquip est très bien pour une fraction du poids de jquery sinon, on peut toujours passer par le js pur, voire même se faire son propre jquery minimaliste...<br>(<a href="https://warriordudimanche.net/shaarli/?G5Zqpg">Permalink</a>)Centering Percentage Width/Height Elements | CSS-Trickshttps://warriordudimanche.net/shaarli/?hvp8tQ2013-07-06T09:37:13+02:00Bonne idée ça: utiliser translate pour centrer un élément dont on ne connaît pas la taille.<br>(<a href="https://warriordudimanche.net/shaarli/?hvp8tQ">Permalink</a>)Tutoriel vidéo HTML-CSS : Box Sizing | Grafikart.frhttps://warriordudimanche.net/shaarli/?cyoK3g2013-07-02T13:45:02+02:00un bon résumé des avantages du box-sizing (comment on a pu vivre avant ^^)<br>(<a href="https://warriordudimanche.net/shaarli/?cyoK3g">Permalink</a>)GoodUIhttps://warriordudimanche.net/shaarli/?L5O9GQ2013-06-28T18:37:43+02:00Des conseils pour la mise en page et l'organisation d'une user interface propre et efficace (basée surtout sur la charge cérébrale)<br>(<a href="https://warriordudimanche.net/shaarli/?L5O9GQ">Permalink</a>)A propos de Les 30 sélecteurs CSS à connaître absolument (Liens éclairs)https://warriordudimanche.net/shaarli/?cjZfJw2013-06-24T09:41:29+02:00Ces sélecteurs sont très utiles pour cibler des objets n'ayant pas de classe ou d'id quand tu n'as pas complètement la main sur la structure HTML du projet ou quand l'objet va se répéter dans la page et que l'ajout d'une classe pour chaque itération alourdirait le code inutilement.<br />
<br />
De plus, ils permettent des fioritures uniquement via les css sans passer par un codage spécifique pour isoler les objets en questions (genre des styles spéciaux pour les liens qui s'ouvrent dans une nouvelle page ou qui ouvrent un document en particulier... on se passe d'une portion de js ou de php qui teste tout pour ajouter des classes à la pelle de chantier ^^)<br />
<br />
C'est léger, ça allège le code html, ça simplifie la vie du codeur, c'est très bien pris en charge et ça maintient la séparation dev / design+maquette...<br>(<a href="https://warriordudimanche.net/shaarli/?cjZfJw">Permalink</a>)Les multicolonnes en CSS3 - Alsacreationshttps://warriordudimanche.net/shaarli/?2smAlQ2013-06-14T20:37:01+02:00J'ignorais que les css pour les colonnes étaient aussi bien supportés (cad tous sauf ie, comme de bien entendu)...<br />
C'est bon à prendre ça ! <br />
Surtout que la largeur d'un paragraphe ne doit pas être trop importante pour faciliter la lecture: pouvoir utiliser des colonnes dont le contenu se répartit seul, même lors qu'on redimensionne avec un design fluide, ça facilite vraiment la vie !<br>(<a href="https://warriordudimanche.net/shaarli/?2smAlQ">Permalink</a>)Helium CSS - Déctecter le CSS non utilisé sur votre site - La Ferme du webhttps://warriordudimanche.net/shaarli/?kxtkHw2013-06-13T16:56:44+02:00Tiens ça peut être utile ça... c'est vrai qu'à la fin d'une session hardcore de prog/intégration, on finit par voir flou en se disant qu'on optimisera les css plus tard...<br />
C'est une bon début ^^<br>(<a href="https://warriordudimanche.net/shaarli/?kxtkHw">Permalink</a>)Screensiz.eshttps://warriordudimanche.net/shaarli/?lJIexA2013-06-12T22:14:21+02:00Des infos sur tous les supports smartphones et tablettes par marque: taille d'écran, système, popularité etc...<br />
Peut être utile.<br>(<a href="https://warriordudimanche.net/shaarli/?lJIexA">Permalink</a>)LeaVerou/csss · GitHubhttps://warriordudimanche.net/shaarli/?wO9o1g2013-06-06T18:23:59+02:00Oh ! Léa Verou, l'auteure du génial Dabblet ( https://github.com/LeaVerou/dabblet ) propose un système de slidesho via css ! Faut que je regarde ça !<br />
via Seb http://sebsauvage.net/links/?7ysPMQ<br>(<a href="https://warriordudimanche.net/shaarli/?wO9o1g">Permalink</a>)Fluid Grid Using Text-align: Justify - CodePenhttps://warriordudimanche.net/shaarli/?7eo6Iw2013-06-04T14:49:47+02:00Un bon truc pour les designs en colonnes: text-align:justify maintient des espacements de gouttières réguliers, les tailles sont spécifiées et % et restent fluides et le nombre de colonnes est géré par les media queries...<br />
Finalement ça reste très léger, simple en structure et peu intrusif dans les css...<br />
Une très bonne solution, à mon sens !<br>(<a href="https://warriordudimanche.net/shaarli/?7eo6Iw">Permalink</a>)Damn You Art Schoolhttps://warriordudimanche.net/shaarli/?xYFYog2013-06-02T18:59:26+02:00Outils et ressources pour les créatifs... ça a l'air bien...<br />
via www.webdesignertrends.com<br>(<a href="https://warriordudimanche.net/shaarli/?xYFYog">Permalink</a>)Note : CSS astuce pout les champs de recherche - Le Hollandais Volanthttps://warriordudimanche.net/shaarli/?hwcZIA2013-05-31T08:52:38+02:00ha oui, pas con ça ^^ Hop, SnippetVampirisé ;)<br />
Meeeercitiiimo (merci Timooo!) (sur l'air de merci patron http://www.dailymotion.com/video/x1hlgp_clip-video-les-charlots-merci-patro_music )<br>(<a href="https://warriordudimanche.net/shaarli/?hwcZIA">Permalink</a>)Farbtastic Color Picker — Acko.nethttps://warriordudimanche.net/shaarli/?9ayfbQ2013-05-30T16:31:36+02:00très joli effet de perspective 3d avec effet sur le scroll de page...<br>(<a href="https://warriordudimanche.net/shaarli/?9ayfbQ">Permalink</a>)Colourco.de - Se trouver une palette de couleurshttps://warriordudimanche.net/shaarli/?tyyF2w2013-05-28T20:53:21+02:00Houlà, alors là, je dis MONSIEUR (ou MADAME ?)<br />
J'ai testé pas mal de générateurs de palettes mais aucun de ceux que j'ai vu n'était aussi souple, simple, ergonomique, bien pensé et visuellement parlant...<br />
On clique sur le modèle de couleurs (monochrome, analogique etc ) et ensuite on bouge la souris: verticalement pour la luminosité, horizontalement pour la couleur... le résultat apparaît en temps réel sur les barres en plein écran...<br />
via http://bajazet.fr/shaarli/?lHeguw<br>(<a href="https://warriordudimanche.net/shaarli/?tyyF2w">Permalink</a>)Cosmo Mini – 1200+ Free Icons In PNGhttps://warriordudimanche.net/shaarli/?nGltcA2013-05-27T20:37:53+02:00Ben en voilà un de pack d'icônes complet, simple, joli, gratuit, libre et tout... hop, je typiak.<br />
Merci icojam<br>(<a href="https://warriordudimanche.net/shaarli/?nGltcA">Permalink</a>)Un site web responsive en une heurehttps://warriordudimanche.net/shaarli/?dU_tbg2013-05-23T13:53:13+02:00Un bon récpitulatif et des trucs à connaître<br>(<a href="https://warriordudimanche.net/shaarli/?dU_tbg">Permalink</a>)Snap.jshttps://warriordudimanche.net/shaarli/?5moCpA2013-05-01T08:44:06+02:00Lavache, c'est beau: ça me rappelle la grande époque de l'amiga ^^<br />
On peut en faire des trucs avec cette possibilité...<br />
via bajazet.fr<br />
https://github.com/jakiestfu/Snap.js<br>(<a href="https://warriordudimanche.net/shaarli/?5moCpA">Permalink</a>)Le contexte de formatage block en CSS - Alsacreationshttps://warriordudimanche.net/shaarli/?_7clKQ2013-03-19T09:11:39+01:00Le contexte de block en CSS: excellent article qui permet de comprendre la réaction ubuesque de certains enfants en float...<br>(<a href="https://warriordudimanche.net/shaarli/?_7clKQ">Permalink</a>)SubtlePatterns Bookmarklet - Preview background patterns on your websitehttps://warriordudimanche.net/shaarli/?C3k7Qg2013-02-12T21:41:38+01:00Cool ! Subtle patterns a sorti un bookmarklet pour tester ses fonds sur n'importe quel site ^^<br>(<a href="https://warriordudimanche.net/shaarli/?C3k7Qg">Permalink</a>)Complex Selectors - An Advanced Guide to HTML & CSShttps://warriordudimanche.net/shaarli/?W2cwxA2013-02-01T15:38:10+01:00les sélecteurs CSS complexes<br />
quelques trucs à garder sous la main<br>(<a href="https://warriordudimanche.net/shaarli/?W2cwxA">Permalink</a>)Adding A Personal Touch To Your Web Design | Smashing UX Designhttps://warriordudimanche.net/shaarli/?-AL3SQ2012-11-20T22:21:53+01:00Ajouter sa touche perso au design<br>(<a href="https://warriordudimanche.net/shaarli/?-AL3SQ">Permalink</a>)Clearing a float container without source markuphttps://warriordudimanche.net/shaarli/?R_yIxg2012-11-17T17:46:00+01:00un clear fix crossbrowser<br>(<a href="https://warriordudimanche.net/shaarli/?R_yIxg">Permalink</a>)Faut arrêter avec les Media Queries ! – HTeuMeuLeuhttps://warriordudimanche.net/shaarli/?VuHadg2012-11-05T19:30:07+01:00Je +1 à fond !<br>(<a href="https://warriordudimanche.net/shaarli/?VuHadg">Permalink</a>)Différence entre pseudo-élément et pseudo-classe - CSS / CSS3 | CreativeJuizhttps://warriordudimanche.net/shaarli/?iJJ0kg2012-11-05T11:42:21+01:00(<a href="https://warriordudimanche.net/shaarli/?iJJ0kg">Permalink</a>)Un Nth-child en CSS 2 compatible depuis IE7 - CSS / CSS3 | CreativeJuizhttps://warriordudimanche.net/shaarli/?01pDUw2012-11-05T11:23:21+01:00Excellent truc pour remplacer nth-child en css2.1<br>(<a href="https://warriordudimanche.net/shaarli/?01pDUw">Permalink</a>)Styling ordered list numbers | 456 Berea Streethttps://warriordudimanche.net/shaarli/?wHFfBw2012-09-25T16:45:14+02:00Styler les ol li : un point sur couter en css : très intéressant.<br>(<a href="https://warriordudimanche.net/shaarli/?wHFfBw">Permalink</a>)Pure CSS Tooltips - jsFiddlehttps://warriordudimanche.net/shaarli/?8Hdbww2012-09-25T16:44:01+02:00Un chouette tool tip en pur css : joue sur l'opacité...<br>(<a href="https://warriordudimanche.net/shaarli/?8Hdbww">Permalink</a>)Wrapping Long URLs and Text Content with CSS : Perishable Presshttps://warriordudimanche.net/shaarli/?8gHcGQ2012-09-25T07:45:56+02:00couper du texte à la ligne dans les <pre><br>(<a href="https://warriordudimanche.net/shaarli/?8gHcGQ">Permalink</a>)Best Google Web Fontshttps://warriordudimanche.net/shaarli/?lnSUBA2012-09-21T14:35:08+02:00On peut tester les google fonts en direct avec effets !<br>(<a href="https://warriordudimanche.net/shaarli/?lnSUBA">Permalink</a>)Glyphs | CSS-Trickshttps://warriordudimanche.net/shaarli/?MQiLAw2012-09-18T18:13:35+02:00(<a href="https://warriordudimanche.net/shaarli/?MQiLAw">Permalink</a>)Don't Overthink It Grids | CSS-Trickshttps://warriordudimanche.net/shaarli/?6vCyXA2012-08-15T07:53:29+02:00Mettre les grilles en place lors d'une intégration<br>(<a href="https://warriordudimanche.net/shaarli/?6vCyXA">Permalink</a>)CSS3 : Transformations 2D - Alsacreationshttps://warriordudimanche.net/shaarli/?WObiog2012-08-14T18:55:29+02:00Les transforms<br>(<a href="https://warriordudimanche.net/shaarli/?WObiog">Permalink</a>)Common Design Mistakes for Creating a Mobile Websitehttps://warriordudimanche.net/shaarli/?auQ7Tg2012-08-04T19:45:02+02:00erreurs à éviter pour le design de la version mobile<br>(<a href="https://warriordudimanche.net/shaarli/?auQ7Tg">Permalink</a>)UI, UX mobile, où trouver l'inspiration ? | WebdesignerTrends - Ressources utiles pour le webdesign, actus du web, sélection de sites et de tutorielshttps://warriordudimanche.net/shaarli/?BcvE5w2012-07-26T13:20:32+02:00(<a href="https://warriordudimanche.net/shaarli/?BcvE5w">Permalink</a>)Demo: CSS drop-shadows without images – Nicolas Gallagherhttps://warriordudimanche.net/shaarli/?aahKEQ2012-06-29T22:07:29+02:00des ombres en perspective en css<br>(<a href="https://warriordudimanche.net/shaarli/?aahKEQ">Permalink</a>)Iconizer.net | Free icons generatorhttps://warriordudimanche.net/shaarli/?X7FnfA2012-05-25T12:15:08+02:00permet de voir les icones en situation, faire des changements etc avant de telecharger !<br>(<a href="https://warriordudimanche.net/shaarli/?X7FnfA">Permalink</a>)Background patterns : sorted by number of downloadshttps://warriordudimanche.net/shaarli/?QBRLBQ2012-05-25T12:07:55+02:00(<a href="https://warriordudimanche.net/shaarli/?QBRLBQ">Permalink</a>)