Let’s make 2021... fast! An annual front-end performance checklist, with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques.
A visual language is just like any other form of communication. Elements from color to style to type of photos or illustrations establish what a brand or company is. A visual language includes both the written and spoken elements of a website or brand, as well as every design…
Let’s make 2021... fast! An annual front-end performance checklist, with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques.
Starting with Rails 6, Webpacker is the default JavaScript compiler. It means that all the JavaScript code will be handled by Webpacker instead of the old assets pipeline aka Sprockets. Webpacker is different from asset pipeline in terms of philosophy as well as implementation…
Protect and discover secrets using Gitleaks 🔑.
✂A collection of useful .htaccess snippets.
📚 Study guide and introduction to the modern front end stack. - grab/front-end-guide
A guide for front-end developers to equip themselves with latest learning resources and development tools in front-end engineering.
A guide for front-end developers to equip themselves with latest learning resources and development tools in front-end engineering.
Easily build auto-scaling, low-overhead applications on AWS Lambda, API Gateway, DynamoDB, and other managed services with the Serverless Framework.
Here is a list of Chrome extensions for design. There are tools to find the right font, develop color palettes, discover and create inspirational images, customize graphics, measure elements, and analyze your pages as well as your competitors'.
A Big Picture, Thesaurus, and Taxonomy of Modern JavaScript Web Development - dexteryy/spellbook-of-modern-webdev
Improving your designs with tactics instead of talent.
Generate or browse beautiful color combinations for your designs.
Learn about the core building blocks of the WebSocket technology and discover the benefits of event-driven architectures with WebSockets.
Hypertext Transfer Protocol Version 2 (HTTP/2)
Wondering what an HTTP status code means? Browse this list of HTTP status codes for definitions and code references.
What programmers need to know about servers.
A drop-in collection of CSS styles to make simple websites like this just a little bit nicer.
Current privacy laws don’t shield people from the pervasive surveillance of Big Tech. Guerrilla tactics are all we’ve got.
Transitions from one CSS style configuration to another can be animated using CSS animations. A style...
Do you have what it takes to be an outstanding UX Developer in 2022? Add these tricks to your arsenal...
How the heck do we run a massively popular website and asset resource while being funded primarily by donations?
This article explores 5 SSH best practices you should observe to boost the security of your infrastructure.
DNS, or the Domain Name System, is an integral part of how the internet functions today. However, the way that DNS works is often quite mysterious for new a…
The CSS Object Model is a set of APIs allowing the manipulation of CSS from JavaScript. It is much like the DOM, but for the CSS rather than the HTML. It allows users to read and modify CSS style dynamically.
The HTML5 test score is an indication of how well your browser supports the upcoming HTML5 standard and related specifications. How well does your browser support HTML5?
“We learn most when we have to invent” —Piaget In Part 2 you created a minimalistic WSGI server that could handle basic HTTP GET requests. And I asked you a question, “How can you make your server handle more than one request at a time?” In this article you will …
It’s been a little while since I traded code with anyone. But a few weeks ago, one of our entrepreneurs-in-residence, Javier, who joined Redpoint from VMWare, told me about a Ruby gem called Mechanize that makes it really easy to crawl websites, particularly those with…
Debug and optimize your web applications with Chrome DevTools.
CSS is strangely considered both one of the easiest and one of the hardest languages to learn as a web developer. It’s certainly easy…
Programming reference for JavaScript.
CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.
That's a wrap for responsive images — we hope you enjoyed playing with these new techniques. As a recap, there are two distinct problems we've been discussing here:
A meaningful user experience is what can set your site apart from others. But what makes an experience truly meaningful? And how to achieve that? The tools, tips, and resources in this post not only help you to come up with a UX strategy that works for you and your team but also…
Product design mastery in one weekly e-mail. Practical lessons, resources and news in just 5 minutes a week.
Beautiful, cross-platform & open-source tools for debugging, testing and building with HTTP(S), on Windows, Linux & Mac.
When dealing with web-based projects that run in the production environment, being able to build and deploy changes quickly is a top priority. However, repetitive processes such as building front-end assets, when not automated, can be prone to critical errors. In this article…
Web Components is a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps.