recentpopularlog in

edavey : design   51

Color - Cloudflare Design
A color palette tool for interface design
accessibility  UI  design 
february 2019 by edavey
On choosing a hypermedia type for your API - HAL, JSON-LD, Collection+JSON, SIREN, Oh My! :
n recent years REST has been at the forefront of modern API design. This has led to APIs with manageable URLs that respect the HTTP verbs (GET, POST, PUT and the rest), producing an intuitive model for client developers. Unfortunately, there are two problems that REST doesn’t solve alone.
api  design 
february 2015 by edavey
JSON API :: Format
JSON API is a specification for how a client should request that resources be fetched or modified and how a server should respond to those requests.

JSON API is designed to minimize both the number of requests and the amount of data transmitted between clients and servers. This efficiency is achieved without compromising readability, flexibility, and discoverability.
api  design 
february 2015 by edavey
ntroduce autocompleting power to textareas, like GitHub comment forms have.
ui  design  autocomplete 
november 2014 by edavey
Emmet Re:View — A responsive design viewer
Emmet Re:View is a small Google Chrome extension that finds responsive design breakpoints on your page and creates view for each breakpoint.
responsive  ui  design 
november 2014 by edavey
My Style Guide
The goal of hologram is to make it easy to document your CSS and to display the code examples to use that CSS. Hologram has no opinions about how you should actually organize/style your style guide. You could do everything as a single file with no header/footer and it would work just fine. Or, you could break it up into an individual file for each component. Top navigation, left navigation, no navigation....that's up to you. Build it however you'd like.
ui  design 
october 2014 by edavey
Align and Guide Your Project

North is a set of standards and best practices for developing modern web based properties. Included are standards and best practices for all aspects of a project, from kick off through development. North encourages an agile, content-first, approach to product development and a mobile-first, in-browser, system based approach to design and development.

North is meant to be a living document. Standards and best practices change, and as they do and have been vetted, North will grow and change with them. North will be versioned using SEMVER to provide a way for you to specify what version of North you are using for your project. Contributions are more than welcome, as long as the Contribution Guidelines are followed.

Currently open to review, v0.1.0 is the first preview version. Once the review period is over, a branch for the current major version will be made.
ui  design  responsive  agile 
december 2013 by edavey
Bourbon Neat
Neat is a semantic grid framework built on top of Sass and Bourbon. It is simple enough to get you up and running in minutes, and powerful enough to handle any responsive layout you can dream of.
css  grid  sass  ui  design 
september 2013 by edavey
maxmackie/jquery.swatches · GitHub
A jQuery plugin that turns a one-line div into a sweet color swatch
design  ui  jquery 
may 2013 by edavey
Design Your App on Paper, Animate It With Your iPhone Camera | Co.Design: business + innovation + design
In the digital age, paper is anything but dead. Designers can use "paper prototypes" to experiment with UI designs fast and even (as in the case of Clear, a gestural iPhone app) reveal innovative user interactions. There’s just one hitch: How do you get your sketches to actually interact with each other like a digital app? An app called POP cleverly solves this problem with the iPhone’s camera--just snap some pics of your sketches, link them together with a few taps, and voila: instant interactive prototype. No coding required.
ui  design  wireframes 
january 2013 by edavey
Media Queries in Sass — Gist
// Media Queries in Sass 3.2
// These mixins make media queries a breeze with Sass.
// The media queries from mobile up until desktop all
// trigger at different points along the way
// And important point to remember is that and width
// over the portrait width is considered to be part of the
// landscape width. This allows us to capture widths of devices
// that might not fit the dimensions exactly. This means the break
// points are seamless.
sass  css  ui  design 
may 2012 by edavey
Responsive Web Design Techniques, Tools and Design Strategies - Smashing Magazine
Back in January, we published an article on responsive design, “Responsive Web Design: What It Is and How to Use It.” Responsive design continues to get a lot of attention, but considering how different it is from the “traditional” way of designing websites, it can be a bit overwhelming for those designers who have yet to try it.

To that end, we’ve compiled this round-up of resources for creating responsive website designs. Included are tutorials, techniques, articles, tools and more, all geared toward giving you the specific knowledge you need to create your own responsive designs.
design  ui 
august 2011 by edavey
Chosen - a javascript select thingy
Chosen is a javsacript plug-in that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.
ui  design  javascript  select 
july 2011 by edavey
A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. Just put your image size (width & height) after our URL and you'll get a placeholder.
design  ui  development  images 
march 2011 by edavey
24 ways: Everything You Wanted To Know About Gradients (And a Few Things You Didn’t)
Hello. I am here to discuss CSS3 gradients. Because, let’s face it, what the web really needed was more gradients.

Still, despite their widespread use (or is it overuse?), the smartly applied gradient can be a valuable contributor to a designer’s vocabulary. There’s always been a tension between the inherently two-dimensional nature of our medium, and our desire for more intensity, more depth in our designs. And a gradient can evoke so much: the splay of light across your desk, the slow decrease in volume toward the end of your favorite song, the sunset after a long day. When properly applied, graded colors bring a much needed softness to our work.
ui  design  development 
december 2010 by edavey
Adobe Design Center - Columns and articles from experts on web design and motion graphics
Style versus design

Why understanding the difference is what it's all about
ui  design  development 
december 2010 by edavey

Copy this bookmark:

to read