Piccalilli
Front-end education for the real world. Courses, articles, and a newsletter to level up your web skills.
// 727 links and counting
Curated tools & resouces
for people who build websites
A lovingly curated collection of tools, resources, and inspiration for designers and developers. No fluff, just the good stuff.
school
View all 84 arrow_forward
Level up
Courses, tutorials, interesting research and docs to learn from.
Analytics.usa.gov
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.
Go Make Things
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
How DNS Works by DNSimple is a cute, engaging comic exploring the inner workings of the global domain name system.
Dark Patterns
Discover a variety of dark pattern examples, sorted by category, to better understand deceptive design practices.
Inside Modern Browsers
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.
84 links
design_services
View all 92 arrow_forward
Design tools
UI kits, design systems, and everything visual.
WebTUI
A modular CSS library that brings the look and feel of terminal UIs to the browser. Pure CSS, easily themable, and open source.
iOS Icon Gallery
A free gallery of iOS app icons for inspiration. Browse by color, designer, year, and more.
CTA Gallery
Curated gallery of the best call-to-action (CTA) designs from across the web. Get inspired to boost conversions and creativity.
Flowbite Illustrations
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.
Humane by Design
Guidance and principles for designing humane digital products and services focused on user well-being and ethical design.
ShaderGradient
Create beautiful, moving gradients for your website or design projects. Available as a Figma and Framer plugin, and as a React component.
Vartype
A kinetic home for your variable fonts. Upload, explore, and interact with variable fonts in a playful, visual environment.
Envato Elements
One subscription for access to 26 million+ assets. Unlimited downloads & future-proof client-friendly licensing.
92 links
lightbulb
View all 68 arrow_forward
Get inspired
Galleries, showcases, and creative sparks.
iOS Icon Gallery
A free gallery of iOS app icons for inspiration. Browse by color, designer, year, and more.
CTA Gallery
Curated gallery of the best call-to-action (CTA) designs from across the web. Get inspired to boost conversions and creativity.
Vartype
A kinetic home for your variable fonts. Upload, explore, and interact with variable fonts in a playful, visual environment.
GOV.UK Design System
Thoroughly researched, industry leading design system for public services by the UK Government Digital Service. Great for inspiration & best practice on patterns and components.
Curated Design
Web design inspiration catalog. Unleash your creativity with out-of-this-world web design inspiration from across the web.
Deck Gallery
We curate beautifully designed decks, slides, keynotes, guidelines — or whatever you call them.
Design Systems Database
Best-in-class Design Systems with components and foundations references from top-tier tech companies and leading UI teams.
68 links
interests
View all 58 arrow_forward
Icons galore
Find the perfect icon for any project.
Envato Elements
One subscription for access to 26 million+ assets. Unlimited downloads & future-proof client-friendly licensing.
Freepik
Freemium stock photos, graphics, icons, videos, audio and more with AI tooling.
11,000+ Doodle Icons
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.
Pixel Emojis
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.
SVG Flag Icons
Explore over 200 optimized SVG country flag icons — Perfectly crafted on a 32px grid.
Material Icons
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.
Game Icons
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.
Animated Icons
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.
58 links
palette
View all 37 arrow_forward
Play with colour
Palettes, gradients, and colour magic.
Pokemon Palettes
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
Reasonable Colors is an open-source color system for building accessible, nice-looking color palettes.
fffuel
fffuel is a collection of color tools and free SVG generators for gradients, patterns, textures, shapes & backgrounds
UI Gradients
uiGradients is a community contributed collection of beautiful multi-color gradients.
Poline
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.
37 links
rss_feed
View all 27 arrow_forward
Worth reading
Blogs and publications with great content.
Piccalilli
Front-end education for the real world. Courses, articles, and a newsletter to level up your web skills.
Go Make Things
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.
Developer Blog List
A big pile of personal developer & designer blogs in an OPML file by Chris Coyier.
Inclusive Components
A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.
Build your own React
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 just great
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.
The Yesterweb
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.
Dense Discover
A thoughtful weekly newsletter helping you feel inspired, be productive & think critically.
Email is Good
Blog by CSS Tricks and CodePen founder Chris Coyier on email productivity.
27 links
podcasts
View all 19 arrow_forward
Headphones on
Listen and learn while you work.
Go Make Things
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.
Changelog Podcast
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.
Front End Happy Hour Podcast
A software engineering podcast featuring a panel of Software Engineers from Netflix, Twitch, & Atlassian talking over drinks about Frontend, JavaScript, and career development.
Maintainable Podcast
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 Podcast
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.
Soft Skills Engineering Podcast
It takes more than great code to be a great engineer. Soft Skills Engineering is a weekly advice podcast for software developers.
StackOverflow Podcast
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.
The Bike Shed Podcast
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.
19 links
celebration
View all 52 arrow_forward
Take a break
Web toys, experiments, and delightful distractions.
Geomini Remixable Font
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.
Slash Pages
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
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.
Cbox Live Chat
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.
52 links
groups
View all 9 arrow_forward
Find your people
Communities, forums, and places to hang out.
Nekoweb
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.
The Yesterweb
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
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
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.
Personal Sites
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.
9 links
work
View all 15 arrow_forward
Career moves
Job boards, interview prep, and career resources.
If You Could Jobs
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.
Himalayas Remote Jobs
Discover the best remote and work from home jobs at top remote companies.
Soft Skills Engineering Podcast
It takes more than great code to be a great engineer. Soft Skills Engineering is a weekly advice podcast for software developers.
Fiverr Business
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.
UserTesting
Get paid to share your perspective on websites and experiences and make money online in your spare time
You Got This!
You Got This! is a learning hub focused on core skills needed for a happy and healthy work life.
50 Ways to Get a Job
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.
Career Guide For Software Developers
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.
30 Seconds of Interviews
A curated collection of common interview questions to help you prepare for your next interview.
15 links
bug_report
View all 41 arrow_forward
Ship with confidence
Testing tools and QA resources.
Analytics.usa.gov
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 API Client
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.
Green Web Foundation
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.
Open Source Insights
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.
Cron Debugger
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.
Cloudflare Internet Speed Test
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
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).
41 links
smart_toy
View all 22 arrow_forward
AI-powered
Machine learning and generative AI tools.
Freepik
Freemium stock photos, graphics, icons, videos, audio and more with AI tooling.
Cleanvoice
Remove background noise, filler words, long silence, and mouth sounds from your podcast using AI.
Shape of 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.
What Can AI Do Today?
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.
22 links
home_storage
View all 18 arrow_forward
Own your stack
Self-hosted alternatives and open source gems.
Ava CMS
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.
Automatisch
Open source Zapier alternative. Automatisch helps you to automate your business processes without coding.
OpenAlternative
A curated collection of the best open source alternatives to software that your business requires in day-to-day operations.
Slash Pages
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.
Server Hunter
Easily search and compare among 49,236 servers from 708 different providers.
GoatCounter
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.
Presentator
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 Link Shortener
Dub is an open-source link shortener with built-in analytics and free custom domains.
The Yesterweb
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.
18 links