Collective #526
![C526_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_WOTW.jpg?x86293)
Inspirational Website of the Week: Jomor Design
Jo Mor's portfolio is a super-smooth scrolling experience with lots of nice details.
Get inspired![Divi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/Divi.gif?x86293)
Divi: The Powerful Visual Page Builder
Divi is a revolutionary WordPress theme and visual page builder for WordPress. With Divi, you can build your website visually. Add, arrange and design content and watch everything happen instantly right before your eyes.
Try it![C526_nightmode](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_nightmode.jpg?x86293)
Darkmode.js
A library that uses a CSS mix-blend-mode for adding dark mode to a website.
Check it out![C526_section](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_section.jpg?x86293)
How to Section Your HTML
A very useful in-depth reference on how to use <nav>, <aside>, <article>, and <section>.
Read it![C526_dropcap](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_dropcap.jpg?x86293)
Drop caps & design systems
Ethan Marcotte's interesting article about drop caps and the techniques involved in using them on the web.
Read it![C526_servo](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_servo.jpg?x86293)
Servo
Servo is a modern, high-performance browser engine designed for both application and embedded use. Created by Mozilla Research.
Check it out![C526_forms](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_forms.jpg?x86293)
Marking Required Fields in Forms
Raluca Budiu explains why only marking optional fields in a form is not very user-friendly.
Read it![C526_readme](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_readme.jpg?x86293)
readme-md-generator
A CLI that generates beautiful README.md files by suggesting you default answers from your package.json and git configuration.
Check it out![C526_1500](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_1500.jpg?x86293)
How to Increase Your Page Size by 1,500% with webpack and Vue
Burke Holland's satirical take on performance cutting alternations you end up doing in projects if you're not careful.
Read it![C526_googlefonts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_googlefonts.jpg?x86293)
Optimizing Google Fonts Performance
Danny Cooper shows how to load Google Fonts in the most optimal way.
Read it![C526_cssday](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_cssday.jpg?x86293)
CSS Day 2019: some things I learned
A great summary of CSS Day 2019 by Hidde de Vries.
Read it![C526_ions](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_ions.jpg?x86293)
Introducing "Ions", an extension to the Atomic Design
Chris Cid adds a third dimension to the Atomic Design principle and explains how to use it.
Read it![C526_animationtool](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_animationtool.jpg?x86293)
Building a Web-Based Motion Graphics Editor
Alyssa X writes about her quest for creating a modern web-based motion graphics editor.
Read it![C526_blink](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_blink.jpg?x86293)
Never-Blink
A project where you can randomly connect to a player around the world and challenge him/her for a game of no blinking.
Check it out![C526_games](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_games.jpg?x86293)
Create 3D games with friends, no experience required
Read how you can use the Google Game Builder to easily create games without coding.
Read it![C526_manifesto](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_manifesto.jpg?x86293)
Sustainable Web Manifesto
Some important guidelines to follow for a more sustainable web.
Check it out![C526_actix](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_actix.jpg?x86293)
Actix web
Actix web is a small, pragmatic, and extremely fast web framework for Rust.
Check it out![C526_font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_font.jpg?x86293)
Free Font: Basier Mono
This modern and neutral monospaced font is based on the Basier font family and comes with a free regular style.
Get it![C526_designsystems](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_designsystems.jpg?x86293)
The Technical Side of Design Systems
Brad Frost's talk at CSS Day 2019 about the technical aspects of creating and maintaining design systems.
Watch it![C526_pdf](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_pdf.jpg?x86293)
How To Create A PDF From Your Web Application
In this article, Rachel Andrew takes a look at the tools that are available for creating a PDF from a web application.
Read it![C526_fullstack](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_fullstack.jpg?x86293)
FullStack
A React/ApolloGraphQL/Node/Mongo project boilerplate that Jason Werner open-sourced after his client decided not to pay him.
Check it out![C526_draggablemenu](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/06/C526_draggablemenu.jpg?x86293)
Draggable Menu with Image Grid Previews
A draggable inline menu with a scattered thumbnail preview of an image grid.
Check it out