A collection of 70 hand-picked, web-based tools which are actually useful.
Each will generate pure CSS without the need for JS or any external libraries.
- Property Generators
- Animations
- Backgrounds
- Color Tools
- Typography
- Loaders
- Layouts
- Informative
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Convert class-based CSS styles to inline HTML style
attributes. Useful to build emails.
Source project: https://github.com/lukehorvat/computed-style-to-inline-style
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/
Every element I use for the basic structure of a HTML document, with explanations why.
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.
Checklists pour:
- Qualité Web
- Rendu sur mobile
- SEO
- Performances
- Eco-conception
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.
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
Alt. that creates a download button: http://iamdav.in/2014/10/24/bookmarklet-creating-csv-html-table/
Nice Bootstrap theme
FROM: https://twitter.com/sam_et_max
To recap, our findings, Vue’s strengths are:
- Flexible options for template or render functions
- Simplicity in syntax and project setup
- Faster rendering and smaller size
React’s strengths:
- Better at scale, studier and more testable
- Web and native apps
- Bigger ecosystem with more support and tools available
bLazy is a lightweight script for lazy loading and multi-serving images, iframes, videos and more (less than 1.4KB minified and gzipped). It’s written in pure JavaScript why it doesn’t depend on 3rd-party libraries such as jQuery. It lets you lazy load and multi-serve your images so you can save bandwidth and server requests. The user will have faster load times and save data usage if he/she doesn't browse the whole page.
It's working in all modern browsers including IE7+.
Used by shaarli
Great lighweight alternative to a full-fledged CMS