Shaare your links…
377 links
Liens · Devenet Home Login RSS feed Tags cloud
◄ older
1 of 2
38 results for tags css x
  • An Interactive Guide to Flexbox → https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/
    Un guide avec des exemples interactifs sur l’utilisation et les propriétés de flexbox en CSS.
    Thu Nov 24 10:58:00 2022 – #permalink
    css design ressource
  • System font stack → https://systemfontstack.com/
    • Sans-serif
    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;

    • Serif
    font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;

    •Mono
    font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
    Mon May 30 10:26:19 2022 – #permalink
    css design
  • Defensive CSS → https://ishadeed.com/article/defensive-css/
    “Oftentimes, we wish that there was a way to avoid a certain CSS issue or behaviors from happening. You know, content is dynamic, and things can change on a web page, thus increasing the possibility of a CSS issue or a weird behavior.

    Defensive CSS is a collection of snippets that can help you in writing CSS that is protected. In other words, you will have fewer issues in the future. If you follow my blog, you might read an article I wrote a while back which is called “The just in case mindset”. This is built upon it, and will be an ongoing list of snippets.”
    Mon Dec 13 14:16:38 2021 – #permalink
    css
  • Incomplete List of Mistakes in the Design of CSS → https://wiki.csswg.org/ideas/mistakes
    That should be corrected if anyone invents a time machine. :P
    Sat Sep 4 11:46:26 2021 – #permalink
    css
  • Web Interface Handbook → https://imperavi.com/books/web-interface-handbook/
    “This is a book about the fundamentals of creating a good web interface. You will find out how to make effective forms, typography, grids, and many other components of web design.”
    Tue May 4 09:54:15 2021 – #permalink
    css design html ui ux
  • CSS Tips → https://markodenic.com/css-tips/
    • Typing Effect
    • Drop shadow
    • Smooth scrolling
    • Center
    • Cursors
    • Truncate text
    • …
    Tue Apr 27 10:45:45 2021 – #permalink
    css
  • In Praise of the Unambiguous Click Menu → https://css-tricks.com/in-praise-of-the-unambiguous-click-menu/
    “Hover menus are inconsistent.“
    Exemple de menu cliquable.
    Fri Apr 2 16:06:26 2021 – #permalink
    css javascript js
  • Ajouter un code QR lors de l’impression d’une page web → https://www.smashingmagazine.com/2013/03/tips-and-tricks-for-print-style-sheets/#print-qr-codes-for-easy-url-references
    Lorsqu’un visiteur de votre site imprime une page de votre site, ça peut être pratique d’ajouter un code QR avec l’URL de la page.

    Google propose une API pour générer un code QR :
    > https://chart.googleapis.com/chart?cht=qr&chs=150x150&chl=http://yourdomain.com&choe=UTF-8
    Sat Feb 27 19:10:00 2021 – #permalink
    css web
  • Knopf.css - Open source button system leveraging CSS variables → https://knopf.dev
    Petite bibliothèque de boutons pré-stylisés.
    Wed Jul 15 16:13:19 2020 – #permalink
    css ressource
  • Comment cibler en CSS Internet Explorer 10 et 11 → http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5
    Trouvé via https://philipnewcomer.net/2014/04/target-internet-explorer-10-11-css/ :
    > @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {}
    Mon Jul 13 21:12:18 2020 – #permalink
    css
  • a11y.css accessibility checker → https://ffoodd.github.io/a11y.css/index.html
    Extensions pour Firefox et Chrome de l'outil de test d'accessibilité « a11y.css » (prononcer Alix). En gros, il s'agit d'utiliser CSS pour révéler visuellement un certain nombre d'éléments incorrects ou à risque dans les pages.

    ‣ via Opquast
    Mon Jun 3 16:54:22 2019 – #permalink
    accessibility css
  • Third party CSS is not safe → https://jakearchibald.com/2018/third-party-css-is-not-safe/
    Thu Mar 1 19:49:55 2018 – #permalink
    css security
  • The Front-End Checklist → https://frontendchecklist.io/
    The Front-End Checklist Application is perfect for modern websites and meticulous developers!
    Wed Nov 29 16:34:41 2017 – #permalink
    css développement html ressource web
  • “font-family: monospace, monospace” → https://stackoverflow.com/questions/38781089/font-family-monospace-monospace
    Connaissiez-vous le hack “font-family: monospace, monospace” ?

    ‣ via http://romy.tetue.net/mettez-du-code-dans-vos-pages-web
    Mon Sep 4 20:48:02 2017 – #permalink
    css web
  • Les 30 Sélecteurs CSS à Absolument Connaître → https://code.tutsplus.com/fr/tutorials/the-30-css-selectors-you-must-memorize--net-16048
    Thu Feb 16 18:31:52 2017 – #permalink
    css
  • Placeholders: minimal does not mean simple | Adam Silver | UX design, Front-end Engineering and Strategy | London, UK. → http://adamsilver.io/articles/placeholders-minimal-does-not-mean-simple/
    Les placeholders sans label ni aide, c'est le mal…
    Tue Jan 31 22:40:14 2017 – #permalink
    css html ux
  • alsacreations/guidelines: Nos bonnes pratiques internes à l'agence Alsacréations → https://github.com/alsacreations/guidelines
    Thu Dec 29 14:38:44 2016 – #permalink
    css html js php
  • The New System Font Stack? → https://bitsofco.de/the-new-system-font-stack/
    Les fonts par défaut des différents systèmes d'exploitation.
    Fri Oct 7 18:07:16 2016 – #permalink
    css html
  • Styler les images non affichées → https://la-cascade.io/styler-les-images-non-affichees/
    Article intéressant sur comment gérer les images dont le lien est cassée.
    Plutôt que le navigateur affiche le texte alternatif de façon habituelle, il est possible avec du CSS d'adapter le comportement en sachant que :
    1. on peut typographiquement styler l’élément <img>, cela n’affectera pas l’image si elle s’affiche ;
    2. L’élément <img> étant contrôlé par une source extérieure, les pseudo-éléments :before et :after ne peuvent pas fonctionner avec <img>. Cependant, lorsqu’une image ne s’affiche pas, et donc n’est pas chargée, ces pseudo-éléments peuvent apparaître.
    Fri Oct 7 13:55:22 2016 – #permalink
    css html
  • SpinThatShit is a set of SCSS mixins for single element loaders and spinners → https://matejkustec.github.io/SpinThatShit/
    Collection de loader faits en CSS
    Mon Sep 26 16:18:45 2016 – #permalink
    css
◄ older
1 of 2
Shaarli by sebsauvage
Shaarli-Theme by Nicolas based on idleman theme