Liens · Devenet

◄ older

1 of 3

41 results for tags css x

Using border-image to apply and overlay gradient → https://frontendmasters.com/blog/quick-trick-using-border-image-to-apply-and-overlay-gradient/
Il est possible d’utiliser la propriété CSS « border-image » pour facilement ajouter un fond sur une image et faciliter le contraste avec le texte.

.overlay {
border-image: fill 0 linear-gradient(#0003,#000);
}
Thu Jul 11 11:06:55 2024 – #permalink
css ressource
One-Minute CSS Tutorials → https://codyhouse.co/nuggets
Dans le même genre : https://css-shape.com/
Wed May 15 09:43:09 2024 – #permalink
css
In Loving Memory of Square Checkbox @ tonsky.me → https://tonsky.me/blog/checkbox/
Mon Jan 29 19:41:12 2024 – #permalink
css ui
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

◄ older

1 of 3