Collective #351
Inspirational Website of the Week: Era Ceramics
A bold design that stands out with its typography and nice details. Our pick this week.
Get inspiredHow to be more productive when delivering websites to your clients
Saving hours of your work time? Yes, that's possible with the help of Be Theme's 270+ pre-built websites.
Check out howFizzy School
Great learning resource for anyone writing jQuery. By Dave DeSandro.
Check it outAn event for CSS position:sticky
Eric Bidelman shows how you can use an IntersectionObserver
to fire a custom event when position:sticky
elements become fixed or when they stop sticking.
DataVizProject.com
Find the right visualization for your project with this comprehensive and inspirational archive of data visualizations.
Check it outHere's a new way to learn coding tools and concepts right when you need them
Quincy Larson introduces the new freeCodeCamp Guide.
Read itDesigning Websites for iPhone X
Timothy Horton's guide on designing for the new iPhone with some practical examples.
Read itWriting CSS with Accessibility in Mind
Some great tips on how to improve the accessibility of your web sites and apps with CSS. By Manuel Matuzovic.
Read itAddressing common misconceptions about the Payment Request API
Eiji Kitamura calls out some common misconceptions about the Payment Request API.
Read itLearn D3.js in 5 days
Email lessons by Ben Clinkinbeard that will teach you D3.js.
Check it outHapptizens Character Creator Set (AI, EPS, PNG)
A fantastic set of pre-made super-cute and geeky characters made by Haxon for PixelBuddha.
Get itUser Authentication For Web And iOS Apps With AWS Cognito (Part 2)
Second part of the tutorial by David Tucker on how to work with AWS Cognito.
Read itFree Font: Lysis
A free display typeface with a unique character designed by Nathan Dawdy.
Get itBranded in Memory
A very insightful article on how we remember logos and the psychology behind it. By Signs.com.
Read itWeb truths: CSS is not real programming
Chris Heilman explains the fact that working with CSS is not traditional programming.
Read itHacker News Progressive Web Apps
Addy Osmani showcases the results of some implementations on HNPWA.
Read itUntitled Slider
Nathan Taylor made this fantastic slideshow with a rotating layout.
Check it outFree Font: Archia Regular
A free font family from the atipo foundry. Get the regular style for free.
Get itwebgl-wireframes
The code for the November 2017 net magazine tutorial, "Stylized Wireframe Rendering in WebGL". By Matt DesLauriers.
Check it outi-chatbot
A component for building conversational interfaces for React.
Check it outRoots
Awesome demo of curling roots by Louis Hoebregts.
Check it outColorSpace Gradient Color CSS Generator
An easy to use tool for generating CSS gradients.
Check it outicongram
With icongram you can easily use icons from popular icon sets on the fly.
Check it outCreating a Static API from a Repository
Eduardo Bouças takes the concept of statically-generated sites and translates them to the context of APIs.
Read itHow Booking.com manipulates you
Roman Cheplyaka dissects some nasty anti-patterns on Booking.com.
Read itOrganic SVG Shape Morph Ideas
A small set of ideas for organic shape effects. The demos show some ways to use animated SVG morphs interactively on a website, including a menu hover and a content reveal effect.
Check it out