recentpopularlog in

edavey : ui   102

« earlier  
Color - Cloudflare Design
A color palette tool for interface design
accessibility  UI  design 
february 2019 by edavey
preview page in multiple viewports, simultaneously
responsive  ui 
april 2017 by edavey
ui / ux design / collaboration
december 2016 by edavey
Getting Started • Waypoints
Waypoints is the easiest way to trigger a function when you scroll to an element.
javascript  ui 
january 2015 by edavey
CodeMirror: User Manual
CodeMirror is a code-editor component that can be embedded in Web pages. The core library provides only the editor component, no accompanying buttons, auto-completion, or other IDE functionality. It does provide a rich API on top of which such functionality can be straightforwardly implemented. See the addons included in the distribution, and the list of externally hosted addons, for reusable implementations of extra features.
javascript  ui 
january 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
Header - Ionic Components
Ionic is a beautiful front-end framework for developing hybrid mobile apps in HTML5.
ui  css  mobile 
january 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
live haml / js / css
development  ui  coding  js 
july 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
Typeplate » A typographic starter kit encouraging great type on the Web
Frameworks make decisions for you about how to organize, structure and design a site. Pattern libraries don’t separate styling and markup, making them tough to use in a truly modular fashion. We weren’t satisfied, so we made a thing that doesn’t do that.

Typeplate is a “typographic starter kit”. We don’t make aesthetic design choices, but define proper markup with extensible styling for common typographic patterns. A stripped-down Sass library concerned with the appropriate technical implementation of design patterns—not how they look.
ui  css  sass 
march 2013 by edavey
Dataseed Interactive Data Visualization |
Dataseed is an open platform for data visualisation, exploration and analysis.
ui  data  visualisation 
january 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
The Semantic Grid System
Set column and gutter widths, choose the number of columns, and switch between pixels and percentages.

All without any .grid_x classes in your markup. Oh, and did we mention it's responsive?

Runs on LESS, SCSS, or Stylus. Read up on Smashing Mag
css  grid  ui 
october 2012 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
Bring your grid to Yoga class
After reading Ethan Marcotte’s article and book on responsive design, I was convinced to try it again. I thought that I could amend the grid-width function already in Bourbon to my needs by giving the variables percentage value. I was wrong. It didn’t handle sub-containers because the ratio between columns and gutters changes.
responsive  grid  css  fluid  ui 
march 2012 by edavey
TileMill | MapBox
TileMill is an application for making beautiful maps. Whether you're a journalist, web designer, researcher, or seasoned cartographer, TileMill is the design studio you need to create compelling, interactive maps.
maps  ui 
january 2012 by edavey
The jQuery plugin for doing cool scrolly stuff
jquery  javascript  scrolling  ui  development 
january 2012 by edavey
jQuery Responsive Thumbnail Gallery Plugin
jQuery Plugin for creating image galleries that scale to fit their container.
ui  responsive  jquery 
november 2011 by edavey
Redesigning the Country Selector - Baymard Institute
During our recent checkout study we found several usability issues when using a drop-down for your country selector: a lack of overview, unclear sorting, scrolling issues, inconsistent UIs, a lack of context on mobile devices, and finally, they break the user's tab-flow.
javascript  ui  autocomplete  select 
november 2011 by edavey
jejacks0n/mercury - GitHub
A fully featured HTML5 WYSIWYG editor written in CoffeeScript on top of the Rails 3.1 asset stack
wysiwyg_editor  ui  development 
september 2011 by edavey
madrobby/keymaster - GitHub
// define short of 'a'
key('a', function(){ alert('you pressed a!') });

// returning false stops the event and prevents default browser events
key('ctrl+r', function(){ alert('stopped reload!'); return false });

// multiple shortcuts that do the same thing
key('⌘+r, ctrl+r', function(){ });
javascript  ui  development 
september 2011 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
SketcHub is a webapplication to create and share zoomable sketches. Use it on your desktop, your iPad or even on a multitouch table
drawing  ui  development 
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
Auto-completing search queries – Project WIP
So, how do we work out which search term will be the most likely? Using a technique called n-grams we use a sub-set of the current input to predict what the user wants based on the content of our website.
n-grams  autocomplete  development  ui 
april 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
ruidlopes/minimal.js - GitHub
Developers deserve a good UX, too. Libraries and APIs should be rich, yet simple to use. Hence, minimal.js is designed to achieve the following goals:

No proprietary/alien DSL syntax. HTML is the template, JSON is the data. There's no need to reinvent the wheel, nor to complicate when there's no need to;
Minimal syntax in both HTML and JSON counterparts. Extra fluff should be present only when it is strictly impossible to infer the bindings, and this fluff must be minimal as well;
Independent from Javascript libraries, but friendly to any of them;
Dynamic. Afford reapplication of new data into an existing template (e.g., for AJAX re-binding of JSON data);
Fast. Examples: support caching; no eval-style directives;
Extendable to new functionality;
Small. Currently clocking 137 lines + 15 for node.js support, including comments and whitespace, vs 438 lines for this documentation.
javascript  templating  ui  development 
february 2011 by edavey
Dave Martorana | MultiFirefox 2.2
MultiFirefox is a small launcher utility that allows you to run multiple versions of Firefox side-by-side. It helps you set up multiple profiles (one or more for each version of Firefox), remembers your last launch preferences for easy launching, has auto-updating built in for when we make improvements, and is 100% open source, MIT licensed.
firefox  mac  osx  development  ui 
january 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
CSS3 PIE: CSS3 decorations for IE
PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.
ui  development  css 
december 2010 by edavey
TeX Hyphenation & Justification on the Web
This text has been set using Typeset as an implementation of the Knuth and Plass line breaking algorithm. Uses Hyphenator.js for hyphenation. Text and images are from Edwin Abbott's Flatland.
ui  typography  javascript  tex  knuth 
december 2010 by edavey
Underscore is a utility-belt library for JavaScript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in JavaScript objects. It's the tie to go along with jQuery's tux.

Underscore provides 60-odd functions that support both the usual functional suspects: map, select, invoke — as well as more specialized helpers: function binding, javascript templating, deep equality testing, and so on. It delegates to built-in functions, if present, so modern browsers will use the native implementations of forEach, map, reduce, filter, every, some and indexOf.
javascript  development  ui 
october 2010 by edavey
« earlier      
per page:    204080120160

Copy this bookmark:

to read