epochblue + design   50

Microservices – Please, don’t
I’m going to cover a few of the major fallacies and “gotchas” of the Microservices movement, coming from someone who worked at a company that also got swept up in the idea that breaking apart a legacy monolithic application was going to save the day. While I don’t want the takeaway of this blog post to be “Microservices == Bad”, ideally anyone reading this should walk away with a series of issues to think about when deciding if the move to a Microservice based architecture is right for them.
architecture  design  programming 
december 2016 by epochblue
Hero Patterns
A collection of repeatable SVG background patterns for you to use on your digital projects.
svg  patterns  design 
october 2016 by epochblue
Design Principles Behind Smalltalk
The Smalltalk-80 system marks our fifth time through this cycle. In this article, I present some of the general principles we have observed in the course of our work. While the presentation frequently touches on Smalltalk "motherhood", the principles themselves are more general and should prove useful in evaluating other systems and in guiding future work.
programming  design 
september 2016 by epochblue
Game Programming Patterns
Game Programming Patterns is a collection of patterns I found in games that make code cleaner, easier to understand, and faster.
game  programming  patterns  design 
february 2016 by epochblue
Fix Your Boring Slides
"After running XOXO for two years, and doing a bunch of talks myself at various conferences, I've seen my share of presentation slides from non-designers. [...] Inevitably, they use one of the two basic Keynote templates — black on white, or white on black. [...] So I made a little guide with six simple tips for XOXO speakers to improve their slides in a couple minutes. I thought you might find it useful."
design  presentation 
april 2014 by epochblue
Design, Composition and Performance
Rich Hickey explores the nature of design and composition and how it impacts the software development practice and tools.
talk  video  programming  design 
october 2013 by epochblue
Butterick’s Practical Typography: Typography in Ten Minutes
This is a bold claim, but I stand be­hind it: if you learn and fol­low these five ty­pog­ra­phy rules, you will be a bet­ter ty­pog­ra­ph­er than 95% of pro­fes­sion­al writ­ers and 70% of pro­fes­sion­al de­sign­ers.
design  typography 
august 2013 by epochblue
Pixelmator Shapes
A Collection of Custom Shapes for Pixelmator
design  free 
june 2013 by epochblue
Upping Your Type Game
Jessica Hische explains what to look for in high-quality fonts, where to find them, how to select them, and how to pair them. This article was based on a talk she created for An Event Apart in San Diego in May 2013.
design  font  presentation  typography 
june 2013 by epochblue
Retro Vectors
A collection of royalty-free vintage vector art.
april 2013 by epochblue
Redacted Font
Redacted is a great open source font that keeps your wireframes free of distracting Lorem Ipsum dummy text.
design  fonts  web  oss 
march 2013 by epochblue
Flat UI
Flat UI, a free web user interface kit.
design  framework  ui 
march 2013 by epochblue
wireframe.cc - minimal wireframing tool
Create super simple wireframes of websites and mobile apps. 100% free.
design  ui  wireframe  application 
january 2013 by epochblue
Entypo - 250+ carefully crafted pictograms
Entypo is a set of 250+ carefully crafted pictograms. The package contains an icon font — OpenType, TrueType and @font-face — EPS, PDF and PSD files. All released for free under the license CC BY-SA 3.0.
design  icons  typography 
november 2012 by epochblue
Chunky Pika Icon Set
We have a delicate and useful icon set for you, again. Dutch designers from Dutch Icon created a new set of 42 Pika-style vector icons, released with Smashing Magazine for the Web design community. The icons are available as PNG (in two sizes) and AI source files. The icons are released under a Creative Commons Attribution license.
design  free  icons 
november 2012 by epochblue
iPhone, iPad and iPod Touch wallpapers for the rest of us.
design  wallpaper 
september 2012 by epochblue
Rich Hickey: Simple Made Easy
Rich Hickey gives a talk to StrangeLoop 2011 that emphasizes simplicity’s virtues over easiness’, showing that while many choose easiness they may end up with complexity, and the better way is to choose easiness along the simplicity path.
design  programming  presentation 
august 2012 by epochblue
Retina.js | Retina graphics for your website
retina.js is an open source script that makes it easy to serve high-resolution images to devices with retina displays
javascript  jquery  plugin  design  css 
april 2012 by epochblue
Security Design Patterns
A comprehensive security strategy first requires a high level recognition of overall Security Principles. They are simple statements, generally prepared by a Chief Information Officer (or Chief Security Officer) that addresses general security concerns. E.g. monitor all activity, audit your practices, promote security awareness, etc. Next, Security Policies are created. These are the realization of Security Principles. Prepared by security professionals, Security Policies are meant to address security issues when implementing business requirements. E.g. use out of band communication when responding to an incident alert, employ secure coding techniques, implement a central log server, etc. Finally, Security Procedures are identified. This is an itemized, quantifiable list that identifies specific hardware, tools and tasks. E.g. disable telnet and ftp on all hosts; replace with ssh and scp, validate html form data on both client and server, change default application passwords, etc.
This essay is not meant to replace any of these documents, but to supplement all three. That is, once general policies are defined, security patterns can assist in identifying and formulating all security practices that are relevant to your environment. These patterns are essentially security best practices presented in a template format. This format, we feel, will assist the reader in identifying and understanding existing patterns, and enable the rapid development and documentation of new best practices.
security  design  patterns  programming 
april 2012 by epochblue
Responsive Navigation Patterns
Top and left navigations are typical on large screens, but lack of screen real estate on small screens makes for an interesting challenge. As responsive design becomes more popular, it’s worth looking at the various ways of handling navigation for small screen sizes. Mobile web navigation must strike a balance between quick access to a site’s information and unobtrusiveness.
web  design  patterns 
april 2012 by epochblue
Multi-Device Layout Patterns
Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we're not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts.
design  patterns  web 
april 2012 by epochblue
Style Tiles
Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web. They help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client.
design  process  web 
april 2012 by epochblue
responsivepx - find that tricky breakpoint
Enter the url to your site - local or online: both work - and use the controls to adjust the width and height of your viewport to find exact breakpoint widths in pixels. Then use that information in your media queries to create a responsive design.
web  design  tool 
december 2011 by epochblue
Jonathan Hoefler: Type at the Crossroads
Today, as webfonts are buoyed by a wave of early-adopter enthusiasm, they’re marred by a similar unevenness in quality, and it’s not just a matter of browsers and rasterizers, or the eternal shortage of good fonts and preponderance of bad ones. There are compelling questions about what it means to be fitted to the technology, how foundries can offer designers an expressive medium (and readers a rich one), and what it means for typography to be visually, mechanically, and culturally appropriate to the web. This is an exploration of this side of web fonts, and a discussion of where the needs of designers meet the needs of readers.
typography  presentation  design  video  fonts 
december 2011 by epochblue
Susan Kare Prints
Limited Edition prints of classic Mac icons, designed by Susan Kare.
art  design  icons 
december 2011 by epochblue
Best Free Fonts of 2011
A roundup of some of the better font freebies of this year.
list  free  fonts  design 
november 2011 by epochblue
The Unofficial GitHub Watch & Fork Buttons
Showcase your GitHub repo's success with these two simple, static buttons featuring dynamic watch and fork counts.
github  design  ui_element  web 
november 2011 by epochblue
Bootstrap, from Twitter
Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
css  design  framework  twitter 
november 2011 by epochblue
Paul Rand + Steve Jobs
In 1986 Jobs approached Rand to design the logo for his NeXT educational computer company. After obtaining permission from IBM, Jobs offered Rand a handsome sum to develop a logo for a product that was not yet public. The only thing Rand knew was that the mysterious NeXT computer was a black cube. With this scant yet meaningful intelligence, Rand developed a unique proposal book for the mark that walked the reader - Mr. Jobs - through the step by step conceptual process to the final, logical outcome.
design  article  story 
october 2011 by epochblue
16 Pixels: For Body Copy. Anything Less Is A Costly Mistake
In this article, I’ll explain why 16 pixels should generally be the minimum size for body copy in modern Web design. If I don’t change your mind, perhaps you could chip in at the end and let me know why.
design  web_design  typography 
october 2011 by epochblue
Subtle Patterns
Free textures for your next web project.

Subtle Patterns is created and curated by me, Atle Mo. My goal is to be a high quality resource for anyone in need of tilable textured patterns, free to use.
design  patterns  free 
october 2011 by epochblue
Scalable and Modular Architecture for CSS
by Jonathan Snook: SMACSS (pronounced "smacks") is more style guide than rigid framework. There's no library within here for you to download or install. SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process. It's an attempt to document a consistent approach to site development when using CSS.
css  web  design 
september 2011 by epochblue
brightmix icons
Simple, monochrome iconset.
design  icons 
august 2011 by epochblue
jQuery Waypoints
Waypoints is a small jQuery plugin that makes it easy to execute a function whenever you scroll to an element.
jquery  javascript  design  plugin 
july 2011 by epochblue
HTML Email Boilerplate
This website and its sample code creates a template of sorts, absent of design or layout, that will help you avoid some of the major rendering problems with the most common email clients out there — Gmail, Outlook, Yahoo Mail, etc. While not plug and play (you know, you'll have to do some work ;-), it will provide some helpful examples and snippets that will keep your email design rendering as true-to-form as possible.
email  design 
june 2011 by epochblue
Instagram Filters as Photoshop Actions
I recently did a google search to see if anyone had “converted” instagram filters to photoshop actions. After not finding any results, I decided to see if I could do it myself. I didn’t get a 100% exact match, but it’s pretty close.
design  photoshop 
may 2011 by epochblue
Layer Styles
A tool that uses a Photoshop-style dialog to create CSS "layer styles".
css  design  web_design 
may 2011 by epochblue
Mike Monteiro: F*ck You. Pay Me.
via CreateiveMornings SF: Mike Monteiro discusses contracts and how they can save your ass and get you paid.
video  design  business 
april 2011 by epochblue
Creating Seamless Textures Without Even Leaving Your Browser
Tiling backgrounds are like the crocodiles of the web design world. They first evolved in the ‘Jurassic’ period of the web, outlasting dinosaurs like table-​​based layouts and font tags. Sure, they can be ugly and scary as hell but, like crocodiles, they’ve stuck around a long time because they work.
design  web_design 
april 2011 by epochblue
HSL Color Picker - by Brandon Mathis
An excellent JavaScript-based HSL Color picker.
web_design  design 
march 2011 by epochblue
IxEdit is a JavaScript-based interaction design tool for the web. With IxEdit, designers can practice DOM-scripting without coding to change, add, move, or transform elements dynamically on your web pages. Especially, IxEdit must be useful to try various interactions rapidly in the prototyping phase of your web application.
javascript  jquery  design  ui  web_design 
february 2011 by epochblue
Mastering Photoshop: Noise, Textures, Gradients and Rounded Rectangles
Often, it’s the little details that turn a good layout into a great design; details such as subtle textures, shading and smooth shapes. Photoshop contains a vast array of tools for embellishing a design, but choosing the right one isn’t always easy. Being the obsessive-compulsives that we are, we’ve conducted a huge range of experiments to determine the benefits and disadvantages of each technique. Here, then, is an obsessive-compulsive’s guide to some frequently used tools and techniques for Web and UI design in Photoshop.
tutorial  photoshop  design 
february 2011 by epochblue
Awesome Free Fonts for Kick-Ass Web Designs
30 free fonts worthy of your font library, and your next web design.
design  fonts 
january 2011 by epochblue
24 ways: Golden Spirals
A golden rectangle has its height and width in the golden ratio, which is approximately 1:1.618. These proportions have long been recognised as being aesthetically harmonious. Whether through instruction or by intuition, artists have understood how to exploit these proportions over the centuries.
css  web_design  design 
december 2010 by epochblue
Best Practices of Combining Typefaces (Smashing Magazine)
Creating great typeface combinations is an art, not a science. Indeed, the beauty of typography has no borders. While there are no absolute rules to follow, it is crucial that you understand and apply some best practices when combining fonts in a design. When used with diligence and attention, these principles will always yield suitable results.
design  fonts  web_design 
november 2010 by epochblue
Review of Popular Web Font Embedding Services
Smashing Magazine runs down 10 popular font embedding services.
design  web_design  fonts 
october 2010 by epochblue
Video: I gave a talk on “UI Fundamentals for… - (37signals)
Ryan Singer of 37signals gave a talk on “UI Fundamentals for Programmers” at WindyCityRails in Chicago in August 2009. The talks covered modeling, breaking apps into screens, visual techniques, flows, and a few coding tips.
design  ui  web_design 
august 2010 by epochblue
Placehold.it - Quick and simple image placeholders
A quick and simple image placeholder service. Just put your image size after our URL and you'll get a placeholder.
design  web_app 
august 2010 by epochblue
Crafting Subtle & Realistic User Interfaces
The underlying secret to beautiful user interface design is realism: making 2D objects on your screen appear to sit in 3D space with volume, surface properties and undulations that might appear in real life.
design  ui 
january 2010 by epochblue
jQuery: Autoscale Element to Parent Width
A small jQuery plugin used to scale elements in proportion to the size of their containing element.
jquery  programming  plugin  design 
january 2010 by epochblue

Copy this bookmark: