Design

Download, copy and paste tech icons in SVG and PNG format for your projects.

I have worked with dozens of teams surprised to have have found themselves in the JavaScript ditch. They all feel ashamed because they've been led to believe they're the first; that the technology is working fine for other folks. It isn't.

Alex Russell on browsers, standards, and the process of progress.

Since 2010. Created by Austin Radcliffe. ©

Pin Point: The Most Common 4-digit PIN numbers by Information is Beautiful was a redesign of Nick Berry’s original work. Having a pin that’s easy for you to remember, could also be an easy one to guess. Check out this infographic and see how safe your favorite PIN may be. Chip and PIN card, p

The cool sci-fi robots, mechs and vehicle concept designs of Inka Shu, a freelance concept designer based in ShenZhen, China

With over 100 years in the industry, our craftsmen have perfected the art of architectural millwork and woodwork design. Together with architects, designers, and contractors, Fetzer Architectural Woodworking continues to pioneer innovative techniques, using the oldest building material known to mankind.

The iconic wood tables that fill every Apple Store have long been globally admired as symbols of tasteful interior design....

Exclusive video footage of Steve Jobs talking about his design vision and philosophy and how design worked at Apple.

It could happen to anyone of us: suddenly you got this inkling of an idea for a product that you think might just be pretty useful or even cool. Some of us then go on to develop a prototype and man…

Zotero is a free, easy-to-use tool to help you collect, organize, cite, and share research.

Last year we rebuilt our well-loved Stamen basemaps from scratch, re-creating them on a totally new tech stack in partnership with Stadia Maps. This was a bittersweet and challenging process, trying to build new styles that matched the aesthetics of the old maps, while still giving us a fresh start to keep these maps running...

Control Scheme Builder. Create multiple variations of gamepad layouts across different modes and platforms, and solve button-related UX problems with ease. No registration required, and sharing your work is as simple as copying the URL from your browser!

The ultimate interface reference Tool for game designers. Explore over 1,300 games, and 55,000 UI screenshots and videos, and filter by screen category, animation, colour, material, layout, texture, shapes, patterns, genre and more!

Tabs are everywhere, but do you use them properly? Distinguish between types of tabs, design them for visual clarity, and structure their content for usability.

How will our online experiences be different once we take back control over exactly who should see, interact with, and even collaborate on our content and activities at the most granular level?

To better understand the workflow involved in building Bonfire extension from scratch, we implemented a design pattern from the Prosocial Design Network: label misleading content; add links to reliable, related content.

The illusion of data as “objective” conceals that it rarely shows you the whole picture. Making decisions based on the easiest data to…

Sometimes attempts to prevent mistakes make correcting them impossible

Weekly UX Research, Design & Tech resources: introduction to user interviews workshop, strategic information architecture, minimum WCAG target size, accessibility and typography, curated design inspiration, free SVG icons, 2D shape interpolation script, react kawaii icons, a directory of design systems, impact of European accessibility act, practical SVG book etc.

Spartan was Mergenthaler Linotype and ATF’s knockoff of Paul Renner’s extremely popular Futura (Bauer, 1927). “Linotype announced Sanserif 52 and Italic early in 1939; later in the same year these typefaces were offered as Spartan Black, along with light, medium, and heavy weights, all with italics. In 1941 ATF cut some of these typefaces; by arrangement with Mergenthaler the small sizes were cut to match. ¶ Over the following dozen years or more, additional weights and widths were drawn by Bud Renshaw and Gerry Powell for ATF, and by Linotype staff designers. Renshaw's Spartan Medium Condensed, drawn in 1953, is wider than the corresponding typefaces in other families. In 1955 Linotype announced Spartan Bold, ‘the latest member of the Spartan family; slightly larger on the body than Spartan Heavy and more compactly fitted.’ Spartan Extra Black is heavier than the comparable typefaces from other sources. ATF made supplementary Advertising Figures, Decimal Figures, and Fractions for several weights of Spartan. ¶ Spartan Circuit and Spartan Circuit Heavy are 1964 adaptations of the design by Linotype for Teletypesetter use, requiring modification of character widths.” [McGrew 1993] Renshaw is credited for the Medium Italic and Heavy Italic [Reichardt/Hoefer], and for the Book and Medium Condensed styles. [ATF catalog, ca. 1966]. Spartan offered some things Futura did not: such as a double-story alternate ‘a’ and Linotype’s unique Classified cuts (released later) for very small type. It also differs from Futura in that its ‘1’ has a flat (rather than angled) terminal in all weights. Also, the ATF version had mirrored “signpainters” quotes (a form more common in the US). If you see Futura in a magazine or newspaper published in mid-century America, there’s a good chance it’s actually Spartan (or the other followers: Twentieth Century, Tempo, Vogue).

This windows 10 right-click menu was overdue for a design improvement. Find out here how the Windows 11 context menus improve on that.

In user interface design, a pie menu or radial menu is a circular context menu where selection depends on direction. It is a graphical control element. A pie menu is made of several "pie slices" around an inactive center and works best with stylus input, and well with a mouse. Pie slices are drawn with a hole in the middle for an easy way to exit the menu.

This user interface option adds one or more items to a browser context menu. This is the menu available when a user right-clicks on a web page. Tabs and bookmarks can also have context menus, available through the menus API.

A context menu is a menu in a graphical user interface (GUI) that appears upon user interaction, such as a right-click mouse operation. A context menu offers a limited set of choices that are available in the current state, or context, of the operating system or application to which the menu belongs. Usually the available choices are actions related to the selected object. From a technical point of view, such a context menu is a graphical control element.

The web home of Eric A. Meyer, CSS guy; and his wife Kathryn, doctor of nursing.

When you think of art, you might think of portraiture, landscapes, or other kinds of paintings. But mathematics can feel artistic at times, too. We’ve all seen gorgeous Mandelbrot fractals, a…