YouTube Channel
Archives
Supporters
Submit a link
Advertise
Contact

Issue #249

January 24, 2017

Making Input type=date Complicated

Making Input type=date Complicated

Peter-Paul Koch gives an excellent overview of input type=”date” across mobile and desktop browsers.

Atomic Design by Brad Frost

Atomic Design by Brad Frost

In this video, Brad Frost introduces atomic design, a methodology for creating robust design systems.

From Our Sponsor

Rollbar

Rollbar

Know when and why code breaks: Users finding bugs? Searching logs for errors? Find + fix broken code fast!

Get Started Now

Articles & Tutorials

Ack for CSS Developers

Harry Roberts gives an overview of Ack, a powerful, user-friendly alternative to grep, and shows a small number of ways you can make use of It in your workflow.

Ultimate Guide to Non-Rectangular Headers: Pure CSS Diagonal Separators

Ahmad Nassri tackles diagonal headers and explores different methods to achieve them comparing simplicity, portability, cross-browser support, and performance.

CSS Grid. One Layout Method Not the Only Layout Method

Rachel Andrew explains that CSS Grid won’t solve all of your layout problems, and gives examples of when other layout methods can be more appropriate.

Animate to Different End States Using One Set of CSS Keyframes

Ana Tudor showcases a particularly cool trick: using one set of keyframes to move particles on the screen, and a second one for fading them.

3 New CSS Features to Learn in 2017

Ire Aderinokun gives an introduction to some of the new CSS features you can start using soon.

Promoted Link

Create beautiful websites faster with Webydo, an all‑in‑one web design platform

Design, launch and manage beautiful, pixel-perfect websites in no time. Like Photoshop, for the web.

Tools

scrollMonitor

A simple and fast API that allows you to receive events when elements enter or exit a viewport.

Broken Link Checker

A small Node.js tool that will help you find broken links in your projects.

Inspiration

Progress Nav

Progress Nav

Hakim El Hattab demonstrates an idea for how progress can be visualized inside of a standard page nav.

Until Next Week

If you find the content valuable, please consider supporting the newsletter on Patreon.

Happy coding,
Zoran Jambor

Issue #248 Issue #250

CSS Stickers!

A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

Get Your Set Today »

Course Mastering Linting

Get proficient with the best linting tools, Prettier & Stylelint.

Follow CSS Weekly

10,000 Subscribers

16,500 Followers

1,500 Followers

9,000 Subscribers

10,000 Subscribers

16,500 Followers

1,500 Followers

9,000 Subscribers

CSS Weekly is curated, edited,
published and created by Zoran Jambor.