Collective #367
Inspirational Website of the Week: Vintage
An explosion of creative effects and interactions. Our pick this week.
Get inspired
FullStory: Close All Your Black Friday Tickets On Black Friday
Never ask for screenshots or recreate bugs again. FullStory captures every customer session in perfect detail (code included). Troubleshooting is no trouble at all.
Win Black Friday!
threed.io
Generate 3D mockups right in your browser with this great tool.
Check it out
Using CSS Grid: Supporting Browsers Without Grid
In this article, Rachel Andrew explores approaches to deal with browser support for CSS Grid.
Read it
Happier HTML5 Form Validation
Dave Rupert shows how to make HTML5 form validation work optimally with just a few lines of code.
Read it
Weekly Fonts
A great resource that showcases free high-quality fonts from a variety of sources.
Check it out
Take control of your scroll: customizing pull-to-refresh and overflow effects
See how you can use the overscroll-behavior CSS property in Chrome for overriding the browser's default overflow scroll behavior when reaching the boundaries of a page.
Real-Time ASCII Art Rendering
Transform an input image into printable ASCII characters using a single decision tree.
Check it out
Scan Sequencer Javascript
A fantastic experiment where you can make music with your movements using a webcam. By JeongHo Park.
Check it out
Augmented reality with Python and OpenCV (part 1)
See how a card based augmented reality application can be implemented.
Read it
DEAL WITH IT in Python with Face Detection
K.P. Kaiser writes an automatic meme generator that takes any static image with faces as our input.
Read it
#Codevember 16: Surf the Web
A great little game by the folks of DPDK.
Check it out
Drawing from noise, and then making animated loopy GIFs from there
A fantastic tutorial that will show you how to draw with noise functions in Processing and produce looping GIFs. By Etienne Jacob.
Read it
Aspect Ratios for Grid Items
Chris Coyier solves the interesting problem of sizing grid items in a way that they repect an aspect ratio.
Read it
Mindshapes
A stunning design concept by Szymon Łucarz.
Check it out
Monitoring unused CSS by unleashing the raw power of the DevTools Protocol
Lear how to automate any action you can perform manually in the DevTools UI with DevTools Protocol, Puppeteer, and Headless Chrome.
Read it
JavaScript. The Core: 2nd Edition
The second edition of a lecture devoted to the ECMAScript programming language and the core components of its runtime system. By Dmitry Soshnikov.
Read it
The hidden cost of design complexity
A great read on the importance of keeping things simple by Julien Zmiro.
Read it
Free Font: Quenos
An elegant uppercase serif typeface by Graphicpear.
Get it
Free Music for Explainer Videos
A great collection of free music fitting to different video contexts. By Icons8.
Check it out
iOS 11 UI Kit
An impressive UI kit of iOS 11 vector assets.
Get it
Video Resizer
Resize any video to fit Instagram, Twitter, or Facebook in just three clicks. By Kapwing.
Check it out
LINER In-Site.js
Now you can use the famous highlight API on your site so that visitors can highlight and share text.
Check it out
#Codevember 15: Bodymovin animation
A fun animated SVG by Pauliu from DPDK.
Check it out
Animated SVG Frame Slideshow
An experimental slideshow that shows an animated SVG frame when transitioning between slides. Different shapes can be used for creating a variety of styles.
Check it out