Collective #309
![C309_InlineCSS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_InlineCSS.png?x86293)
CSS in JavaScript: The future of component-based styling
Jonathan Z. White shares his thoughts on the future of component-based styling.
Read it![C309_Dropsource](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_Dropsource.png?x86293)
Dropsource: Rapid Visual Prototyping For Native Mobile Apps
Visual app platform for rapidly building real iOS & Android apps on the web. Drag and drop design, add REST APIs, and download clean Swift or Java source code.
Try it free![C309_DomainPhishing](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_DomainPhishing.png?x86293)
Phishing with Unicode Domains
An intriguing article by Xudong Zheng on the problematic of Unicode domains.
Read it![C309_PolyFluidSizing](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_PolyFluidSizing.png?x86293)
CSS Poly Fluid Sizing using calc(), vw, breakpoints and linear equations
Jake Wilson explores a very interesting method for fluid typography with some math magic.
Read it![C309_Airbnb](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_Airbnb.png?x86293)
Painting with Code
Airbnb introduces their new open source library React Sketch.app.
Read it![C309_this](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_this.png?x86293)
JavaScript: The Keyword 'This' for Beginners
Brandon Morelli explains the this
keyword in JavaScript for beginners.
![C309_Postal](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_Postal.png?x86293)
Postal
Postal is a fully featured, open source mail delivery platform for incoming and outgoing e-mail.
Check it out![C309_RealWorld](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_RealWorld.jpg?x86293)
RealWord
A collection and specification for exemplary front end and back end code bases.
Check it out![C309_AppConceptVariables](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_AppConceptVariables.jpg?x86293)
News App Concept with CSS Variables
David Khourshid's experiment with CSS variables for an app concept.
Check it out![C309_InkFont](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_InkFont.jpg?x86293)
Free Font: Ink
The aesthetic result of a school assignment by Sara Pallesen.
Get it![C309_Comment](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_Comment.png?x86293)
Dan Abramov's comment on "Things nobody will tell you about React.js"
Dan Abramov's mindful response to Gianluca Guarini's critical article on React.
Read it![C309_iosGUI](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_iosGUI.jpg?x86293)
iOS 10 GUI
A massive collection of core components and selected screens found in the public release of iOS 10 made with extra attention to the Human Interface Guidelines.
Check it out![C309_CSSGrid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_CSSGrid.png?x86293)
Spring Into CSS Grid
A gentle and beautifully illustrated introduction to CSS Grid by Joni Trythall.
Read it![C309_CSSTransition](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_CSSTransition.jpg?x86293)
Transitions in space
Learn how to properly employ CSS transitions for a meaningful hover interaction. By Donovan Hutchinson.
Read it![C309_Edge](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_Edge.png?x86293)
Improved JavaScript performance, WebAssembly, and Shared Memory in Microsoft Edge
Learn about some new and experimental features in Microsoft Edge.
Read it![C309_LogoAnimation](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_LogoAnimation.png?x86293)
How I Animated the bitsofcode Logo
Ire Aderinokun shows how she created a compelling logo animation using CSS animations.
Read it![C309_Squid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_Squid.png?x86293)
Squidematics
A great demo by Acid where he explores the concept of Inverse Kinematics.
Check it out![C309_CrossBrowser](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_CrossBrowser.jpg?x86293)
Building for cross-browser compatibility
A multi-part series about developing the brand identity for Wismut Labs by Chen Hui Jing. This one covers some fundamental principles of ensuring cross-browser compatibility.
Read it![C309_CSSGame](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_CSSGame.png?x86293)
Pure CSS Game
A fun, experimental HTML/CSS based game where you need to rescue a princess.
Check it out![C309_ExplodingModal](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_ExplodingModal.jpg?x86293)
The Most Explosive Modal on the Web
Jesse Korzan made "explodal", the most explosive modal on the web!
Check it out![C309_GitHubComments](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_GitHubComments.png?x86293)
Replacing Disqus with Github Comments
A tutorial by Don Williamson on how to use GitHub for comments.
Read it![C309_AIBAsics](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_AIBAsics.png?x86293)
The Building Blocks of AI
A guide to the important building blocks of AI and Machine Learning.
Read it![C309_SublimePlugins](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_SublimePlugins.png?x86293)
Sublime Text 3 Plugins for Frontend Web Development
A curated collection of Sublime plugins for front end web development.
Check it out![C309_JackLaneType](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2017/04/C309_JackLaneType.jpg?x86293)
Free Font: Jack Lane
Mack Trinh designed this beautiful, rounded display typeface.
Get it