Collective #351
![C351_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_WOTW.jpg?x25555)
Inspirational Website of the Week: Era Ceramics
A bold design that stands out with its typography and nice details. Our pick this week.
Get inspired![C351_BeTheme](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_BeTheme.jpg?x25555)
How 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 how![C351_FizzySchool](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_FizzySchool.jpg?x25555)
Fizzy School
Great learning resource for anyone writing jQuery. By Dave DeSandro.
Check it out![C351_sticky](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_sticky.jpg?x25555)
An 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.
![C351_DataViz](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_DataViz.jpg?x25555)
DataVizProject.com
Find the right visualization for your project with this comprehensive and inspirational archive of data visualizations.
Check it out![C351_FreeCodecampGuide](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_FreeCodecampGuide.jpg?x25555)
Here's a new way to learn coding tools and concepts right when you need them
Quincy Larson introduces the new freeCodeCamp Guide.
Read it![C351_iphonedesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_iphonedesign.jpg?x25555)
Designing Websites for iPhone X
Timothy Horton's guide on designing for the new iPhone with some practical examples.
Read it![C351_CSSAccessibility](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_CSSAccessibility.jpg?x25555)
Writing 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 it![C351_PaymentAPI](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_PaymentAPI.jpg?x25555)
Addressing common misconceptions about the Payment Request API
Eiji Kitamura calls out some common misconceptions about the Payment Request API.
Read it![C351_D3](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_D3.jpg?x25555)
Learn D3.js in 5 days
Email lessons by Ben Clinkinbeard that will teach you D3.js.
Check it out![C351_PixelBuddha](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_PixelBuddha.jpg?x25555)
Happtizens Character Creator Set (AI, EPS, PNG)
A fantastic set of pre-made super-cute and geeky characters made by Haxon for PixelBuddha.
Get it![C351_SM](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_SM.jpg?x25555)
User 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 it![C351_Lysis](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_Lysis.jpg?x25555)
Free Font: Lysis
A free display typeface with a unique character designed by Nathan Dawdy.
Get it![C351_Logos](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_Logos.jpg?x25555)
Branded in Memory
A very insightful article on how we remember logos and the psychology behind it. By Signs.com.
Read it![C351_CSSTruth](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_CSSTruth.jpg?x25555)
Web truths: CSS is not real programming
Chris Heilman explains the fact that working with CSS is not traditional programming.
Read it![C351_HackerNews](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_HackerNews.jpg?x25555)
Hacker News Progressive Web Apps
Addy Osmani showcases the results of some implementations on HNPWA.
Read it![C351_Slider](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_Slider.jpg?x25555)
Untitled Slider
Nathan Taylor made this fantastic slideshow with a rotating layout.
Check it out![C351_Font](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_Font.jpg?x25555)
Free Font: Archia Regular
A free font family from the atipo foundry. Get the regular style for free.
Get it![C351_webgl](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_webgl.jpg?x25555)
webgl-wireframes
The code for the November 2017 net magazine tutorial, "Stylized Wireframe Rendering in WebGL". By Matt DesLauriers.
Check it out![C351_chatbot](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_chatbot.jpg?x25555)
i-chatbot
A component for building conversational interfaces for React.
Check it out![C351_Roots](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_Roots.jpg?x25555)
Roots
Awesome demo of curling roots by Louis Hoebregts.
Check it out![C351_ColorGradient](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_ColorGradient.jpg?x25555)
ColorSpace Gradient Color CSS Generator
An easy to use tool for generating CSS gradients.
Check it out![C351_icongram](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_icongram.jpg?x25555)
icongram
With icongram you can easily use icons from popular icon sets on the fly.
Check it out![C351_StaticApi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_StaticApi.jpg?x25555)
Creating 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 it![C351_Booking](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_Booking.jpg?x25555)
How Booking.com manipulates you
Roman Cheplyaka dissects some nasty anti-patterns on Booking.com.
Read it![C351_OrganicShape](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/09/C351_OrganicShape.jpg?x25555)
Organic 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