10 Essential Design System Components
Learn about design system components. Deepen your knowledge of atomic design and see how you can use it for product design. Enjoy!
webdev
Level Up Your CSS Skills With The :has() Selector
The CSS relational selector :has() offers what was previously impossible without JavaScript. Let’s explore some magical powers that :has brings.
The Top Five Static Site Generators (SSGs) for 2023 — and when to use them
There’s no shortage of static site generators (SSGs) to choose from, though I’ve limited the below...
What if writing tests was a joyful experience?
At Jane Street we use a pattern/library called “expect tests” thatmakes test-writing feel like a REPL session, or like exploratoryprogramming in a Jupyter no...
Animation Techniques with anime.js: Timing, Easing, and Keyframes
Welcome to the second tutorial in this series on animating with anime.js! In the previous post,...
An Ultimate Guide On Sizing, Spacing, Grids And Layout In Web And UI/UX Des
A grid is like invisible glue that holds a design together. Even when elements are physically separated from each other, something invisible connects them together. Grids help designers to build better products by tying different design elements together to achieve effective…
InnerHTML vs. InnerText vs. TextContent: A Guide | Built In
InnerHTML, innerText and textContent can each help to manipulate JavaScript code, but they contain subtle differences. Here’s what to know
How to design almost any UI element (list of ~58 articles of how to properl
Buttons. 7 Basic Rules for Button Design by @101babich Button Design Cheatsheet for...
UTM Parameters Best Practices & Intro | Rafflecopter
Do you know where your site traffic comes from? Which of your campaigns drives the most traffic? Let's investigate UTM parameters best practices.
When to use gRPC vs GraphQL - Stack Overflow
Counting unique visitors without using cookies, UIDs or fingerprinting.
Building a web analytics service without cookies poses a tricky problem: How do you distinguish unique visitors?
Build Your Own Web Server With Ruby - RubyGuides
Have you ever built your own web server with Ruby? We already have many servers, like: Puma Thin Unicorn But I think this is a great learning exercise
Making a DNS query in Ruby from scratch
Introducing Turbopack: Rust-based successor to Webpack – Vercel
Introducing Turbopack, the Rust-based successor to Webpack.
Security Best Practices for Your Rails Application
Ensure your Rails application stays secure by following some best practices and habits.
The Thorny Problem of Keeping the Internet’s Time
An obscure software system synchronizes the network’s clocks. Who will keep it running?
GIFs Without the .gif: The Most Performant Image and Video Options Right No
So you want an auto-playing looping video without sound? In popular vernacular this is the very meaning of the word GIF. The word has stuck around but the
25 Free Tools to Test Your Website
This all-new update to our popular resource includes tools to evaluate page speed, security, accessibility, regulatory compliance, code, and more.
Render: Awesome alternative for Heroku
Heroku will stop offering its free tiers this November, leaving developers to choose other...
Finding an Image on a Web Page | TestComplete Documentation
Create and run automated tests for desktop, web and mobile (Android and iOS) applications (.NET, C#, Visual Basic .NET, C++, Java, Delphi, C++Builder, Intel C++ and many others).
Accessibility UX Best Practices – 8 Tactics for Web Design
Learn 8 accessibility hacks that will make your website suitable for a variety of users, including those who have certain challenges.
rack/rack
A modular Ruby web server interface.
TIL: You Can Access A User's Camera with Just HTML
The HTML capture attribute is interesting because it allows you to activate a user's camera with just HTML. This article covers it in more depth.
The Realities And Myths Of Contrast And Color — Smashing Magazine
In this article, Andrew Somers, a 35-year veteran of the Hollywood film and television industry, shares his experience about the hard-fought battles and lessons learned designing for illuminated presentations.
gchq/CyberChef: The Cyber Swiss Army Knife - a web app for encryption, encoding, compression and data analysis
The Cyber Swiss Army Knife - a web app for encryption, encoding, compression and data analysis - gchq/CyberChef
CyberChef
The Cyber Swiss Army Knife - a web app for encryption, encoding, compression and data analysis
Infinite Scrolling: When to Use It, When to Avoid It
Infinite scrolling minimizes interaction costs and increases user engagement, but it isn’t a good fit for every website. For some, pagination or a Load More button will be a better solution.
Heroku no longer offers free service, what's the best alternative now?
Heroku was such a simple and free experience to host side project and start developing. What is the...
Heroku no longer offers free service, what's the best alternative now?
Heroku was such a simple and free experience to host side project and start developing. What is the...
Free Alternatives to Heroku
Given the recent news about Heroku bringing an end to free dynos and PostgreSQL databases, what other...
Top 10 JavaScript Frameworks to Use in 2022
Introduction Being a multi-paradigm language, JavaScript maintains programming styles...
Genome Color Tool
Web site created using create-react-app
10 ways to speed up JavaScript loading
In many modern websites, there is a lot of JavaScript. In fact, according to the HTTP Archive, the...
Kits | Foundation 6
Building a Web server in Bash, part I - sockets
Have you ever wondered how a Web server works under the hood? Moreover, would you be willing to...
Router Security
Router Security Home Page
Build Your Own Web Framework – Vercel
Build your own web framework that deploys to edge and serverless infrastructure.
Test Your Product On A Crappy Laptop | CSS-Tricks
There is a huge and ever-widening gap between the devices we use to make the web and the devices most people use to consume it. It’s also no secret
vs. : How To Choose The Right One — Smashing Magazine
In this article, Olushuyi explores a mental model that helps you decide between the `` and `` elements when writing documents. You will explore how grouping content affects accessibility and how you can make it all count for users.
Productivity Tips And Tools For A More Efficient Workflow — Smashing Magazine
Who doesn’t love a good timesaver? In this post, we compiled useful productivity tips and tools that help you speed up routine tasks, enhance your development workflow, and stay organized.
Emoji Kitchen Browser
Browse thousands of delightful Emoji Kitchen combinations, available in Gboard for Android.
The Magical Use of Uncommon Labels Fieldset and Legend
How to use Fieldset and Legend to create an amazing border effect.
Introduction to TCP and Sockets
Scaling Engineering Teams via RFCs: Writing Things Down
I have recently been talking at small and mid-size companies, sharing engineering best practices I see us use at Uber, which I would recommend any tech company adopt as they are growing. The one topic that gets both the most raised eyebrows, as well the most "aha!" moments is the
cjbarber/ToolsOfTheTrade
Tools of The Trade, from Hacker News.
Eye-Catching Typography To Get More Leads
Noupe passionately delivers stylish and dynamic news for designers and Web developers across the globe on all subjects of design; ranging from CSS, Photography, JavaScript, Web design, Graphics, Typography and much more.
Learn the Python Anvil Framework
3 Best Website Uptime Monitoring Tools
One way to achieve this is by employing uptime and downtime monitoring tools. Why Is Website Uptime Monitoring Important? An uptime monitoring solution can help you prevent or reduce these losses. Thus, you must employ a dependable tool that detects downtime or any interruptions…
Bootstrap CSS is still the sh*t. But we can make it better.
Bootstrap is an amazing CSS framework for those who struggle with design, css, or need to build...
Hotjar: Website Heatmaps & Behavior Analytics Tools
The next best thing to sitting beside someone browsing your site. See where they click, ask what they think, and learn why they drop off. Get started for free.