Des exemples de landing page.
Quelques exemples d'éléments graphiques avec de belles animations.
Article très intéressant sur l'art et la manière de créer des animations fluides et "naturelles". Clairement, l'optimisation n'est pas simple lorsque l'on vise les 60 FPS constants.
Tomb Raider dans votre navigateur ! Impressionnant.
Plein de petites astuces pour profiter de la console de développement lors du design d'une page web.
Par exemple je ne connaissais pas du tout la commande document.designMode = 'on'
qui permet de rendre éditable le contenu du site pour tester en live ce qu'il se passe lorsqu'un contenu est trop long par exemple.
Vous pouvez aussi cacher un noeud en le sélectionnant et en appuyant simplement sur h.
Une bonne explication de ce que sont le back-end et le front-end. Et du coup de ce que veut dire "full-stack".
Sans compter le nombre de gens qui sont persuadés qu'il suffit qu'un petit cadenas apparaisse quelque part sur la page qu'elle soit sécurisée.
J'avais bossé sur une appli bancaire native (pas un site web donc) il y a quelques années, et j'avais été surpris du nombre de personne qui nous demandaient d'afficher un petit cadenas près du champ de login parce que sinon ils ne se sentaient pas en sécurité. Du coup il a été décidé d'ajouter une image de cadenas...
Télécharger les Google Web Fonts.
Une introduction assez pédagogique à Webpack.
Plein de styles de checkbox, certaines en full CSS, d'autres avec du Javascript en plus.
Le vaste monde du développement web. C'est un bon support à avoir sous le coude pour le prochain qui vous demande :
Tu peux me montrer vite fait comment faire un site web ?
:)
Un outil pour wrapper un site web en application native grâce à Electron. Ça marche donc avec NodeJS.
Une saine lecture non dénuée d'humour :)
Une idée intéressante pour styliser un bloc de manière légère et discrète.
Très original ce site :)
Intéressant comme manière de revisiter un peu la navigation web.
Via http://korben.info/test-de-neon-nouveau-navigateur-dopera.html
Les tendances du web design en 2016 et ce à quoi s'attendre pour 2017.
Des alternatives aux placeholders. Finalement ça devient presque difficile de les utiliser de manière pertinente.
Bien vu :)
Je me copie ça ici.
My 9-year old son spends a lot of time online and recently came to me asking what Net Neutrality meant. I explained it the best I could. I just okay with current political events and he had a lot of questions. Had to actually look up some answers.
I recently overheard him explaining it to one of his friends, much better than I could, like this:
Pretend ice cream stores gave away free milkshakes. But you had to buy a straw to drink them. But that's okay, because you still get free milkshakes. One day you're drinking a free milkshake and you look down and the guy that sold you the straw is pinching it almost shut. You can still get your milkshake, but it's really hard and takes a lot longer.
So you say, "Hey! Stop that!" And the straw guy says, "NO! Not until the ice cream store pays me money." And you say, "But I already paid you money for the straw." And the straw guy says, "I don't care. I just want more money."
I think he nailed it.