FRONT-END WEEKLY DIGEST (JANUARY 22 - JANUARY 28, 2018)

February 2, 2018

 

 

 

Gradient topography animation, interactive email using SVG and SMIL, new AMP case studies, practical examples of accessibility improvements,  CSS Scroll Snap, converting an Angular app to a React app,  and more. Enjoy!


Web Development

• Lessons Learned, making our app with Web Components
• Mental Illness in the Web Industry
• Part 2: How to stop me harvesting credit card numbers and passwords from your site
• Interactive email using SVG and SMIL
• Gradient Topography Animation

 

icon_v4_css

CSS

• Using CSS Clip Path to Create Interactive Effects
• Introducing CSS Gridish: An Open Source Tool to Help Your Team Adapt CSS Grid Today
• In Defense of Utility-First CSS
• CSS Grid Explained in 7 Minutes (with diagrams and code)
• CSS Scroll Snap: What Is It? Do We Need It?
• Ripple Effect Animation On Button Click With CSS3

 

 

icon_v4_js

JavaScript

• JavaScript in 2018 – What to learn?
• Top 10 JavaScript errors from 1000+ projects (and how to avoid them)
• A Quick Guide to Styled Components with Interactive Examples
• The WHY behind the WAT: An explanation of JavaScript's weird type system

  • Libs & Plugins:
    • d3-discovery - Finding D3 plugins with ease.
    • greenlet — move an async function into its own thread.
    • Toast UI Editor — An Open Source Markdown WYSIWYG Editor.
    • jsnes — JavaScript NES emulator.

 

 

icon_v4_media

Browsers

• Firefox 58: The Quantum Era Continues
• New in Chrome 64: ResizeObservers, Named Captures, import.meta and more!
• Release Notes for Safari Technology Preview 48

 

Do you have an awesome business idea? Let’s make it real!

Join our newsletter!

Get weekly updates of the top IT news delivered straight to your inbox

OFFER OF THE MONTH

Magento website development. Empower your online store!