John Cox

Blogs · @wyome

Tagged design · everything

CSS Transitions 101 | Webdesigner Depot

CSS transitions, newly introduced in CSS Level 3 as a Webkit extension, enable smooth animated changes between element states (such as hover effects) without requiring JavaScript libraries like jQuery, using just a few lines of code. The property takes four parameters—which CSS property to animate, duration, timing function, and optional delay—and can transition nearly any property with color, length, or position values, making it ideal for enhancing user experience with polished interactions like button rollovers and dropdown menus. However, since transitions only work in Webkit browsers (Safari and Chrome) at the time of writing, they should be used as progressive enhancements for design rather than relied upon for core functionality.

Permalink

40 Brilliant Type-Only Logo Designs | Web Design Ledger

Effective logos don't require icons or symbols—thoughtful typography alone can create strong brand identity when letters and typefaces become visually inseparable from the company they represent. The post showcases 40 examples of type-only logos that demonstrate how creative letterform styling, negative space, and typography can communicate brand essence without pictorial elements.

Permalink

Minimalist Web Design: When Less is More | Webdesigner Depot

Minimalist design removes superfluous elements to make content the focal point, but many designers struggle to execute it without making pages look bare or unfinished. The article outlines specific strategies for success: ruthlessly cut content to essentials, create a thoughtful wireframe that establishes visual hierarchy, use generous white space, and maintain strong fundamentals like balance and alignment—allowing one focal point (whether color, typography, or a graphic element) to carry visual interest. The piece warns against over-designing as habit and notes current minimalist trends like black-and-white palettes, interesting typography, and subtle Flash animations.

Permalink

12 Useful Tutorials to Style Web Forms

I cannot provide the summary you've requested because the text provided does not contain an article with a clear argument or report. Instead, it shows a comments section from a web development blog with a brief author bio and several user comments about form plugins and web development topics. Without access to the actual article content that these comments reference, I cannot summarize what the piece argues or reports.

Permalink

40 Beautiful Dark Website Designs | Spyre Studios

This is a curated gallery of 40 websites featuring dark color schemes and backgrounds, presented as design inspiration for web designers. Rather than analyzing design principles, the piece simply catalogs examples with links, ranging from portfolio sites to commercial businesses to creative agencies, demonstrating that effective web design need not rely on the minimalist white-background aesthetic that dominates business websites.

Permalink

Stop designing websites, start designing posters « Boagworld

A new generation of websites are adopting poster-like design principles—being visually striking while maintaining usability through clear hierarchy and scanability—demonstrating that web designers can break from convention and differentiate their work without sacrificing functionality. The author argues that print design, particularly posters, offers valuable lessons for the web: they must grab attention, communicate key information at a glance, and provide deeper content for engaged viewers, principles that translate effectively to contemporary web design. Rather than choosing between safety and creativity, designers can look beyond the web for inspiration and reject outdated constraints like "the fold" while still adhering to core usability principles.

Permalink

Showcase of Beautiful Typography in Web Design - Noupe

I don't have a specific article to summarize from this page. What you've shared appears to be a list of article titles and brief preview text from a business/technology website, but no single article is selected for me to summarize. If you'd like me to summarize one of these pieces, please specify which article you'd like me to focus on, or share the full text of the article you saved. Then I'll provide a concise two or three-sentence summary explaining what it actually argues or reports.

Permalink

55+ Extremely Useful Online Generators for Designers

This post curates a comprehensive directory of over 50 free online generator tools organized by category—including background, favicon, color, CSS, form, and text generators—designed to help web designers automate repetitive tasks and save time during the design process. The author hand-picked each tool and grouped them for easy browsing, emphasizing that these generators produce quality results while dramatically reducing design workload. The post invites readers to contribute additional generator tools they've found useful to expand the collective resource.

Permalink

Preloaders.net | Free AJAX animated loading gif's | Rectangular

I'm not able to summarize this content as requested. What you've shared appears to be the interface and settings of an animated loading/preloader generator tool, rather than a saved article with an argument or report. It contains only UI elements, options menus, and feature descriptions with no substantive text to summarize. If you meant to save an article or piece of writing, please share that instead.

Permalink

Outlaw Design Blog » 50 Custom Mac Desktop Screenshots

# Episode 16 - Building a Feedback Community Carl Smith discusses how to establish a community where designers can give and receive constructive feedback on their work, emphasizing the value of peer critique in improving design practice. # Episode 15 - How to Review Your Portfolio The episode explores strategies for curating which projects to display on social media design platforms like Behance, focusing on selecting work that best represents your skills and attracts the right clients. # Episode 14 - Where Does Customer Service End? Using Zappos as a model, the episode examines how far designers should go in exceeding customer expectations and when going above and beyond might cross into unsustainable service territory. # Episode 13 - Screencasting for Communication Screenr is an online screencasting tool created by 45 Royale that simplifies video creation by allowing users to sign up via Twitter and record screen demonstrations, useful for design communication and client presentations. # 50 Clean, Sleek, and Modern Website Designs A showcase of contemporary websites exemplifying minimalist and modern design principles, curated to inspire designers interested in clean, simple aesthetic approaches.

Permalink

Font Matrix

This is a reference chart showing which fonts are available across different operating systems and software applications, with X marks indicating compatibility across Mac OS, Windows, Office suites, and Adobe Creative Suite versions. It serves as a practical tool for designers selecting typefaces that will reliably render across multiple platforms and programs without requiring font embedding or substitution.

Permalink

Best of CSS Design 2007

The author compiled fifty websites selected from Best Web Gallery, a CSS and Flash design gallery he founded in 2006, representing what he considered the best web designs of 2007. Each entry includes a brief annotation highlighting distinctive design elements—typography, color use, layout innovation, or artistic effects—that made the site noteworthy. The list serves as a snapshot of web design trends from that period, ranging from minimalist portfolios to richly illustrated commercial sites, demonstrating the variety of successful approaches to web design at the time.

Permalink

UI-patterns.com

This page is a resource hub for UI design patterns—reusable solutions to common design problems organized into categories like navigation, data handling, onboarding, and persuasive design. It offers both physical card decks ($49 each) and digital collections covering UX patterns, business models, and cognitive/behavioral principles, along with curated screenshot libraries of real-world implementations like pricing tables and account registration flows. The site positions design patterns as a reference tool to help designers understand and solve recurring problems by studying proven examples.

Permalink