webdev
The Web Platform: Browser technologies
New tool: Mess with DNS!
Quick Start | Hugo
Learn to create a Hugo site in minutes.
Werner's Nomenclature of Colours
A recreation of the original 1821 color guidebook with new cross references, photographic examples, and posters designed by Nicholas Rougeux
41 Best SEO Tools in 2024 (Free & Paid)
These tools have helped my site get 600k+ visits per month. (Most of which came from SEO) The best part? All of these tools work GREAT in 2024.
Get Firefox browser — Mozilla (US)
Choose from Desktop, iOS, Android, or let us email you a mobile download link.
75 Web Animation Tools You Have to Try
Its popularity fluctuates, but it’s always there somewhere, as an essential component in any web site.From tiny, barely visible, loading spinners, to whole page transitions like a movie experience, animation reaches into every area of our designs.For designers looking to…
Tools QA - Page Not Found
A short and simple guide to Babel
Babel is an awesome entry in the Web Developer toolset. It's an awesome tool, and it’s been around for quite some time, but nowadays almost every JavaScript developer relies on it, and this will continue going on, because Babel is now indispensable and has solved a big problem…
CodeSandbox: Instant Cloud Development Environments
CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.
Connect the Web With WebSockets
WebSockets make it possible to have interactive, two-way communication sessions between the user's browser and a server. With this API, you can receive event-driven messages without having to poll...
How JavaScript works: memory management + how to handle 4 common memory leaks
A few weeks ago we started a series aimed at digging deeper into JavaScript and how it actually works: we thought that by knowing the…
Hacking Your Webpage's Head Tags for Speed and Profit
One of the most important parts of any webpage's performance is the content and organization of the head element. We'll take a deep dive on some easy optimiz...
Introduction · Front-end Developer Handbook 2017
Complete Intro to Computer Science Course by Brian Holt | FEM
Learn our computer science intro course and understand Algorithms and Big O Analysis, Recursion, Sorting, Data Structures, AVL Trees, and more.
A Comprehensive Guide to Font Loading Strategies—zachleat.com
A post by Zach Leatherman (zachleat)
Creating Web Icons with SVG Online Class | LinkedIn Learning, formerly Lynda.com
Get crisper, smaller web graphics with SVG. Learn three different methods to implement SVG web icons on websites and in WordPress themes.
https://www.godaddy.com/garage/what-is-a-gravatar/
The Basics of Web Application Security
Security is both very important and often under-emphasized. While many targeted techniques help, there are some basic clean code habits which every developer can and should be doing
Welcome to Netlify
Learn how to build fast and reliable web experiences with our enterprise-ready composable platform.
I want to… - WebAssembly
pasztor.at
This domain may be for sale!
What is a Domain Name? - Learn web development | MDN
Domain names are a key part of the Internet infrastructure. They provide a human-readable address for any web server available on the Internet.
How We Used WebAssembly To Speed Up Our Web App By 20X (Case Study) — Smashing Magazine
WebAssembly is a new language that runs in the browser alongside JavaScript. In this article, Robert Aboukhalil explores how you can speed up web applications by replacing slow JavaScript calculations with compiled WebAssembly. This is a case study on using WebAssembly to speed…
Markdown Cheatsheet
Google Chrome, Firefox, and Thunderbird extension that lets you write email in Markdown and render it before sending. - adam-p/markdown-here
A Beginner’s Guide To Progressive Web Apps — Smashing Magazine
PWAs take advantage of the latest technologies to combine the best of web and mobile apps. Think of it as a website built using web technologies but that acts and feels like an app. In this article, Kevin Farrugia will look into recent advancements in the browser and the…
The Illustrated TLS 1.2 Connection
Every byte of a TLS connection explained and reproduced
DNS doesn't "propagate"
Converting and Optimizing Images From the Command Line | CSS-Tricks
Images take up to 50% of the total size of an average web page. And if images are not optimized, users end up downloading extra bytes. And if they’re
5 Useful and Interesting Web Animation Libraries
Introduction Libraries help us to code faster through their predefined classes for...
Remix | Remix Docs Home
11 A/B Testing Tools to Optimize Conversions
A/B testing, the process of exposing randomized visitors to one or more variables, is among the most effective strategies to optimize user experiences and conversion rates. Here is a list of A/B testing tools.
The Complete CSS Tags Reference - CSS Cheatsheet
If you are using CSS for frontend web development, you may be interested in this article. The gist of...
Minification of CSS and JavaScript
Minification is the process of deleting unneeded or redundant data from a resource without altering...
Web Browser Engineering
17 Useful UX and UI Design Tools
User experience and user interface tools can help with every stage of website and mobile-app design — from early whiteboard brainstorming to testing your prototype with end-users. Here is a list of useful UX and UI design tools.
How to use htmlq to extract content from HTML files on Linux, macOS or Free
Most of us use love and use the jq command. It works on Linux or Unix-like systems to extract data from JSON documents. Recently I found htmlq, which is like jq and written in Rust lang. Imagine being able to sed or grep for HTML data. We can search, slice, and filter HTML data…
Meet the Self-Hosters, Taking Back the Internet One Server at a Time
Tired of Big Tech monopolies, a community of hobbyists is taking their digital lives off the cloud and onto DIY hardware that they control.
58% of Hacker News, Reddit and tech-savvy audiences block Google Analytics
Is Google Analytics still useful and how accurate are its stats? How much data is missing from Google Analytics due to adblockers and privacy-friendly browsers?
The most underused browser feature | Frank's blog
A great feature that is available in almost every browser allows you to reject the cookie consent popup.
A huge list of web design tools
This is a very big list of Web Design tools for designers. If you want improve your skills and be a...
10 Super easy CSS Shapes for beginners
Hello there, In this post we will be talking about creating basic shapes in HTML & CSS. Many...
60 Awesome UI and UX resources for Developers and Designers 2021
Yearning organizers, genuine solopreneurs, and sprouting visual creators all need a convincing...
Free for dev - list of software (SaaS, PaaS, IaaS, etc.)
Content by github.com/ripienaar/free-for-dev Contributors:...
No, we don’t use Kubernetes
“No, we don’t use Kubernetes”. That always gets raised eyebrows... so we decided to write about our reasoning behind this cloud architecture decision.
A deep dive into ARIA
Have you heard about ARIA attributes but don’t really understand what they are, or how to use them?...
Top 6 Ethical Hacking Tools
1. Kali Linux Kali Linux is the most used Ethical Hacking distro available, it is provided with...
How to poison the data that Big Tech uses to surveil you
Algorithms are meaningless without good data. The public can exploit that to demand change.
Improving The Performance Of An Online Store (Case Study)
Getting a good performance score from Google is hard for any website — but doing so for an online store is even harder. We achieved green scores — even several for mobile. Here is how we did it.