Collective #310
Inspirational Website of the Week: Michele Angeloro
A great portfolio design with some smooth, angeled animations. Our pick this week.
Check it out
A Better Way to Code
Mike Bostock introduces the revolutionary d3.express project, an integrated discovery environment.
Read it
Sizzy
A tool for developing responsive websites crazy-fast. Check out the GitHub repo. Made by Kitze.
Check it out
A Modern Builder For A New Era
The new visual builder interface in Divi 3.0 has been re-built from the ground up using React.
Check it out
Make some magic with CSS blend modes
Paweł Grzybek experiments with CSS blend modes.
Read it
Responsive Periodic Table with CSS Grids
A fantastic use case for CSS Grids: a responsive periodic table. By Dudley Storey.
Check it out
Vue Loop
Look Studio shares a vue file for creating an infinite scroll content loop.
Check it out
Confetti Sketch Plugin
With this plugin you can easily generate confetti or Memphis style patterns.
Check it out
Project Based Learning
A curated list of programming tutorials in which learners build an application from scratch. By Tu Tran.
Check it out
Spellfucker
A text obfuscator for making text unreadable for machines while retaining readability for humans.
Check it out
A dive into spatial search algorithms
An interesting article by Vladimir Agafonkin on spatial search algorithms.
Read it
SVG Line Morphing Transition
Bhakti Al Akbar shows how to make an interesting line animation for navigation buttons.
Check it out
Stop using CSS in JavaScript for web development
Gajus Kuizinas addresses the problem of styling documents in JavaScript.
Read it
Now that CSS Custom Properties are a Thing, All Value Parts Can Be Changed Individually
Chris Coyier shows how to use CSS Custom Properties to split up and manipulate values of properties that are not shorthands like transform and box-shadow.
Read it
SEO Secrets: Reverse-Engineering Google's Algorithm
Benjamin Bannister's straight explanations and solutions for good SEO practices.
Read it
Freelance.tv
Freelance designer Dann Petty drove 10,000 miles across the United States to interview freelancers about their daily lives. Explore their stories with new videos every month.
Check it out
Essential Collection
500 versatile icons free for personal and commercial use. Made by Icon Paradise.
Get it
A step-by-step guide to building a simple chess AI
A tutorial by Lauri Hartikka where he shows you how to build a simple chess AI.
Read it
Vecteezy Editor
Built on a huge database of free vector graphics, the Vecteezy Editor is a free SVG editor for drawing graphics directly in the browser.
Check it out
A progressive Web application with Vue JS, Webpack & Material Design
Learn how to build a PWA with Vue in this first part of Charles Bochet's tutorial series.
Read it
Apartment life
An infinite animation demo of apartments by Christian Östman.
Check it out
Reckon you've seen some stupid security things? Here, hold my beer...
Troy Hunt explores some insane security fails.
Read it
WebGL Scroll Spiral
A couple of decorative and inspirational WebGL background scroll effects for websites powered by regl. The idea is to twist some images and hexagonal grid patterns on scroll, creating an interesting effect.
Check it out