Collection - Useful resources

All useful resources

URL Validation in WordPress »

If your WordPress website/theme/plugin allows users to submit URLs, and you’re not sanitizing them properly, you could have a whole host of security problems. On the flipside, if you’re removing too much, you might not be allowing valid URLs either.

From CMLJN Blog.

On Designing and Building Toggle Switches »

Yesterday I was working on creating the slides and accompanying demos for my upcoming Web Directions Code talk next week. One of the demos I’m creating is a basic proof of concept for a simple switch that is used to switch the theme of a UI from light to dark and vice versa. I liked, and was inspired, by the theme switch in the Medium app.

From Sara Soueidan.

Detecting autofilled fields in Javascript »

One of my colleagues is transitioning to the front-end team that I used to be a part of. To prepare him mentally for his journey into front-end development, I’ve been sending him a newsletter I call Front-End Hack of the Day. I’m posting them to Medium now for the world to enjoy.

From Tommy Brunn (Medium).

How do you mark up an accordion? »

I made a poll on Twitter the other day asking the #lazyweb how they would mark up an FAQ section — or a list of questions and their corresponding answers. I specifically asked for markup suggestions. Turns out, people mark questions and answers up differently.

From Sara Soueidan.

Internationalization techniques: Authoring HTML & CSS »

This page lists links to resources on the W3C Internationalization Activity site and elsewhere that help you author HTML and CSS for internationalization. It is one of several techniques pages. You can see a list of updates to this document. You can also raise an issue about this page.

From W3C.

The font loading checklist »

When I look back at the last four years that I’ve spent learning everything I could about web fonts and how web fonts load, I can distill it all down to a small checklist of ideals that I continue to chase.

From Zach Leatherman.

Creative Commons »

Creative Commons’ “CC Search” project will develop and release an open online search and re-use tool that will allow high-quality content from the commons to surface in a more seamless and accessible way.

From Creative Commons.

A11Y Style Guide »

The A11Y style guide comes with pre-populated accessible components that include helpful links to related tools, articles, and WCAG guidelines to make your site more inclusive.

From A11y Style Guide.

How I remember CSS Grid properties »

The syntax for CSS Grid is foreign and hard to remember. But if you can’t remember CSS Grid’s syntax, you won’t be confident when you use CSS Grid. To wield CSS Grid effectively, you need to remember its properties and values.

From Zell WK.

Popular topics

On development

On best practice

On content strategy