Différentes solutions et exemples pour faire des onglets, carrousels, scrolling parallax, menus, galeries, tooltips et autres sans javascript.
Accordion / Toggle, Carousel, Flip on click, Info on hover/ Popover, Image Gallery, Menu, Mobile menu off canvas, Burger menu, Modal/Popup, Parallax scrolling, Tabs, Tooltips...
Source: https://sebsauvage.net/links/
collectibles.js is a JavaScript library for adding collectible items to your website. Once the user finds and clicks on all collectible items on your website, they will be greeted with a secret victory page with a URL of your choosing.
A strange, fascinating website.
Dedicated to the Serial Experiment Lain anime.
Its webdesign is beautifully weird.
Remember to manually switch the encoing to Unicode/UTF8 if the characters encoding seems broken.
- Accessibility Tools
- Animation Tools
- Augmented Reality
- Collaboration Tools
- Color Picker Tools
- Design Feedback Tools
- Design Handoff Tools
- Design Inspiration
- Design System Tools
- Design to Code Tools
- Design Version Control
- Development browsers
- Experience Monitoring
- Font Tools
- Gradient Tools
- Icons Tools
- Illustrations
- Information Architecture
- Logo Design
- Mockup Tools
- No Code Tools
- Pixel Art Tools
- Prototyping Tools
- Screenshot Software
- Sketching Tools
- SMM Design Tools
- Sound Design
- Stock Photos Tools
- Stock Videos
- Tools for Learning Design
- UI Design Tools
- User Flow Tools
- User Research Tools
- Visual Debugging Tools
- Wireframing Tools
- 3D Modeling Software
Avec ce tutoriel vous verez comment rendre votre site web plus rapide : de l’optimisation des requêtes, à l’affichage de la page, en passant par la génération des pages web et l’affichage correct des pages sur tous les terminaux.
Ever used one of those fancy color palette generators? You know, the ones where you pick a starting color, tweak some options that probably include some musical jargon like "triad" or "major fourth", and are then bestowed the five perfect color swatches you should use to build your website?
tl;dr: What you actually need
- Greys : Text, backgrounds, panels, form controls — almost everything in an interface is grey.
- Primary color(s) : Most sites need one, maybe two colors that are used for primary actions, emphasizing navigation elements, etc. These are the colors that determine the overall look of a site
- Accent colors: for communicating different things to the user.
Checklist:
- Use list markup to group your cards
- Make sure your cards don't break when lines of content wrap or images don't meet specific aspect ratio requirements
- Avoid too much functionality and reduce tab stops. Cards shouldn't be miniature web pages.
- Remember that headings should begin sections. Most everything that belongs to the section should follow the heading in the source.
Une liste de très belles polices de caractères gratuites d'utilisation
Au programme de cette présentation de Marie Guillaumet, d'Access42 :
- Caractères – microtypo
- Composition – macrotypo
- Effets décoratifs
- Écriture inclusive
Un superbe site foisonnant de ressources et de critiques nous faisant découvrir des jeux en "print 'n play" géniaux
Checklists pour:
- Qualité Web
- Rendu sur mobile
- SEO
- Performances
- Eco-conception
Used by Upian : https://www.upian.com
Over 170 responsive design blocks ready to be used in your web or mobile apps. All blocks are based on the Bootstrap Library, and they are the building blocks for beautiful websites.
Contraintes cadeau bonus:
- imposer qu'un numéro de sécurité sociale commence soit par 1, soit par 2
- limiter le sexe administratif à deux options
- attribuer automatiquement "Mlle" à une femme non mariée
- imposer que "M." est lié à un numéro de sécu en 1 ou un sexe M
- obliger une femme mariée à donner un nom de jeune fille
- ne pas demander le nom d'usage d'un homme marié
- imposer qu'une femme ne peut être mariée qu'à un homme
- imposer qu'un enfant ait un papa et une maman
- considérer que les responsables légaux d'un enfant sont ses parents
- limiter à deux le nombre de parents d'un enfant
Small JS lib to create smooth transitions between pages.
slideleft / slideright transitions are really nice
Amazing svg-based rendering examples
using: https://greensock.com/timelinemax
With examples for React & VueJS, applications to responsive design, page transitions, image compression
<g fill="currentColor">
HTML_CodeSniffer is a client-side script that checks HTML source code and detects violations of a defined coding standard.
It comes with standards that enforce the 3 conformance levels of the Web Content Accessibility Guidelines (WCAG) 2.0