John Cox

Blogs · @wyome · Now · Shelf

Tagged design · everything

Interesting

webdesignledger.com

55 Beautifully Blue Web Designs to Inspire You | Inspiration

This article is a curated gallery of web designs that use blue as a primary or accent color, demonstrating various approaches from full-page blue backgrounds and gradients to blue typography and iconography. The piece argues that blue is a versatile and evocative color choice in web design that conveys freedom, freshness, elegance, and style, making it suitable for creating visually striking websites whether used minimally or comprehensively. The author provides over 40 real-world examples across different industries to inspire designers considering blue in their own projects.

Permalink designcolor

DzineBlog.com

Best User Interface Design Resources: The Round-up | Dzine Blog

This piece curates 40 user interface design resources across five categories: pattern libraries like PatternTap and UI Patterns that showcase existing design solutions, blogs and magazines such as UX Booth and Signal vs. Noise that discuss UX principles and techniques, specific websites praised for exemplary interface design, web applications like Twitter and Google Analytics that demonstrate usability best practices, and influential UI designers to follow on Twitter. Rather than prescribing one correct approach to design, the article presents these resources as inspiration and guidance tools to help designers understand what users might need and create interfaces that balance aesthetics with functionality.

Permalink designtoolstutorialusability

webdesignledger.com

50 Retro and Vintage Web Designs to Inspire You | Inspiration

I can't write a summary of this piece because it isn't an article with an argument or thesis—it's a curated list of approximately 50 website links organized under the theme of retro and vintage design. The author briefly explains their inspiration (discovering matchbook typefaces) and their appreciation for vintage aesthetics, then presents the collection without analysis or reporting. There's nothing to summarize in the traditional sense.

Permalink designvintage

Flickr

Flickr: The Commons

The Flickr Commons is a collaborative platform launched in 2008 by Flickr and the Library of Congress that allows over 100 cultural institutions to publicly share photographs from their archives. The program aims to increase public access to photography collections, enable crowdsourced metadata improvements, and facilitate knowledge contribution from users while ensuring the long-term preservation of these digitized materials. Cultural institutions with photography collections can register to participate and contribute their holdings to the growing commons.

Permalink designculturehistoryphotography

stellar-one.com

US Federal Government Public Domain Images - Primarily Photos

This resource provides a comprehensive directory of links to public domain image collections maintained by U.S. federal agencies, including NASA, the National Park Service, the U.S. Geological Survey, and numerous others. Most images hosted on federal government websites are in the public domain with no copyright restrictions, though some printed publications may contain licensed photographs. The page serves as a practical guide for locating free-to-use images across dozens of specialized collections spanning natural resources, scientific research, historical documentation, and environmental topics.

Permalink designphotographyimages

www.burningwell.org

BurningWell.Org - Free Public Domain Images and Photos

BurningWell is a free image repository where photographers from around the world have donated public domain photos available for any use without restriction. The site organizes images by categories like landscapes, animals, people, and textures, and actively seeks additional photo donations from users. It serves practical needs for people creating media on tight budgets, such as church communications teams.

Permalink designphotographyopensourceimages

Codrops

A Fresh Bottom Slide Out Menu with jQuery | Codrops

This tutorial demonstrates how to build a slide-out menu that emerges from the bottom of a container, with menu items displaying titles, descriptions, and icons that animate on hover. The implementation uses semantic HTML markup with nested spans and icon elements, CSS3 for styling with shadows and rounded corners, and jQuery to animate the link and icon positions when users interact with menu items. The key technique involves positioning elements with negative values and then animating those positions on hover to create the sliding effect.

Permalink designtutorialjquerycss3

CSS-Tricks

Grid Accordion with jQuery | CSS-Tricks

A "grid accordion" is a table layout where each column contains accordion-style content panels that expand when clicked, with the column width automatically enlarging to accommodate readable text while others shrink. The article walks through the HTML structure using semantic definition lists, CSS techniques for accessibility (positioning hidden content off-screen rather than using display:none so screen readers and jQuery animations work properly), CSS3 styling with :nth-of-type selectors, and jQuery delegation to handle click events efficiently and allow images to toggle column expansion.

Permalink designtutorialjquerycss3

www.askthecssguy.com

Showing Hyperlink Cues with CSS (Ask the CSS Guy)

This tutorial demonstrates how to use CSS attribute selectors to automatically display contextual icons next to hyperlinks based on their destination—such as PDF files, external sites, or mailto links—without requiring additional HTML classes or markup. The technique uses selectors like `a[href$='.pdf']` (ends with), `a[href^='mailto:']` (starts with), and `a[class~='popup']` (contains word) to target links and add background images with padding, and was supported in IE7, Firefox, and Safari at the time of writing.

Permalink designaccessibilitytutorialcss3

www.minimalistdesign.org

Minimalist Design Magazine | Design Inspiration Showcase

Minimalism is a design philosophy focused on eliminating unnecessary elements to emphasize purpose and intentionality, rather than simply creating sparse or uncomplicated visuals. Contrary to common misconception, minimalist design requires significant skill and thought to execute well, as designers must carefully select and optimize each element rather than omitting details carelessly. The approach works across various contexts—from restaurants to bathrooms to homes—by consciously choosing minimal elements that interact harmoniously with their surroundings to create a cohesive, uncluttered aesthetic.

Permalink designminimalismarchitectureinterior

InstantShift - Web Designers and Developers Daily Resource.

60+ Latest High-Quality Free WordPress Themes | Wordpress | instantShift

I can't provide a summary of this content because it's not an article or piece of reporting—it's a directory listing or catalog of WordPress themes with links and navigation elements. There's no argument being made or report being delivered; it's essentially a structured collection of product links organized by category. If you'd like me to summarize an actual article you've saved, please share that instead.

Permalink designopensourcewordpress

mogdesign.eu

Web Designer Depot

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 designtutorialcss3

webdesignledger.com

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 designjquerylogo design

Web Designer Depot

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 designminimalismtutorial