Frontend Focus

This feed covers HTML, CSS, WebGL, and other associated technologies. Frontend Focus shares news, articles, tutorials and code examples for those interested in web browser technology and the web platform generally. See:

Bookmarks (662)

  • Attention Required! | Cloudflare

    CSS Card Hover Effect — A nice hover effect for a card style element.

  • Headroom.js - Give your pages some headroom. Hide your header until you need it.

    Headroom.js: Hides Your Page Header Until Needed — A pure JS widget for hiding elements until...

  • css-camera

    css-camera — A way to add depth to your web page with CSS3 3D transform. Documentation,...

  • screenshot

    Button Contrast Checker | Aditus | Free tool

    Button Contrast Checker — A straightforward tool to test whether your buttons and links are compliant...

  • screenshot

    Automatically compress images on Pull Requests

    image-actions: Automatically Compress Images On Pull Requests — This new GitHub Action automatically compresses/optimizes raster images...

  • screenshot

    CSS Grid: illustrated introduction

    CSS Grid: Illustrated Introduction — A detailed, visual look at how to get to grips with Grid.

  • screenshot

    Software development outsourcing for CTOs

    Software Development Partner for CTOs, Product Owners and Tech Leaders — Build or extend your JavaScript...

  • screenshot

    Ghost Buttons with Directional Awareness in CSS | CSS-Tricks

    Ghost Buttons with Directional Awareness in CSS — Animating the fill of a ghost button such...

  • screenshot

    Contemporary Front-end Architectures

    Contemporary Frontend Architectures — A frontend engineer’s perspective on modern web application architecture.

  • screenshot

    Logical Operations with CSS Variables | CSS-Tricks

    Logical Operations with CSS Variables — How to emulate functions like not(var(--i)) in CSS by using...

  • Can you help our client migrate to Node.js? Docklands, London – JavaScript Jobs by CareersJS

    Can You Help Our Client Migrate to Node.js? Docklands, London — Do you have experience &...

  • screenshot

    New in Chrome 77 | Web | Google Developers

    What's New in Chrome 77 for Developers? — Chrome 77 is rolling out to users now....

  • screenshot

    Js13kGames - HTML5 and JavaScript Game Development Competition in just 13 kilobytes

    All 245 Entries in The 2019 JS13kGames Competition — We linked to the competition a few...


    Two Browsers Walked Into a Scrollbar — A quick exercise in styling scrollbars in an unobtrusive,...

  • screenshot

    Moving Firefox to a faster 4-week release cycle – Mozilla Hacks - the Web developer blog

    Firefox Moving to a Faster 4-Week Release Cycle — It’ll only be a couple of years...

  • Cloudinary Account Sign Up

    Image & Video Management Made for Front-End Developers — Simplify and automate the process of uploading,...

  • (Why) Some HTML is "optional"

    (Why) Some HTML is "Optional" — A little look into why certain HTML tags (such as...

  • screenshot

    Machine Learning For Front-End Developers With Tensorflow.js — Smashing Magazine

    Machine Learning For Frontend Developers With Tensorflow — Charlie Gerard covers how to get started with...