Piccalilli
Front-end education for the real world. Courses, articles, and a newsletter to level up your web skills.
// 727 links and counting
A lovingly curated collection of tools, resources, and inspiration for designers and developers. No fluff, just the good stuff.
Courses, tutorials, interesting research and docs to learn from.
Front-end education for the real world. Courses, articles, and a newsletter to level up your web skills.
This website provides a window into how people are interacting with the US government online. The data come from a unified Google Analytics account for U.S. federal government agencies known as the Digital Analytics Program. This program helps government agencies understand how people find, access, and use government services online. For everyone else, it's an interesting look in to browser and device statistics with a huge sample size to help you build with current usage trends in mind.
Blog posts, newsletter, podcast and videos from Chris Ferdinandi, helping people build the web better. If you hate the complexity of modern front‑end web development and want to learn how to build a simpler, more resilient web, this is the channel for you.
How DNS Works by DNSimple is a cute, engaging comic exploring the inner workings of the global domain name system.
Discover a variety of dark pattern examples, sorted by category, to better understand deceptive design practices.
In this 4-part blog series, we'll look inside the Chrome browser from high-level architecture to the specifics of the rendering pipeline. If you ever wondered how the browser turns your code into a functional website, or you are unsure why a specific technique is suggested for performance improvements, this series is for you.
UI kits, design systems, and everything visual.
A modular CSS library that brings the look and feel of terminal UIs to the browser. Pure CSS, easily themable, and open source.
A free gallery of iOS app icons for inspiration. Browse by color, designer, year, and more.
Curated gallery of the best call-to-action (CTA) designs from across the web. Get inspired to boost conversions and creativity.
A free and open-source collection of SVG illustrations, fully compatible with Flowbite and Tailwind CSS. Includes Figma file and commercial use allowed under MIT license.
Guidance and principles for designing humane digital products and services focused on user well-being and ethical design.
Create beautiful, moving gradients for your website or design projects. Available as a Figma and Framer plugin, and as a React component.
A kinetic home for your variable fonts. Upload, explore, and interact with variable fonts in a playful, visual environment.
One subscription for access to 26 million+ assets. Unlimited downloads & future-proof client-friendly licensing.
Galleries, showcases, and creative sparks.
A free gallery of iOS app icons for inspiration. Browse by color, designer, year, and more.
Curated gallery of the best call-to-action (CTA) designs from across the web. Get inspired to boost conversions and creativity.
A kinetic home for your variable fonts. Upload, explore, and interact with variable fonts in a playful, visual environment.
Thoroughly researched, industry leading design system for public services by the UK Government Digital Service. Great for inspiration & best practice on patterns and components.
Web design inspiration catalog. Unleash your creativity with out-of-this-world web design inspiration from across the web.
We curate beautifully designed decks, slides, keynotes, guidelines — or whatever you call them.
Best-in-class Design Systems with components and foundations references from top-tier tech companies and leading UI teams.
Find the perfect icon for any project.
One subscription for access to 26 million+ assets. Unlimited downloads & future-proof client-friendly licensing.
Freemium stock photos, graphics, icons, videos, audio and more with AI tooling.
A friendly style with a hand-drawn feeling. Only one color that you can adapt to your branding in our app. Based on a 24px grid.
73 unique, license-free pixel emojis—handcrafted pixel by pixel. Easy to use and ready to drop into any project. Perfect for adding personality to web, mobile, and social media designs.
Explore over 200 optimized SVG country flag icons — Perfectly crafted on a 32px grid.
Material Icons are available in five styles and a range of downloadable sizes and densities. The icons are based on the core Material Design principles and metrics.
An ever growing collection of free game icons. Dozen new symbols are added weekly and organized in intuitive categories to offer both a comfy browsing and let room for serendipity.
1100+ Animated Icons for the modern web. High-quality animated icons to wow your users! Available to download for free without attribution. Adjust to your brand in just a few clicks.
Palettes, gradients, and colour magic.
This website allows you to enter a Pokemon's name (or simply its number in the Pokedex), and its top 3 colours will be extracted.
Reasonable Colors is an open-source color system for building accessible, nice-looking color palettes.
fffuel is a collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds
uiGradients is a community contributed collection of beautiful multi-color gradients.
Poline is an enigmatic color palette generator, that harnesses the mystical witchcraft of polar coordinates. Its methodology, defying conventional color science, is steeped in the esoteric knowledge of the early 20th century. This magical technology defies explanation, drawing lines between anchors to produce visually striking and otherworldly palettes. It is an indispensable tool for the modern generative sorcerer, and a delight for the eye.
Blogs and publications with great content.
Front-end education for the real world. Courses, articles, and a newsletter to level up your web skills.
Blog posts, newsletter, podcast and videos from Chris Ferdinandi, helping people build the web better. If you hate the complexity of modern front‑end web development and want to learn how to build a simpler, more resilient web, this is the channel for you.
A big pile of personal developer & designer blogs in an OPML file by Chris Coyier.
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.
Rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features.
Web3 Is Going Great is a project to track some examples of how things in the blockchains/crypto/web3 technology space aren't actually going as well as its proponents might like you to believe. The timeline tracks events in cryptocurrency and blockchain-based technologies, dating back to the beginning of 2021.
This site is dedicated to a community (and a larger movement) about the internet how it's changed. We are creating, discovering and enjoying websites and digital spaces.
A thoughtful weekly newsletter helping you feel inspired, be productive & think critically.
Blog by CSS Tricks and CodePen founder Chris Coyier on email productivity.
Listen and learn while you work.
Blog posts, newsletter, podcast and videos from Chris Ferdinandi, helping people build the web better. If you hate the complexity of modern front‑end web development and want to learn how to build a simpler, more resilient web, this is the channel for you.
The Changelog podcast is the software world's weekly news brief (Mondays), deep technical interviews (Wednesdays) and our coming soon talk show (Fridays) that's like putting your favorite conference hallway track on repeat.
A software engineering podcast featuring a panel of Software Engineers from Netflix, Twitch, & Atlassian talking over drinks about Frontend, JavaScript, and career development.
Feel like you’re hitting a wall with your existing software projects? You're not alone. On the Maintainable software podcast, we speak with seasoned practitioners who have worked past the problems often associated with technical debt and legacy code. In each episode, our guests will share stories and outline tangible, real-world approaches to software challenges. In turn, you'll uncover new ways of thinking about how to improve your software project's maintainability.
PodRocket covers everything you need to know about frontend web development on a weekly basis. Join LogRocket cofounder Ben Edelstein, the LogRocket engineering team, and more, as they interview experienced developers about all the libraries, frameworks, and tech industry issues they deal with every day.
It takes more than great code to be a great engineer. Soft Skills Engineering is a weekly advice podcast for software developers.
The Stack Overflow podcast is a frank and funny conversation about what it means to work in software and how code is reshaping our world. As it celebrates its 12th anniversary, it’s a must-listen for any programmer, as necessary as Stack Overflow itself.
On The Bike Shed, hosts Joël Quenneville and Stephanie Minn discuss development experiences and challenges at thoughtbot with Ruby, Rails, JavaScript, and whatever else is drawing their attention, admiration, or ire this week.
Web toys, experiments, and delightful distractions.
Geomini is a geometric font. It draws inspiration from Tratex, the font used on Swedish traffic signs. Design started in 2025, currently ongoing. Remix and publish your own version. Simply click the big letters.
A guide to common pages you can add to your website. Slash pages are common pages you can add to your website, usually with a standard, root-level slug like /now, /about, or /uses. They tend to describe the individual behind the site and are distinguishing characteristics of the IndieWeb.
Nekoweb is a free static website hosting service, created in 2024 by a group of coders, programmers and artists, passionate for the old web and personal websites. Social media is too limiting. We believe that everyone should be able to freely express themselves in their own little corner of the web, without having to worry about things like algorithms, tracking, or advertisements. Nekoweb is free of any advertisements, and is run completely by donations from its users.
A free chatbox for your site. Cbox is an embedded real-time chat web app. It's perfect for live-streaming, online communities and events.
Communities, forums, and places to hang out.
Nekoweb is a free static website hosting service, created in 2024 by a group of coders, programmers and artists, passionate for the old web and personal websites. Social media is too limiting. We believe that everyone should be able to freely express themselves in their own little corner of the web, without having to worry about things like algorithms, tracking, or advertisements. Nekoweb is free of any advertisements, and is run completely by donations from its users.
This site is dedicated to a community (and a larger movement) about the internet how it's changed. We are creating, discovering and enjoying websites and digital spaces.
Product Hunt surfaces the best new products, every day. It's a place for product-loving enthusiasts to share and geek out about the latest mobile apps, websites, hardware projects, and tech creations.
CodePen is a social front-end development environment. Write code in the browser, and see the results of it as you build. Browse the community to find inspiration and MIT licensed code snippets.
This site was built to share and revel in each others’ personal sites. Witness these in wonderment and awe. Immaculate. Stunning. How did they do that? Yes, you should definitely get around to redesigning yours soon.
Job boards, interview prep, and career resources.
If You Could Jobs is a quick and easy way to browse hundreds of roles across the creative industries. Whether you’re just starting out or planning your next move, you’ll find new opportunities added daily.
Discover the best remote and work from home jobs at top remote companies.
It takes more than great code to be a great engineer. Soft Skills Engineering is a weekly advice podcast for software developers.
Access a catalog of verified, trusted talent. Expand your team as needed with experienced freelancers already vetted for business projects or sign-up yourself to offer business services.
Get paid to share your perspective on websites and experiences and make money online in your spare time
You Got This! is a learning hub focused on core skills needed for a happy and healthy work life.
This website is the result of over three years of research and work by a team of people from across Canada and the United States. The content originally grew out of a book co-wrote with Billy Parish called Making Good and has subsequently evolved along with our work into a new book 50 Ways to Get a Job: An Unconventional Guide to Finding Work on Your Terms.
In this book, Isabel Nyo shares practical advice and useful tips to help you succeed in the software development industry. The book is organised into 4 parts - Exploring, Landing, Performing and Accelerating.
A curated collection of common interview questions to help you prepare for your next interview.
Testing tools and QA resources.
This website provides a window into how people are interacting with the US government online. The data come from a unified Google Analytics account for U.S. federal government agencies known as the Digital Analytics Program. This program helps government agencies understand how people find, access, and use government services online. For everyone else, it's an interesting look in to browser and device statistics with a huge sample size to help you build with current usage trends in mind.
Bruno is a Fast and Git-Friendly Opensource API client, aimed at revolutionizing the status quo represented by Postman, Insomnia and similar tools out there.
The internet is the world's largest coal-powered machine. Check if your website runs on green energy — and help make the internet fossil-free.
Your software and your users rely not only on the code you write, but also on the code your code depends on, the code that code depends on, and so on. An accurate view of the complete dependency graph is critical to understanding the state of your project. And it’s not just code: you need to know about security vulnerabilities, licenses, recent releases, and more.
With CronTool you can edit, debug and view one or multiple crontab / cron expressions on a calendar - all online & free forever. The last cron expression editor you'll ever need. Share cron jobs with your team, write AWS & Vercel cron jobs and more.
Detailed internet speed test using Cloudflare servers. speed.cloudflare.com is a tool that allows you to measure the speed and consistency of your connection to the Internet. You can use it to verify that the speed your ISP promised you is the speed you are getting, compare different ISPs or test network connectivity in different parts of your house. The measurements run on the Cloudflare network, which spans data centers in over 300+ cities worldwide. This ensures you are testing against a server that is close to you, which means you are measuring only the speed of your ISP, with minimal networks in between that may impact your score.
Laravel Playground allows you to try out PHP and Laravel all from your browser. You have access to all Laravel classes and an extensive list of included Laravel packages (like Laravel DebugBar).
Machine learning and generative AI tools.
Freemium stock photos, graphics, icons, videos, audio and more with AI tooling.
Remove background noise, filler words, long silence, and mouth sounds from your podcast using AI.
Exploring how User Experience will evolve with the growth of Artificial Intelligence. The rise of AI has caused a paradigm shift in how people interact with technology. Our interfaces may evolve, but the foundations of great design are more relevant than ever. This is the UX of AI.
We've analysed 16267 AI Tools and identified their capabilities with OpenAI GPT-4/4o, to bring you a free list of 82363 tasks of what AI can do today.
Self-hosted alternatives and open source gems.
Ava (Addy’s very adaptable) CMS (Content Management System) is a fast, flexible, file-based PHP CMS for bespoke websites. Create a file, write in Markdown (with optional HTML), and you have a page. Edit it, refresh, and it’s live — no build step.
Open source Zapier alternative. Automatisch helps you to automate your business processes without coding.
A curated collection of the best open source alternatives to software that your business requires in day-to-day operations.
A guide to common pages you can add to your website. Slash pages are common pages you can add to your website, usually with a standard, root-level slug like /now, /about, or /uses. They tend to describe the individual behind the site and are distinguishing characteristics of the IndieWeb.
Easily search and compare among 49,236 servers from 708 different providers.
Easy web analytics. No tracking of personal data. GoatCounter is an open source web analytics platform available as a hosted service (free for non-commercial use) or self-hosted app. It aims to offer easy to use and meaningful privacy-friendly web analytics as an alternative to Google Analytics or Matomo.
Free and open source design presentation and collaboration platform. Presentator is an online presentation tool developed especially for web designers. Its main goal is to be simple as much as possible, ease to use, WITHOUT ads and any irritating restrictions like maximum number of projects, prototypes, screens, etc.
Dub is an open-source link shortener with built-in analytics and free custom domains.
This site is dedicated to a community (and a larger movement) about the internet how it's changed. We are creating, discovering and enjoying websites and digital spaces.