Note: This section of the site is under heavy construction, tread carefully.

Bookmarks tagged with “patterns”

95 bookmarks by garrettc



Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries

"[…] a fully responsive hexagon grid made without media queries, JavaScript, or a ton of hacky CSS"

Bookmarked on #



CSS Background Patterns by MagicPattern

"Beautiful pure CSS background patterns that you can actually use in your projects!"

Bookmarked on #




UI-Patterns.com

"User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer."

Bookmarked on #


It's Not Just Standing Up: Patterns for Daily Standup Meetings

"Daily stand-up meetings have become a common ritual of many teams. However, there are many subtle details that distinguish effective stand-ups and a waste of time."

Bookmarked on #


Cool Backgrounds

Explore a beautifully curated selection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers.

Bookmarked on #


Trianglify.io

A tool for generating low poly triangle patterns that can be used as wallpapers and website assets.

Bookmarked on #


Patterninja – pattern making application

Combine images from our free library or use your own. Produced patterns can be downloaded in high resolution and used for printing and the web.

Bookmarked on #


Hero Patterns

A collection of repeatable SVG background patterns for you to use on your web projects.

Bookmarked on #


The Cicada Principle and Why It Matters to Web Designers

What does the life cycle of periodical cicadas, Euclidean number theory and web design have on common?

Bookmarked on #




Gordon Brander: pattern

"This is my bag of tricks — loose notes, design patterns, rules-of-thumb, methods of enquiry, tools, cheatsheets, gimmicks, leverage points, descriptions of systems, key questions, risks, and unknowns."

Bookmarked on #



Unicode Patterns

"Lately I had some fun with Unicode in CSS and made several interesting background patterns with them."

Bookmarked on #


Subtle patterns

Free high quality patterns for your next web project.

Bookmarked on #



Design Principles

Design Principles are a set of considerations that form the basis of any good product.

Bookmarked on #


Hero Patterns

A collection of repeatable SVG background patterns for you to use on your digital projects.

Bookmarked on #


The Atomization of Your Brand Experience

"[…] the difficulty in recent years is that brand experiences have been on an accelerated path to atomization — the breaking down of a user’s brand experience into a distinct series of building blocks — with no slowing down in sight. These building blocks are sometimes called atoms, sometimes called cards, or sometimes called patterns."

Bookmarked on #


Designing Imaginative Style Guides

"Andy Clarke unpacks his tinsel and untangles the Christmas illuminations to add some brilliance to the subject of style guides."

Bookmarked on #


Design patterns

"These patterns are based on the research and experience of the whole GOV.UK design community"

Bookmarked on #


Taking Pattern Libraries To The Next Level

"…finding the right way to architect a lasting pattern library and to integrate it into an existing workflow seems to be a challenging task and one that most design and development teams eventually give up on. In this article, I’d love to highlight some practical techniques and strategies to establish a lasting pattern library that will be actively and consistently used by the entire team."

Bookmarked on #


Integrating pattern libraries with backend code

Great discussion on Github about the holy grail of pattern libraries: One source of truth, where you define the pattern once, and then distribute it to the build system.

Bookmarked on #


Qualities of Successful Pattern Libraries: Pick Any Two - Cloud Four

Pick two: User-Friendly, Collaborative, and Integrated. Your pattern library can be 2 of those 3, says @tylersticka:

Bookmarked on #


Accessibility Patterns for the Web

This book contains frontend coding patterns (and anti-patterns) that will assist developers in building accessible e-commerce web pages, widgets and workflows.

Bookmarked on #


From Pages to Patterns: An Exercise for Everyone

Get away from the screen! Break out the paper and scissors! Charlotte Jackson shares an exercise for developing pattern thinking.

Bookmarked on #


Atomic Design Methodology | Atomic Design by Brad Frost

Chapter 2 of Atomic Design - the atomic design methodology:

Bookmarked on #



The trouble with five

"In this collection of tilings by regular polygons the number five is conspicuously absent."

Bookmarked on #


Imperfect Congruence

It is a curious fact that no edge-to-edge regular polygon tiling of the plane can include a pentagon.

Bookmarked on #


Drupal 8 Modules

"This article will be more about the patterns you need to use during Drupal 8 development than how to fit the various pieces together."

Bookmarked on #



The Pattern Library

Patterns and backgrounds

Bookmarked on #



MailChimp Pattern Library

"The MailChimp Pattern Library is a byproduct of our move to a responsive, nimble, and intuitive app."

Bookmarked on #


This Is Responsive

A one-stop shop of updated responsive design patterns, resources and news

Bookmarked on #


Front end styleguides

Comprehensive collection of style guides and pattern libraries curated by Anna Debenham.

Bookmarked on #


UI Patterns For Mobile Apps: Search, Sort And Filter

Examines explicit search, auto-complete, dynamic search, scoped search, saved & recent searches, the search form and results. It's all about search.

Bookmarked on #


Barebones

Paul Robert Lloyd's bootstrap for a styleguide and pattern primer. Base don the one he uses on his own site.

Bookmarked on #




Mobile Design Patterns

Emerging patterns for on-boarding and inviting first time users to use your app.

Bookmarked on #




Django Patterns

Where solutions to common Django problems are presented and discussed.

Bookmarked on #


A CRAP way to improve usability

How to use contrast, repetition, alignment and proximity to improve the usability of your designs.

Bookmarked on #