This an attempt in the same spirit as Morris Vanilla To Do to demonstrate how you can develop a PWA with only HTML, CSS and pure Javascript.
I have aggregated all the knowledge and edge cases I’ve experienced through many PWA development and in production
Want a demo? Go over her here: demo.purejs-pwa.alethgueguen.com
The Github repo: github.com/planeth44/pure-JS-PWA
- The constraints
- Technical choices
- What the app does
- Things
- Files
- HTML forms
- Auto save
- alternate method
- Form validation
- Syncing and offline
- Update
- possible scenario
- Back-end
- Offline Multi Page, how you do that?
- Dependencies
Démo d'application PWA pure JS
This decision tree describes how to use the alt attribute of the <img> element in various situations. For some types of images, there are alternative approaches, such as using CSS background images for decorative images or web fonts instead of images of text.
Attempting to parse HTML with regular expressions is an infamous pitfall, and a great example of using the wrong tool for the job. It's generally accepted to be a bad idea, for a multitude of reasons.
There's this famous Stack Overflow answer about why you should never, ever do it. In fact, this answer got so popular that it was used like a copypasta in some circles. Every time I stumbled upon it, I would think how there's a lot of truth in it - but at the same time, I couldn't agree in full...
But... can't you, really?
Inclusive Components
A blog trying to be a pattern library.
All about designing inclusive web interfaces, piece by piece.
- Cards
- Data tables
- Notifications
- Content sliders
Learn to write better, resilient CSS
If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves.
Through a series of simple, composable layouts, Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS.
Guide complet des bonnes pratiques
Pour des sites web accessibles à tous
This repository contains a number of front-end interview questions that can be used when vetting potential candidates. It is by no means recommended to use every single question here on the same candidate (that would take hours). Choosing a few items from this list should help you vet the intended skills you require.
Note: Keep in mind that many of these questions are open-ended and could lead to interesting discussions that tell you more about the person's capabilities than a straight answer would.
HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites.
Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.