Frontend News aims to keep you updated with what's happening in the world of web dev! With the latest news and resources from the design & development community.
When CSS Isn’t Enough: JavaScript Requirements For Accessible Components
Spoiler alert: tooltips, modals, tabs, carousels, and dropdown menus are some of the user interface components that require more than CSS. To ensure accessibility of your interface, JavaScript is a necessary addition to accomplish focus management, respond to keyboard events, and toggle ARIA attributes.
Useful Front-End Boilerplates And Starter Kits
We don’t need to write everything from scratch every single time. With boilerplates and starter kits, we can set up our projects faster, and get to work immediately. Also check out CSS auditing tools, CSS generators, accessible front-end components and VS code extensions — you might find them useful, too.
Looking for low-cost, reliable web hosting?
SiteGround are running a discount where you can get a hosting account for up to 62% off. With the basic plan, that’s only $6.99 a month!
Making Tables With Sticky Header and Footers Got a Bit Easier
Recently a big effort went into totally revamping tables in the rendering engine in Chromium, bringing tables up to speed. It’s not just the stickiness that was fixed, but all sorts of things.
The UX of video game tutorials
Let's see what decisions a designer will often run into while designing learning experiences.
A Complete Guide To Accessibility Tooling
In a new short series of posts, we see some of the useful tools and techniques for developers and designers. Recently we’ve seen coverage of HTML Emails and SVG Generators. This time we look into different kinds of tools to help you streamline your accessibility testing process. Don’t miss the next one.
Perfect Tooltips With CSS Clipping and Masking
Clipping and masking have been around for a while now in CSS and even have pretty decent browser support. In this article, we'll see a great way to go about creating perfect tooltips, using CSS clipping and masking.
📚 The ultimate collection of git commands and resources to power up your programming!
The Rise Of Design Thinking As A Problem Solving Strategy
In the dynamic and unpredictable environments in which we work, even the most carefully crafted solutions can have a short shelf life. When we accept that our work is impermanent and our problem-solving abilities are limited, our goal can shift from delivering full solutions to developing tools that empower our users to adaptively design for themselves.
Positioning Overlay Content with CSS Grid
A great way to harness the power of CSS grid to position overlay content.
Creating Custom Emmet Snippets In VS Code
In this article, Manuel explains why Emmet is one of his favorite productivity tools for writing HTML and CSS, and how you can create custom Emmet snippets in Visual Studio Code to help you improve your front-end workflows even more.
The State Of Web Workers In 2021
The web is single-threaded. This makes it increasingly hard to write smooth and responsive apps. Workers have a bad rep, but can be an important and useful tool in any web developer’s toolbelt for these kinds of problems. Let’s get up to speed on Workers on the Web!
Kubernetes Explained Simply: Containers, Pods and Images
A neat overview of the basics of Kubernetes, including how the infrastructure of an application works.
There is an array of Headless CMSes out there. In this article, we delve into headless CMS features to satisfy your content editors, marketers and yourself as a developer.
A little about me..
Hey, I’m Tim! 👋
I’m a freelance business owner, web developer & author. I teach both new and experienced freelancers how to build a sustainable and successful freelancing business. Check out my Complete Guide to Freelancing if you'd like to find out more.
While you're here, you can browse through my blogs where I post freelancing tips, code tutorials, design inspiration, useful tools & resources, and much more! You can also join the newsletter, or find me on X.
Thanks for reading! 🎉
