John Cox

Blogs · @wyome · Now · Shelf

Tagged design · everything

Interesting

noupe

jQuery Menus with Stunning Animations - Noupe Design Blog

This article curates a collection of jQuery tutorials for creating visually appealing navigation menus with various animation effects—including scrollable thumbnails, drop-down menus, overlay effects, and bounce animations. It argues that attractive, animated menus are essential for user retention since visitors judge a site's quality within seconds and will leave if navigation is unappealing. The piece serves as a resource guide linking to multiple jQuery menu implementations rather than providing original instruction.

Permalink designanimationtutorialjquery

noupe

Tips and Tricks On How To Become a Presentation Ninja - Noupe Design Blog

This guide breaks presentation design into three phases—planning, producing, and performing—with the core argument that presentations are performances designed for specific audiences, not artistic expressions. Key principles include avoiding bullet points (which force audiences to process competing visual and verbal information simultaneously), using visuals to support rather than duplicate your spoken words, and applying design principles like simplicity and aesthetic beauty to build audience trust and focus. The practical workflow emphasizes extensive preparation: knowing your audience, outlining with the "tell them what you'll say, say it, tell them what you said" structure, sketching on paper before digital production, practicing four rehearsal rounds, and delivering with confident body language and strategic pauses rather than relying on notes or screens.

Permalink designcommunicationtipspresentation

A List Apart

A Simpler Page

# Summary This essay argues that tablet reading design must reconcile the physical boundaries of the device with the potential for infinite content scrolling, and presents Bibliotype, an open-source HTML/CSS/JavaScript template designed to establish typographic baselines for long-form reading on iPads. Rather than forcing print design conventions onto tablets, the author proposes designing specifically for three reading distances (close in bed, medium on a lap, far at a table) across both portrait and landscape orientations, and advocates for HTML5-based formats like ePub3 as the future of digital publishing rather than proprietary app ecosystems. The template provides practical tools for testing font sizes, line lengths, margins, and layout grids to achieve comfortable readability in these varied contexts.

Permalink design

lamb.cc

Typograph (lamb.cc)

An interactive exploration of how typographic scale and rhythm work together on web pages, using Robert Bringhurst's principles as a foundation. The piece explains how to establish a base font size on the body element, set appropriate line-height to create vertical rhythm (symbolized as λ), and then compose all other type sizes in relation to this baseline using the em unit, allowing the entire design to scale proportionally. Draggable interface elements let readers experiment with different typographic scales (traditional, Fibonacci, Modular) and see how subheadings can be adjusted while maintaining the vertical grid that keeps text aligned to consistent rhythm.

Permalink designtutorialcss3

webdesignledger.com

35 New Clean & Minimalist Websites to Inspire You

I don't have an article to summarize here. What you've provided appears to be a comments section from a blog post about minimalist web design, but the actual article content—the main piece that Gisele Muller wrote showcasing minimalist websites—is not included in the material you shared. To write an accurate summary of what the piece argues or reports, I would need the body of the original article itself.

Permalink designminimalism

www.mattdempsey.com

Matt Dempsey - Web and Print Designer

A panel discussion examined how AI is actually being deployed in regulated industries, finding that organizational culture and willingness to experiment matter more than the technology itself—the real bottleneck isn't capability but absorption. The conversation surfaced a genuine challenge around junior roles: if AI eliminates the repetitive "grunt work" that traditionally teaches newcomers through osmosis, companies need to deliberately redesign entry-level positions to develop talent differently. The panelists also cautioned against designing systems around current AI limitations like hallucination and context windows, since these constraints are being solved rapidly enough that overly conservative architectural choices will quickly become unnecessarily restrictive.

Permalink designaileadershipbusiness

Little Big Details

Little Big Details

I can't summarize this content because it doesn't appear to be a saved article. It's a list of UI/UX design details and microinteractions from various platforms (Twitter, Google, Outlook, Slack, etc.), presented as disconnected bullet points rather than a cohesive piece with an argument or narrative. To write a meaningful summary, I'd need an actual article—something that makes a sustained argument, reports on findings, or tells a story that has a discernible beginning, middle, and end.

Permalink productivitydesigntips

Smashing Magazine

Equal Height Column Layouts with Borders and Negative Margins in CSS - Smashing Magazine

This article demonstrates three progressive CSS techniques for creating layouts with equal-height columns using only borders and negative margins, without relying on images, extra markup, CSS3, pseudo-classes, JavaScript, or absolute positioning. The author builds a two-column layout by using a border on one column to create the background color for the other, then extends this approach to two-column and three-column layouts with vertical borders between columns, explaining the underlying CSS concepts like block formatting contexts, stacking order, and positioning needed to make each technique work.

Permalink designdevelopmenttutorial

letteringjs.com

Lettering.js - A jQuery plugin for radical web typography.

Lettering.js is a jQuery plugin that wraps individual letters in HTML spans, enabling designers to apply CSS styling to single characters rather than entire words or lines. This solves the limitation of CSS, which lacks granular typographic control, and allows for effects like custom kerning, decorative letter treatments, and editorial design techniques that would otherwise require images or workarounds.

Permalink designjquerycss3

msdn.microsoft.com

Script Junkie | The Ins and Outs of CSS Resets

Browsers apply different default styles to HTML elements because the HTML standard specifies only content structure, not presentation, leaving each browser to implement its own baseline styling—resulting in elements like headings and paragraphs rendering at different sizes and margins across browsers. The article explains how this fundamental inconsistency causes layout problems and demonstrates several approaches to solve it, from manual resets to comprehensive frameworks like YUI Reset and Eric Meyer's Reset, which systematically override browser defaults to create a predictable foundation for consistent cross-browser design. While a CSS reset requires additional work to re-style elements afterward, establishing this uniform baseline prevents the cascade of layout issues that arise from seemingly minor rendering differences.

Permalink designtutorialcss3

Web Designer Notebook

Web Designer Notebook » Are CSS Frameworks Evil?

The author reconsiders their initial dismissal of CSS frameworks after experimenting with Blueprint, 960 Grid System, and YUI 3 Grids for wireframing projects. While acknowledging the valid criticisms about non-semantic class names and code bloat, they argue that frameworks provide genuine practical value by offering solid foundations that save time, particularly for quick projects, prototypes, and teams where consistency matters more than perfect code purity. The author concludes that frameworks are a reasonable tool when circumstances call for them, even if custom, semantically pure CSS remains the ideal in many situations.

Permalink designcss3

Baekdal

Print vs. iPad vs. Web (by @baekdal) #analysis

The piece argues that iPad magazine apps, including the Wired app it praises for its visual design but criticizes for overloading the reader, are still print magazines in digital form and miss what the iPad could be. The author contends the iPad is "the next web," a mobile, live, connected medium, and that publishers should stop treating it as a new printing surface. The closing argument is that Apple's closed ecosystem (monthly downloads, locked-in sharing, iAds, Ping) works against that connected future, so the real shift is from disconnected to connected rather than from paper to screen.

Permalink designmediadigitalipad

WordPress

An (Almost) Complete Guide to CSS3 Multi-column Layouts | kmsm

This isn't a saved article—it's a cookie consent notice explaining different categories of tracking technologies. The page distinguishes between necessary cookies (required for basic functionality), functional cookies (for features like social sharing), analytical cookies (for traffic metrics), and advertisement cookies (for personalized ads and campaign measurement).

Permalink designtutorialcss3

Web Designer Depot

Our Favorite Tweets of the Week Sep 19-Sep 25, 2010 | Webdesigner Depot

This is a weekly curated collection of links from Designer Depot's Twitter feed, featuring a mix of design inspiration, web development resources, and visual culture content. The selection includes articles on CSS3 techniques, typography experiments, HTML5applications, design showcases, and cultural content ranging from virtual museum tours to photography, highlighting the diverse interests of the web design community. The post encourages readers to follow @DesignerDepot on Twitter to stay updated on all shared content, not just this condensed weekly summary.

Permalink design

cssglobe.com

Paul Boag - User Experience Advice

Calling BS on perfectionism | Boagworld

This post is a web designer's rant against the cult of design perfectionism, arguing that obsessing over detail wastes time and money, that "perfection" is too subjective to justify the arrogance it often carries, and that pragmatism suited to context, budget, and audience is the better standard. The author supports the case with a personal example: a deliberately simple, unpolished youth group site built in iWeb, which he defends as the right solution for a project with no budget and a small audience. It is worth keeping as a concise, opinionated counterpoint to the perfectionist ethos, prompted by Karl Mendes's earlier post and reinforced by a quotation from 37signals' *Rework*.

Permalink productivitydesign

Lifehacker

How to Make the Most of a Small Workspace

Small workspace design requires bold choices rather than timid minimalism—pick one strong color or feature rather than playing it safe with bland whites and neutrals. Beyond aesthetics, success depends on ruthless daily purging and smart organization based on how frequently you use items, combined with strategic use of vertical wall space and good lighting to make the area feel larger and more functional. The key is treating your entire desk as a "deal with it now" zone where clutter instantly becomes visible, forcing you to maintain systems that prevent the small space from becoming overwhelmed.

Permalink productivitydesigndiyorganization