John Cox

Blogs · @wyome

Tagged design · everything

Online Icon Maker

This is a free online favicon creator tool that lets users design 16x16 pixel icons using basic drawing tools like a pencil, line tool, and color picker, with the ability to upload and convert existing images or download the finished favicon. The tool supports custom hex color input and offers options to clear the canvas or erase individual pixels, though the creator recommends their professional 3D editor for more advanced effects like shadows and smooth edges.

Permalink

50 Beautiful CSS-Based Web-Designs in 2006 | Smashing Magazine

Smashing Book #5 is a 584-page hardcover guide offering practical front-end techniques and design patterns from experienced web professionals tackling real responsive design projects. The 13 chapters cover essential topics including responsive workflows, SVG mastery, Flexbox layouts, web fonts, responsive images, email design, testing and debugging, performance optimization, and strategies for maintaining creativity within systematic design processes. Rather than chasing trends, the book focuses on battle-tested methods that solve actual problems in responsive web design, from complex components like tables and navigation to offline functionality and client collaboration workflows.

Permalink

More Symbols, Buttons and Icons For Free | Smashing Magazine

A curated collection of 55+ free professional icon sets suitable for web and desktop design, featuring both original designs created for Smashing Magazine and notable sets from other sources. Most sets are available in multiple formats (PNG, ICO, PSD, EPS) and resolutions, with licenses generally permitting free use in private and commercial projects, though redistribution and resale are typically prohibited. The compilation includes thematic sets ranging from social media and office tools to horror, sports, and 3D graphics, along with links to download each package.

Permalink

ColorJack: Studio (beta)

This is a portfolio or landing page showcasing a collection of browser-based creative tools and apps designed for drawing, music learning, color theory, mindfulness, and generative art. Each tool emphasizes accessibility (many free), playfulness, and educational value, with examples including a drawing sketchpad, an interactive color piano for learning music theory, a mindfulness journaling app, color palette generators, and ambient generative art tools. The page suggests the creator or organization also offers custom interactive tool development for clients seeking educational or experiential digital experiences.

Permalink

Smashing Magazine | Blog Archive » CSS-Based Forms: Modern Solutions

Smashing Book #5 is a 584-page hardcover guide featuring practical front-end techniques and design patterns for responsive web design, drawing from real-world projects rather than short-lived trends. The book covers 13 chapters addressing responsive workflow, SVG, Flexbox, web fonts, responsive images, email design, testing, performance optimization, and offline functionality, written by respected designers and developers like Sara Soueidan, Zoe Gillenwater, and Yoav Weiss. It emphasizes scalable design systems, pragmatic solutions to complex responsive challenges, and balancing creative design with predictable processes to build memorable, maintainable websites.

Permalink

Logo Maker - Logo Creator - Online Logo Design

LogoMaker is an AI-powered platform that generates professional logos in three steps: entering your company name and industry, browsing thousands of AI-generated designs, and customizing colors, fonts, and layout. The service is free to use for design creation, though saving and downloading high-resolution files or printing on branded products requires a low-cost purchase starting at $2.99 per month. Beyond logos, LogoMaker offers integrated services for creating business cards, custom apparel, websites, and promotional merchandise all from one account.

Permalink

Stu Nicholls | CSSplay | CSS only menus

This page catalogs dozens of CSS-based navigation menu implementations spanning from 2014 to 2026, ranging from simple dropdowns to complex tree menus using various CSS techniques like :focus-within, :has(), details/summary elements, and the newer popover API. The author notes that older implementations from 2005 have been removed as outdated, and while the menus work in current browsers, compatibility varies across older versions and different platforms, with some Mac-specific issues reported.

Permalink