earth2marsh + webdesign   217

Stop Designing Pages And Start Designing Flows - Smashing UX Design | Smashing UX Design
"Design flows that are tied to clear objectives allow us to create a positive user experience and a valuable one for the business we’re working for. In this article, we’ll show you how spending more time up front designing user flows leads to better results for both the user and business. Then we’ll look in depth at a common flow for e-commerce websites (the customer acquisition funnel), as well as provide tips on optimizing it to create a complete customer experience."
design  ux  web  webdesign  flows  conversions  conversion 
january 2012 by earth2marsh
Hipster Ipsum | Artisanal filler text for your site or project.
"Odio accusamus messenger bag food truck marfa. Eu mollit viral, lo-fi aesthetic vice id you probably haven't heard of them officia high life laborum delectus 8-bit odio. Twee fanny pack qui nihil mollit, fixie vice do seitan voluptate williamsburg photo booth mixtape sed cliche. Brunch sed VHS, irony fixie messenger bag blog tattooed culpa butcher. Consequat brunch readymade tumblr sunt. Excepteur eiusmod brunch, Austin est skateboard helvetica tempor adipisicing pitchfork sapiente enim. Aesthetic elit deserunt ex locavore echo park odio."
design  tools  webdev  webdesign  ipsum  lorem  from delicious
august 2011 by earth2marsh
LukeW | Web App Masters: Design Lessons from 350 Million
"The Facebook team is 15 product designers, 10 UI engineers, 5 user researchers, 4 communication designers, and one content strategists. How does a team of 35 design for 400 million users? Dive right in and try a lot of things."
advice  design  lessons  principles  process  facebook  testing  ui  usability  webdesign  ux 
september 2010 by earth2marsh
A List Apart: Articles: Responsive Web Design
Responsive design emerging as the importance of flexibility increases as screens fragment
fluid  inspiration  usability  webdesign  webdev  media  ala  design  development  grid  html  css 
may 2010 by earth2marsh
Mockingbird
"an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application."
software  design  cappuccino  wireframing  wireframe  application  webservice  online  prototyping  prototype  interface  collaboration  webdesign  webdev 
november 2009 by earth2marsh
Don't Make Me Think | Chapter Excerpt
Usability book: "When we’re creating sites, we act as though people are going to pore over each page, reading our finely crafted text, figuring out how we’ve organized things, and weighing their options before deciding which link to click. What they actually do most of the time (if we’re lucky) is glance at each new page, scan some of the text, and click on the first link that catches their interest or vaguely resembles the thing they’re looking for. There are usually large parts of the page that they don’t even look at. We’re thinking “great literature” (or at least “product brochure”), while the user’s reality is much closer to “billboard going by at 60 miles an hour.”
ux  readability  design  webdesign  usability  information 
april 2009 by earth2marsh
Web Development Bookmarklets
"These bookmarklets let you see how a web page is coded without digging through the source, debug problems in web pages quickly, and experiment with CSS or JS without editing the actual page."
webdesign  webdev  css  utilities  bookmarklet  bookmarklets  testing  rules 
march 2009 by earth2marsh
The Elements of a Design Pattern
"a well-built design pattern library makes the user interface development process substantially easier. A quality library means team members have the information they need at their fingertips. Choosing usable components that work smoothly for users becomes the developer's path of least resistance. Innovation, while not prohibited, is reserved for those times when it's really necessary, allowing the team to leverage the work already done by others."
IxD  ux  ia  pattern  interface  ui  reference  patterns  design  webdesign  documentation 
january 2009 by earth2marsh
Home — genetify — GitHub
"provides developers with a JavaScript library for doing any number of A/B tests on a site (tweaking CSS, JavaScript, or HTML elements) all trained over time using a Genetic algorithm backend. This means that no matter how many different A/B tests you have on a page the genetic algorithm will adapt to the input (users visiting the page and hopefully achieving some pre-defined goal) and slowly show a more-optimal page layout to the user."
usability  testing  UxD  javascript  css  html  webdev  webdesign 
december 2008 by earth2marsh
PhpDelicious - a wrapper for the del.icio.us API
"a PHP 5 library for accessing the del.icio.us API. It combines data from the main REST and JSON APIs and presents a consolidated interface. It also implements a file based caching system which eliminates the need to query on every request and ensures access to the API won't be throttled due to excessive requests."
webdev  webdesign  delicious  library  php  tools  wrapper  api 
october 2008 by earth2marsh
Wordle - Beautiful Word Clouds
Awesome... "toy for generating “word clouds” from text that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes. The images you create with Wordle are yours to use however you like. You can print them out, or save them to the Wordle gallery to share with your friends."
visualization  tool  del.icio.us  tags  cloud  tagcloud  text  writing  inspiration  graphics  web  webdesign  free  typography  generator 
september 2008 by earth2marsh
Stylish buttons - GIMP tutorial/howto - gimpusers.com
tip: to create an edge highlight, dup the layer, fill button area white, shrink 1px, delete, change mode to soft light, and adjust opacity
buttons  webdesign  tutorial  gimp  graphics 
august 2008 by earth2marsh
Help me understand what I need to make my website compliant with IE. | Ask Metafilter
good introduction to techniques necessary to deal with browser inconsistencies (yes I'm looking at you Microsoft).
webdev  webdesign  css  code  browsers  ie  explorer 
august 2008 by earth2marsh
Pingdom Tools
detailed info on the load times of a URL
tools  webdesign  webdev  admin  optimize  link  checking  download  time 
august 2008 by earth2marsh
Conditional-CSS
allows you to write maintainable CSS with conditional logic to target specific CSS statements at both individual browsers and groups of browsers.
css  conditional  webdesign  php 
august 2008 by earth2marsh
Top Ten Web Typography Sins | Events | Smashing Magazine
Nice list! "Underlines cut right through the descenders in your typeface, making it harder to read. Instead of text-decoration: underline, use "border-bottom: solid 1px #00f;" to draw a line below your text instead of through it."
typography  tips  peeves  webdesign  writing  text 
august 2008 by earth2marsh
Matthew Paul Thomas » Blog Archive » Why Free Software has poor usability, and how to improve it
Proprietary software vendors typically make money by producing software that people want to use. This is a strong incentive to make it more usable.
webdesign  usability  ui  software  free  opensource 
august 2008 by earth2marsh
Textorizer | tool to render a photo with text as SVG
"Textorizer1 is now available as a downloadable application for Linux, Windows or Mac. It's by far the best version, with many more controls over the generated image. The online version is still available if you'd rather not install it. Ditto for textoriz
webdesign  vector  typography  tools  text  svg  windows  linux  osx 
august 2008 by earth2marsh
WordPress CMS modifications » Welcome
has info on adapting WP to a CMS (fairly new...)
wordpress  resources  webdesign  cms 
august 2008 by earth2marsh
iBox - Lightweight inline popup
a lightweight script that lets you overlay images and documents in a small dialog without a page reload. It's built to be easy to install and use, while offering great flexibility.
webdesign  webdev  overlay  images  documents  ajax  wordpress 
august 2008 by earth2marsh
Tiled backgrounds designer
fun tool to create tiled patterns for backgrounds
webdesign  web  wallpaper  tools  textures  texture  tile 
august 2008 by earth2marsh
How to edit a website - cut & paste one line of code to make any site editable
edit text in your browser, useful for mockups? javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
bookmarklet  javascript  webdesign  browser  edit  page  hack 
july 2008 by earth2marsh
Welcome to Tablecloth
By simply adding 2 lines of code to your html page you will have styled and active tables that your visitors will love
css  javascript  tables  webdesign  table 
june 2008 by earth2marsh
» 8 fonts you probably don’t use in css, but should - Web Design Marketing Podcast & Blog
Palatino, Tahoma, Impact (really?), Century Gothic, Arials Black & Narrow, Copperplate, Gill Sans, with some info on windows/mac installed base
css  webdesign  fonts  typography 
may 2008 by earth2marsh
20 Useful Tools to Make Web Development More Efficient | Six Revisions
a variety of utilities, optimizers, testing, and debugging tools aimed towards helping developers create websites more efficiently
css  webdesign  tools  Development  javascript  webdev  list  resources 
may 2008 by earth2marsh
20 Websites That Made Me A Better Web Developer | Six Revisions
resources for those looking to get a foothold in today's webdev world
webdesign  reference  list 
april 2008 by earth2marsh
Screen Resolution and Page Layout (Jakob Nielsen's Alertbox)
Optimize Web pages for 1024x768, but use a liquid layout that stretches well for any resolution, from 800x600 to 1280x1024.
usability  webdesign  layout  screen  bestpractices  guidelines  monitor  resolution 
april 2008 by earth2marsh
Traces of Inspiration » Blog Archive » URL as UI
hear, hear! why you should really think about your URL scheme. All praise Last.FM and Flickr!
ui  usability  webdesign  design  url 
april 2008 by earth2marsh
Equidistant Objects with CSS - CSS-Tricks
Creating a horizontal row of objects that are equidistant from each other is another one of those things in web design that is much more difficult than it should be.
css  webdesign  layout  equidistant  align  spacing  positioning 
march 2008 by earth2marsh
Introduction to SEO | The Nonprofit SEO Guide
tips for improving search ranks of non-profit orgs
seo  webdesign  howto  guide  lsi  nonprofit 
february 2008 by earth2marsh
Foundations of Interaction Design - Boxes and Arrows: The design behind the design
Somehow, products, services, and systems need to respond to stimuli created by human beings. Those responses need to be meaningful, clearly communicated, and, in many ways, provoke a persuasive and semi-predictable response. They need to behave.
architecture  design  interactiondesign  interaction  IxD  ui  usability  webDesign 
february 2008 by earth2marsh
Movement (Schulze & Webb)
treating a website as a dynamic entity – a flowchart of motivations that both provides a continuously satisfying experience for the user… and helps the website grow.
flow  patterns  design  presentations  slides  theory  webDesign  attention  interaction  mattwebb  presentation  web 
february 2008 by earth2marsh
The 7 CSS Hacks that we should use
Box Model, Conditional Comments, min/max width, selectors, :hover, Transparent PNGs
css  webdesign  hacks  ie  design  code  development  coding  webdev 
february 2008 by earth2marsh
CSS Text Wrapper
allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want.
css  webdesign  wrapping  shape  text  generator 
january 2008 by earth2marsh
Top 40+ GIMP plugins
aimed at web-designers and photographers
gimp  plugins  photography  graphics  design  webDesign  tools  list 
december 2007 by earth2marsh
9 CSS Ethics Every Designer Should Have
"a close look at some of the most interesting CSS coding structure and listed them below where you can probably use in every project you are developing." (good advice!)
bestpractice  coding  css  development  style  stylesheets  technique  webdesign  webdev 
december 2007 by earth2marsh
Peachpit: Web Design Reference Guide > Cascading Style Sheets Part 6: Styling for Small-Screen Devices
a series of articles on using media style sheets to design for different contexts—specifically print and small screen devices
CSS  WebDesign  HTML  mobile  guidelines  printing  print  stylesheets 
december 2007 by earth2marsh
The Principles of Beautiful Web Design
Nice intro to issues faced with designing pages for the web.
webdesign  design  inspiration  css  process  web 
november 2007 by earth2marsh
Learn CSS Positioning in Ten Steps: position static relative absolute float
examines the different layout properties available in CSS: position:static, position:relative, position:absolute, and float.
css  positioning  tutorial  webdesign  layout  howto  float  position 
november 2007 by earth2marsh
A List Apart: Articles: How to Size Text in CSS
a way to size text that allows designers to retain accurate control of typography, without sacrificing the user’s ability to adjust his or her reading environment
CSS  typography  webdesign  fonts  ems  height 
november 2007 by earth2marsh
Nicu's How-to - The ultimate guide for creating shiny web buttons with Inkscape
ways to create various kinds of web buttons with Inkscape: simple, aqua, crystal, with and without shadows, of various colors and in various states.
inkscape  tutorial  graphics  webdesign  button  svg  howto  Design 
november 2007 by earth2marsh
AJAX for n00bs
what AJAX is and why it's just a simple evolution of client/server tricks Javascript programmers have been doing since the web was born.
ajax  tutorial  programming  javascript  development  webdesign  beginner  howto 
october 2007 by earth2marsh
colr.org
Picks color samples from flickr photos
color  design  webdesign  tools  art  flickr  creative  creator  colors  colour  inspiration 
october 2007 by earth2marsh
Control (Annotated) » SlideShare
Differences between print and digital design Presentation made at the AIGA National Design Conference in Denver, CO on 13 Oct 2007
design  webdesign  presentation  inspiration  slideshow  communication  control  digital  information  ui 
october 2007 by earth2marsh
How to Comply With The Children's Online Privacy Protection Rule
post a link to a notice of its information practices on the home page of its Web site or online service and at each area where it collects personal information from children.
children  privacy  protection  webDesign  guidelines  kids  law  online  coppa  compliance 
october 2007 by earth2marsh
30 Usability Issues To Be Aware Of | Know-How
30 important usability issues, terms, rules and principles which are usually forgotten, ignored or misunderstood
usability  design  webdesign  interface  UI  reference  interaction 
october 2007 by earth2marsh
43 Exceptionally Useful AJAX Applications > Design Vitality
"43 extremely useful (but still easy to implement) AJAX applications for use on any website." Dragable boxes, cooltips, etc
ajax  webdesign  javascript  resources 
october 2007 by earth2marsh
PHP VIDEO TUTORIALS FOR WEB DESIGNERS
This is a beginners website/course on PHP created for web designers who have little to no programming experience.
php  tutorial  video  programming  webdesign  Tutorials  development  webdev  coding  howto 
october 2007 by earth2marsh
CSSVista - Edit your CSS code live on Internet Explorer and Firefox - Litmus
free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously
css  tools  WebDesign  webdev  windows  software  editor  firefox  explorer  ie  live  service 
september 2007 by earth2marsh
Looks Good Works Well: Announcing Protoscript
a way to take an existing web page or a prototype of a web page and "sprinkle" rich behaviors to play with concepts
ajax  javascript  programming  prototype  scripting  ui  framework  protoscript  webdev  webdesign 
september 2007 by earth2marsh
famfamfam.com: Silk Icons
free icon set, containing over 700 16-by-16 pixel icons in strokably-soft PNG format.
icons  free  webdesign  graphics  creativecommons  icon  design 
september 2007 by earth2marsh
opencomponentry » Blog Archive » Gmail table column sizing css fun
using a table-layout: fixed css definition for the table as a whole and then only specifying column width values for the columns that shouldn’t have their content overflow hidden and tucked away behind the rest of the content.
css  table  layout  html  webdesign  email  Google  gmail 
august 2007 by earth2marsh
« earlier      

related tags

!installed  !to_check  !to_read  accessibility  admin  Adobe  advertising  advice  ajax  ala  align  analytics  animation  apache  api  application  architecture  archive  art  article  attention  automated  beginner  best  bestpractice  bestpractices  blockquote  blog  bookmarklet  bookmarklets  books  border  box  browser  browsers  budget  button  buttons  cappuccino  cellphone  character  characters  cheatsheet  checking  children  client  clients  cloud  cms  code  coding  collaboration  color  colors  colour  communication  comparison  compatibility  compliance  conditional  content  control  conversion  conversions  cool  cooltech  coppa  copywriting  corners  costs  counter  creative  creativecommons  creativity  creator  css  default  del.icio.us  delicious  design  designer  development  dhtml  digital  documentation  documents  dom  download  ebook  ebooks  edit  editor  effects  email  ems  equal  equidistant  example  examples  explorer  extension  eyetracking  facebook  favicon  feature  feed  firefox  flash  flickr  float  flow  flows  fluid  font  fonts  footer  form  forms  framework  free  gallery  generator  gimp  github  gmail  Google  graphic  graphicdesign  graphics  grid  guide  guidelines  hack  hacks  height  heights  howto  htaccess  html  html5  humor  ia  icon  iconos  icons  ie  illustrator  image  images  information  inkscape  inspiration  installed  interaction  interactiondesign  interactive  interesting  interface  internet  intro  ipsum  IxD  javascript  jquery  kids  law  layout  lessons  library  lightbox  link  links  linux  list  lists  live  loading  lookup  lorem  lsi  mac  magazine  mailto  margin  marketing  mattwebb  meaning  media  menu  menus  metrics  mobile  monitor  mootools  mozilla  music  navigation  newsletters  nonprofit  online  opensource  optimization  optimize  OS  osx  overlay  page  palette  parallax  pattern  patterns  pdf  peeves  performance  photo  photography  photos  photoshop  php  picture  plugin  plugins  png  polaroid  popup  position  positioning  presentation  presentations  prevent  preview  pricing  principles  print  printing  privacy  process  programming  protection  protoscript  prototype  prototyping  psd  psychology  readability  reading  redirect  reference  research  resize  resolution  resources  rounded  roundedcorners  rss  rules  schemes  screen  screenshot  screenshots  scripting  search  selector  selectors  seo  service  shape  showcase  site  size  slides  slideshow  slimbox  snippets  software  spacing  spam  speed  standards  statistics  stats  stock  style  stylesheet  stylesheets  svg  symbol  table  tables  tabs  tagcloud  tags  technique  technology  templates  testing  text  texture  textures  theme  themes  theory  tile  time  tips  tool  tools  tooltip  transparency  tricks  tumblr  tutorial  tutorials  typeface  typography  ui  url  usability  useful  userexperience  utilities  utility  ux  UxD  vector  via:preoccupations  video  visualization  wallpaper  web  web2.0  webdesign  webdev  webmaster  webservice  webtools  widgets  windows  wireframe  wireframing  wordpress  wrap  wrapper  wrapping  writing  wysiwyg  xhtml  zoom 

Copy this bookmark:



description:


tags: