John Cox

Blogs · @wyome

Tagged design · everything

sickdesigner.com

Sickdesigner.com | HTML5 Starter Pack – a sick freebie

The author presents a scalable HTML5 starter pack designed to jumpstart web projects while minimizing tedious setup work, featuring cross-browser compatibility (including IE6), responsive design via CSS media queries, included web fonts, and a bonus Photoshop template for design mockups. The pack prioritizes practical reusability with structural CSS classes and has been updated to properly support @font-face implementation based on user feedback. It's positioned as a middle ground between rigid templates and building from scratch, demonstrated through a project page built with the pack itself.

Permalink designtoolsframework

net.tutsplus.com

Top 50 Web Graphics, Admin Skins and Scripts to Accelerate Development | Nettuts+

This article showcases a curated selection of ready-made design assets and scripts available on Envato's marketplace sites, including admin panel templates, web graphics, error page designs, and jQuery plugins that developers can purchase and integrate into their projects. The featured items span practical tools like sticky navigation menus and image sliders to visual elements like ribbons, buttons, and 404 page templates, all created by freelance authors in the Envato community. The piece concludes by promoting the opportunity to become a marketplace author and earn passive income by selling similar design assets.

Permalink designdevelopmenttoolstutorial

meyerweb.com

CSS Tools: Reset CSS

Eric Meyer's CSS reset stylesheet removes default browser styling inconsistencies in margins, padding, line heights, and font sizes across HTML elements, providing a neutral baseline for custom styling. The reset is intentionally generic and positioned as a starting point rather than a finished product—users are expected to customize it with their own color schemes, typography, and design preferences. The stylesheet is explicitly released into the public domain and has become widely adopted in CSS frameworks like Blueprint.

Permalink designtoolsopensource

flipc.blogspot.com

The Mad Ranter: Damn IE7 and inline-block

The author documents the frustrating incompatibilities of making list menu items display horizontally across different browser versions, explaining that while the CSS `inline-block` property should solve this problem elegantly, Internet Explorer requires multiple browser-specific hacks involving `zoom:1`, `*display: inline`, and `_height` declarations to function properly. The piece serves as a practical workaround guide for developers struggling with IE6 and IE7's flawed implementation of layout properties, detailing exactly which CSS tricks target which browser versions.

Permalink designtutorialinternetcss3

webdesignledger.com

50 Inspiring Examples of Hand Drawn Elements in Web Design | Inspiration

I can see this is a webpage showing comments on an article, but the actual article content itself isn't included in what you've provided. The page shows Gisele Muller's profile (indicating she's interested in communication, technology, web design, and creativity) and numerous reader comments praising a collection of websites featuring hand-drawn design elements and illustrations. Without access to the original article text that prompted these comments, I cannot write an accurate summary of what the piece argued or reported. Could you provide the actual article content?

Permalink design

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