It's 2023, here is why your web design sucks.
We all lost when the web design role was split in two.
HTML with Superpowers
An Introduction to Web Components by Dave Rupert
Can I DevTools?
Compare and learn about dev tools in different browsers
The Front-End Developer's Guide to the Terminal
If you're not comfortable with command line interfaces, you'll struggle to run a local development server or build your application!
A Modern CSS Reset
A reset of sensible defaults by Andy Bell
Debugging CSS
An ebook with lots of tips and techniques on how to debug CSS the right way with easy and studied methods.
Move Fast & Don’t Break Things by Scott Jehl
So there’s this old saying in our industry that bold, and successful web development is about Moving Fast & Breaking Things. It comes from a more naive time on the web, when people were advocating being a little wreckless in the name of innovation. These days, the sentiment isn’t as celebrated.
Accessibility Support
Will your code work with assistive technologies? This community-driven website aims to help inform developers about what is accessibility supported.
Jeremy Keith - Building The Web - View Source 2019
@adactio shares his insights on the current state of the web and web development and its complexity. Expectations of the web have changed : people expect the web to be terrible (especially on mobile). You can do more with less today, but we don't always choose to do so. Fondamental stuff is not (aways) a technology. The goal of any good framework or library should be to make itself redundant. Our priority should always be what is going to make life easier for the user. The worse thing we can do is to assume things are inevitable (FB, Google), but that is just the way things have turned out. They can change. Let's have the imagination of how things could be different. “I am afraid for the web. When I'm done with all this, and when I look around and all the people making websites look like me, then I think we will have failed.”
How to Stop Using Browser Dev Tools and Start Using Your Editor’s Debugger — JavaScript January
How to view webpage HTML source codes on iPad / iPhone. No app required. - AppleToolBox
JAMstack | JavaScript, APIs, and Markup
5 cross-browser testing tools to try today | Creative Bloq
Browser Extensions I Actually Use - The Media Temple Blog
Animate.css
Fluidity
Image Lightbox, Responsive and Touch‑friendly — Osvaldas Valutis
Quick Tip: How to Target IE6, IE7, and IE8 Uniquely with 4 Characters | Nettuts+
A reminder of IE8/IE7/IE6 hacks
GenerateWP
List of WordPress ressources and tools
The ultimate CSS tools for web designers | CSSmatic
Gradient generator, border radius, noise and box shadow
geuis/helium-css · GitHub
Helium is a tool for discovering unused CSS across many pages on a web site
jQuery - YUI 3 Rosetta Stone
Very useful when scripting for Squarespace
Typeplate » A typographic starter kit encouraging great type on the Web
A neat typographic starter kit
Yii Framework: Best for Web 2.0 Development
PHP web application framework
kswedberg/jquery-smooth-scroll · GitHub
Cross browser smoothscrolling
Cross Browser Retina/High Resolution Media Queries
Font Custom
Generate your own font icon files
OWASP
Open Web Application Security Project
Responsive background images with fixed or fluid aspect ratios – Voormedia
What's the easiest way to scale background images in responsive layouts? We use an old technique and enhance it to fluidly change the aspect ratio of background images.
Meet Bower: A Package Manager For The Web