If you like this article, go ahead and follow me on Twitter:
Our new digest series aims to provide web designers and developers with a single location to discover the latest and most significant stories on the web, while sipping a hot coffee.
If you’re like us, you spend hours every day browsing through hundreds of sites and articles, hoping to stumble across relevant news stories.
We search through hundreds of posts on blogs, social media, and news channels, to deliver the most essential stories of the day. Our content covers quality news, fresh tools and apps, case studies, code demos, inspiration posts, videos and more.
Chrome 62 Released: What’s New?
Improved Network Information API, support for OpenType variable fonts, new ways to capture media, and Payment Request API support on iOS.
Building a CSS-Only Image Gallery (with Fallbacks)
A look at an approach to creating an experimental CSS-only image gallery, which doesn’t break the experience on older browsers.
Naming Things In CSS Grid Layout
The various ways that you can name lines and areas in CSS Grid Layout to enable easier placement of items by name rather than number.
Improving Performance with the Paint Timing API
Rendering ‘Metaballs’ with SVG and CSS
Essentially blobs that merge into one another. A nice effect.
Learn a CSS Framework in 6 Minutes with Bulma
Bulma is a modern, Flexbox-based CSS framework.
css news tutorial
Web Typography: Working with Numerals
Tips on using old-style numerals and sub/superscript numerals.
5 Reasons To Use BEM, the CSS Naming Convention
The author argues it “keeps the world of CSS safe from clutter”
Micromodal: Tiny JS Library for Creating Accessible Modal Dialogs
Just 1.9KB minified and gzipped.
Smooth Scrollbar: Customizable, High Performance Scrollbars
If you want more control over your page’s scrolling.
handorgel: Accessible Web ‘Accordion’ Widget Written in ES6
Contribute to this article by sharing your opinion on Twitter:
Use SpeedFactor to track your website. It’s simple and reliable.
See how real people experience the speed of your website. Then find (and fix) your web performance problems.