vielmetti + webdev   133

Designing The Holy Search Box: Examples And Best Practices | Design Showcase | Smashing Magazine
On content-heavy websites, the search box is often the most frequently used design element. From a usability point of view, irritated users use the search function as a last option when looking for specific information on a website. If a website’s content is not organized properly, an efficient search engine is not only helpful but crucial, even for basic website navigation. In fact, search is the user’s lifeline to mastering complex websites. The best designs offer a simple search box on the home page and play down advanced search and scoping.
design  search  webdev  patterns  webdesign  forms  catalog-of-ideas 
january 2009 by vielmetti
Viewing Large Images - OpenLayers, GSIV, ModestMaps, DeepZoom, and Python « Itinerant Source
One problem unlike all the other tools mentioned here, which have python based tile cutting implementations, Deep Zoom was utilizing a Windows only based program to process images and cut tiles. I had a couple of hundred gigabytes of images to cut, and not a windows system in sight. But based on this excellent blog write up by Daniel Gasiencia, I constructed a python program using PIL that can be used as a command line tool or library for constructing Deep Zoom Compatible image pyramids. It can be found here, hopefully its useful to others. As a bonus, it runs in a fraction of the memory (1/6 by my measurements) needed by the GSIV image tile cutter and faster as well ( 100 images in 5m vs 1.25hr). Unfortunately the Seadragon Ajax Library is not opensource, but non commercial usage seems to be okay with the license, and i’ll give it over to some lawyers to figure it out.
maps  webdev  deepzoom  seadragon  openlayers  python  neogeography 
december 2008 by vielmetti
HTML 5
The value of a property with a name name at any instant is the value of the name-value pair with name name in the list returned from the algorithm for getting the list of name-value pairs at that instant. (see also: buffalo buffalo buffalo)
webdev  html5  standards  xhtml  w3c 
december 2008 by vielmetti
Amazon SimpleDB
A traditional, clustered relational database requires a sizable upfront capital outlay, is complex to design, and often requires a DBA to maintain and administer. Amazon SimpleDB is dramatically simpler, requiring no schema, automatically indexing your data and providing a simple API for storage and access. This approach eliminates the administrative burden of data modeling, index maintenance, and performance tuning. Developers gain access to this functionality within Amazon’s proven computing environment, are able to scale instantly, and pay only for what they use.
webdev  web  amazon  ec2  aws  simpledb  database 
december 2008 by vielmetti
LukeW | Web Form Design: Filling in the Blanks -a Web design & usability book by Luke Wroblewski
Forms make or break the most crucial online interactions: checkout (commerce), registration (community), data input (participation and sharing), and any task requiring information entry. In Web Form Design, Luke Wroblewski draws on original research, his considerable experience at Yahoo! and eBay, and the perspectives of many of the field's leading designers to show you everything you need to know about designing effective and engaging Web forms.
books  design  howto  webdev  forms  fill-in-the-blanks  via:bloug 
november 2008 by vielmetti
Amazon Web Services Developer Community : Scalable Media Hosting with Amazon S3
Blue Origin is one small company with a big idea that successfully scaled its web site using Amazon S3. On January 2, 2007, the company posted information and videos on its web site about a test launch for a new vertical take-off, vertical-landing vehicle. Within the next day, the news was covered by both SlashDot and Boing Boing, sending a tremendous amount of traffic to its web site. With its media files stored in Amazon S3, it was able to instantly scale and handle the 3.5 million requests and 758 GBs in bandwidth in a single day.
howto  webdev  media  hosting  s3  aws  cloudcomputing 
october 2008 by vielmetti
Code: Flickr Developer Blog » Flickr Engineers Do It Offline
Currently, we have ten job queues running in parallel. At creation, each job is randomly assigned a queue and inserted — usually at the end of the queue, but it is possible for certain high-priority tasks to jump to the front. The queues each have a master process running on dedicated hardware. The master is responsible for fetching jobs from the queue, marking them as in-process, giving them to local children to do the work, and marking them as complete when the child is finished. Each task has an ID, task type, arguments, status, create/update date, retry count, and priority. Tasks detect their own errors and either halt or put themselves back in the queue for retry later, when hopefully things have gotten better. Tasks also lock against the objects they’re running on (like accounts or groups) to make sure that other tasks don’t stomp on their data. Masters have an in-memory copy of the queue for speed, but it’s backed by mysql for persistent storage, so we never lose a task.
webdev  flickr  web  development  programming  scaling  scalability  queue  article  queueing  fifo  memories-of-sendmail-wash-over-me 
september 2008 by vielmetti
A List Apart: Articles: Mapping Memory: Web Designer as Information Cartographer
The redesign of my law school’s website is not unlike the creation of a rhetorician’s memory dwelling. Built from the collective memory of our past and current students and faculty, the website is an abstraction—a map—of that memory, created to persuade prospective students to apply, current students to collaborate, and alumni to remain engaged with the school. The crucial difference is that the law school’s memory dwelling, unlike Quintilian’s, has more than one inhabitant. Our users, by continually adding to and altering the school’s collective memory, contribute to the production of the website—the abstraction of that memory. Instead of imposing an architecture upon users from above, we should use the flow of their interactions with the site and with each other to determine the form of this memory map.
design  maps  webdev  ia  metaphor 
august 2008 by vielmetti
Amazon Web Services Blog: Cloudbursting - Hybrid Application Hosting
Earlier this week my colleague Deepak Singh pointed me to a blog post written by Thomas Brox Røst. In the post, Thomas talks about how he combined traditional hosting with an EC2-powered, batch mode page regeneration system. His site (Eventseer) contains over 600,000 highly interconnected pages. As traffic and content grew, serving up the pages dynamically became prohibitively expensive. Renerating all of the pages on a single server would have taken an unacceptably long 7 days, and even longer as the site became more complex. Instead, Thomas used a cloudbursting model, regenerating the pages on an array of 25 Amazon EC2 instances in just 5 hours (or, as he notes, "roughly the cost of a pint of beer in Norway."). There's some more information about his approach on the High Scalability blog. Thomas has also written about running Django on EC2 using EBS.
aws  webdev  architecture  amazon  development  patterns  scaling  cloud  ec2  cloudcomputing  cloudbursting  django 
august 2008 by vielmetti
Selenium IDE: Selenium IDE
Selenium IDE is an integrated development environment for Selenium tests. It is implemented as a Firefox extension, and allows you to record, edit, and debug tests. Selenium IDE includes the entire Selenium Core, allowing you to easily and quickly record and play back tests in the actual environment that they will run.
Selenium IDE is not only recording tool: it is a complete IDE. You can choose to use its recording capability, or you may edit your scripts by hand. With autocomplete support and the ability to move commands around quickly, Selenium IDE is the ideal environment for creating Selenium tests no matter what style of tests you prefer.
webdev  firefox  web  tools  software  development  programming  javascript  ide  via:lightningtalks 
august 2008 by vielmetti
Mobile Emulators | dev.mobi
DotMobi strongly encourages the use of emulators during the development of any mobile site since they allow you to get a rough idea of how the site will look without having to purchase multiple devices or incurring data charges.

(i.e. see just how crappy a lot of mobile browsers are, and understand why it took the iPhone to make people actually use a mobile phone.)
webdev  mobile  web  development  phone  browser  emulator  emulators  list  simulator  but-will-it-play-tetris 
august 2008 by vielmetti
Query Generator : Tech Center : NPR
The Query Generator is a flexible tool to help users create their API calls. You must register before you can see any results from API calls, even in the Query Generator.
npr  api  mashup  podcast  radio  publishing  query-generator  mashups  webdev  tools 
july 2008 by vielmetti
web developer seo cheat sheet
read through the list to understand the first dozen recommendations from your seo firm. also: before you write web software, read through the list. thank you.
seo  webdev  2008  findability  faq  howto 
june 2008 by vielmetti
Dogme
If the designer cannot code the design, then he is not the designer.
design  manifesto  dogme  webdogme  webdev  party-like-its-2001 
april 2008 by vielmetti
How Game Mechanics Can Make Your App More Fun - O'Reilly Conferences
The five game mechanics discussed were collectiing things, earning points, providing feedback, exchanges, and cusomization.
****  party-like-its-2006  webdev  etch  games  gaming  ux  usability 
march 2008 by vielmetti
Introducing Django
Adrian and I developed Django to allow us to create reasonably complex database driven web applications in as little time as possible.
author  django  origin-story  from:kansas  webdev  database  newspaper 
march 2008 by vielmetti
Tim Berners-Lee on home page design, 1991
Good home page design is an art -- like the cover of a magazine, or a quick-reference card. Of course it depends on the readership. The CERN home page has to start with the CERN things to minimise the number of keystokes/clicks for the largest number
timbl  1991  www  webdev  webdesign  usability 
february 2008 by vielmetti
Developer | Slider | Measure Map
a user interface widget for picking a date range, provided by measure map (a piece of google). nicely done, and this deserves to replace a bunch of yucky date pickers.
adaptivepath  calendars  slider  date  ui  usability  visualization  webdev  widget  measuremap 
january 2008 by vielmetti
Pipes and Filters for the Internet
Yahoo!'s new Pipes service is a milestone in the history of the internet. It's a service that generalizes the idea of the mashup, providing a drag and drop editor that allows you to connect internet data sources, process them, and redirect the output.
yahoo  pipes  bradley-horowitz  mashup  webdev  horowitz  bradley 
november 2007 by vielmetti
A System for integrating Web Services into a Global Knowledge Base
The graph provided by a single site is referred to as its local graph and the knowledge base that emerges from the aggregation of these local graphs is referred to as the global graph. Graph super-positioning aggregates the global graph from the local gra
ggg  giant-global-graph  spider  local-graph  mashups  soap  webdev 
november 2007 by vielmetti
Subtraction: Something’s Missing in Web Design
boring web designs actually let some users accomplish the tasks that people set out to do, so they proliferate. that plus lots of templates = boring.
academia  boring  webdesign  design  essay  webdev 
november 2007 by vielmetti
Understanding Search Usability - Shari Thurow
Why do people do what they do before and after they arrive on your web site? By objectively observing target audience members and carefully analyzing their search behavior, web site owners can improve their web sites
design  berrypicking  libraries  library  superpatron  ux  findability  search  usability  webdesign  webdev 
november 2007 by vielmetti
Blueprint Grid CSS Generator
mitten's talk on blueprint at arbcamp was a hit.
arbcamp  css  design  via:mitten  quadrille  grid  webdev 
october 2007 by vielmetti
t' ... You've Tried the Rest, Now Try Alfredo's for a Change Pizza By Alfredo ... Scranton's 'Fines
some television reference that I didn't catch; 1997-era web design complete with awesome flying pizza cursor. "best viewed in netscape 4".
pizza  party-like-its-1997  tv  webdev  design 
october 2007 by vielmetti
twitterfeed.com : feed your blog to twitter - post RSS to twitter automatically
automated RSS-to-twitter feeder; for more than just blog information. (hm, this is something you would think that feedburner might do?)
aggregation  aggregator  bot  cool  feed  feedburner  mashup  openid  twitter  webdev  service 
october 2007 by vielmetti
Seth's Blog: How to create a good enough website
web design became a sacred art, one done only by the blessed few. In addition, it became expensive, because design changes got in the same queue as programming changes.
webdesign  webdev  innovation  online  redesign  seth  godin  seth  strategy  satisficing  copy-exactly  copy-approximately 
october 2007 by vielmetti
Don't Decorate, Communicate!
In our culture, we're trained from the moment we start reading to scan from left to right, starting from the top left of the page and working down to bottom right. We develop a natural rhythm as we do it, with our eyes moving swiftly to the end of each li
decorate  design  essay  via:oblique  simplicity  webdesign  webdev 
october 2007 by vielmetti
Shirky: In Praise of Evolvable Systems
Centrally designed protocols start out strong and improve logarithmically. Evolvable protocols start out weak and improve exponentially. It's dinosaurs vs. mammals, and the mammals win every time. The Web is not the perfect hypertext protocol, just the be
1996  shirky  protocol  design  evolution  webdev  webdesign  complexity  essay 
september 2007 by vielmetti
The Nearctic Spider Database
Greenland, Canada, the United States, parts of Mexico, and Bermuda are collectively home to 70 families, 674 genera, and approximately 4,500 species of spiders. A continuous inventory of their identity and geographic location is critical to the management
bioinformatics  biology  cool  database  insects  science  spider  spiders  webdev  michigan-spiders  species  identification  common-spiders 
september 2007 by vielmetti
Banner Blindness: Old and New Findings (Jakob Nielsen's Alertbox)
When you advertise through an advertising network, your ads will get fewer fixations than if you contract directly with the publisher for a specific placement and design your creative to fit that spot. As a result, you should bid less for network ads than
2007  advertising  banner  design  eyetracking  psychology  research  tracking  trends  ui  usability  ux  webdesign  webdev 
september 2007 by vielmetti
Seam Carving
demo of algorithm that resizes photos by clipping a pixel at a time from "seams"
cool  demo  editing  seam-carving  flash  graphics  images  photography  photoshop  photo  pictures  tools  webdev 
august 2007 by vielmetti
Facebook Sugar: How to Build Successful Facebook Applications
embed the viral distribution into the application. 7000 signups per hour.
facebook  webdev  want 
june 2007 by vielmetti
johannes ries / WP-FileManager
a plugin for wordpress that adds file management tools. (do you know of one similar, different, or better?) kthx
blog  plugin  tools  web2.0  webdesign  wordpress  webdev  auf-deutsch 
june 2007 by vielmetti
Angsuman's Authenticated WordPress Plugin - Password Protection for Your WordPress Blog
a plugin to hide your wordpress blog, e.g. when you are developing it before it's launched.
webdev  wordpress  security  webdesign  blog  plugin 
june 2007 by vielmetti
A List Apart: Articles: The Perfect 404
Welcome to the world of the Error 404 page. You’ve requested a page — either by typing a URL directly into the address bar or clicking on an out-of-date link and you’ve found yourself in the middle of cyberspace nowhere. A user-friendly website will
404  ala  design  howto  php  javascript  technique  tutorial  webdev 
june 2007 by vielmetti
The Art & Science of CSS - SitePoint Books
CSS-based design doesn’t need to be boring. The Art & Science of CSS brings together a talented collection of designers who will show you how to take the building blocks of your web site’s design (such as headings, navigation, forms, and more) and bri
css  design  books  webdesign  webdev 
may 2007 by vielmetti
Wordpress Hack / Tutorial: creating a “dynamic sticky” at MaxPower
keep one of a certain class of postings at the top, and rotate out when the next in the class posts
wordpress  webdev  howto  code  php  tutorial  webdesign  via:mitten 
april 2007 by vielmetti
Firebug :: Firefox Add-ons
Version 1.03 — April 4, 2007 — 291 KB / This fixes a security exploit.
firefox  firebug  debug  extension  webdev  tools  plugn  mozilla  javascript  via:whump 
april 2007 by vielmetti
InfoTangle :: Information Design for the New Web :: April :: 2007
the web has changed - "web 2.0' and all that - this is a good description of the common design themes in this era.
design  graphics  ia  ux  innovation  interface  internet  library  usability  visualization  web2.0  webdesign  webdev  via:mstephens7 
april 2007 by vielmetti
John Manoogian III » Blog Archive » (The Only) Ten Things To Know About CSS
start out just styling things with the color red, and then when you have it figured out do more. +9 other tips
art  design  css  hacks  howto  layout  programming  reference  tutorial  webdev 
march 2007 by vielmetti
Ann Arbor e-commerce firm Fry Inc. buys San Francisco consulting unit
Pinnacle Rock is a 35-person consulting firm that provides services to multi-channel retailers, catalogers and consumer goods manufacturers.
annarbor  fry  michigan  jobs  retail  webdev  catalog 
march 2007 by vielmetti
Brendan's Roadmap Updates: The Open Web and Its Adversaries
on the difference between corporate developed software with fixed behavior, and openly developed code with its unpredictable charm
openweb  webdev  innovation 
march 2007 by vielmetti
Tantek's Thoughts — 2007 February
In short, the lower the cognitive load of your interface, the more users will use your interface, and the more often they will use it.
cognitive  performance  tantek  twitter  usability  webdev  attention  cognition 
february 2007 by vielmetti
Masters Of Online Marketing
perry marshall mp3 interview series. not quite a podcast, because you have to give up your name to get info (and you will get more marketing directed at you as a result)
marketing  webdev  google  adwords  adsense  via:broyce  mp3 
february 2007 by vielmetti
Roland's Corpus
very lovely illuminated manuscript highlighting themes from the Roland corpus. some fancy ajax stuff going on under teh covers
hypertext  interface  text  xslt  via:bkerr  marginalia  web20  web2.0  webdev  ajax 
january 2007 by vielmetti
« earlier      

related tags

(‮‮(  ****  *****  3d  37signals  103bees  aadl  academia  accessibility  adaptivepath  ADD-TWO-TO-COBOL  adsense  advertising  adwords  aggregation  aggregator  ajax  ala  amazon  analysis  analytics  animation  annarbor  annotation  apache  api  appengine  applescript  arbcamp  architecture  art  article  association  attention  auf-deutsch  author  avatar  awesome  aws  baby  backups  bandwidth  banner  behavior  berrypicking  beta  bioinformatics  biology  blink  blog  blogger  blogging  blogosphere  blogs  blogthis  bookmarklet  bookmarks  books  boring  bot  bradley  bradley-horowitz  browser  budget  but-will-it-play-tetris  calendar  calendars  captcha  catalog  catalog-of-ideas  checklist  cherrypy  children  china  cloud  cloudbursting  cloudcomputing  cms  COBOL  code  cognition  cognitive  collaboration  combine  comet  comet-is-one-of-my-favorite-unicode-characters  comments  common-spiders  community  complexity  consulting  cool  coop  copy-approximately  copy-exactly  crm  css  dashboard  database  date  debug  december  decorate  deepzoom  delicious  demo  design  detroit  development  digg  directory  django  documentation  dogme  domscripting  drupal  ec2  ecommerce  economics  ecto  editing  editor  email  emulator  emulators  engineering  essay  etch  ethnoclassification  events  evolution  extension  eyes  eyetracking  facebook  faq  feed  feedburner  fifo  fill-in-the-blanks  finance  findability  firebug  firefox  flash  flickr  flow  folksonomy  fonts  footnotes  foraging  forms  free  from:kansas  fry  fun  fun-with-unicode-mirroring-character  funny  gadgets  games  gaming  gcal  ggg  giant-global-graph  gmail  godin  google  googlecalendar  googlemaps  gopher  gopherng  graphics  greasemonkey  grid  growth  hacks  halloween  heatmap  horowitz  hosting  hot-banana  howto  html  html5  http  humor  hypertext  ia  icon  icos  ict4d  ide  identification  identity  ietf  imagemap  images  informationarchitecture  innovation  insects  interesting  interface  internet  interview  interviews  is-that-a-banana-in-your-pocket-or-are-you-glad-to-see-me  ismap  iso  japan  javascript  jobs  jonudell  keyword  kids  language  layout  librarian  libraries  library  library2.0  librarylookup  librarything  lifehacks  list  local-graph  longtail  mac  manifesto  map  mapping  maps  margin  marginalia  marketing  markup  mashup  mashups  measuremap  media  meetup  memories-of-sendmail-wash-over-me  metaphor  metrics  michigan  michigan-spiders  microformats  milwaukee  mmorpg  mobile  mod_rewrite  momb  mozilla  mp3  mysql  neogeography  networks  newspaper  npr  online  openid  openlayers  opensource  openweb  opml  optimization  origin-story  osx  outliner  outliners  pair  parenting  party-like-its-1997  party-like-its-2001  party-like-its-2006  patterns  pdo  pearlcomments  performance  permalinks  personalization  phone  photo  photography  photoshop  php  php5  picture  pictures  pipes  pizza  plugin  plugn  podcast  powerpoint  presentation  preso  productivity  profile  programming  protocol  psychology  publishing  pv  python  quadrille  query  query-generator  queue  queueing  quicksilver  radio  rails  reading  recommendations  redesign  reference  remix  reporting  reputation  research  rest  retail  review  reviews  rss  rsync  rubyonrails  s3  s5  satisficing  scalability  scaling  science  seadragon  seam-carving  search  searchengine  security  sem  seo  service  seth  shirky  shoppingcart  si.umich.edu  sidenotes  simpledb  simplicity  simulator  slider  slideshow  soap  social  socialmedia  socialnetworks  socialsoftware  software  species  speed  spider  spiders  sql  standards  startup  statistics  stats  storage  strategy  superpatron  SWFObject  syndication  tagcloud  tags  tantek  technique  technology  technorati  template  testing  text  timbl  toolbar  toolkit  tools  tracking  traffic  trends  tutorial  tv  tweak  twitter  ui  umich  unicode  upcoming  upcoming.org  usability  usemap  ux  via:bkerr  via:bloug  via:britta  via:broyce  via:choconancy  via:deusx  via:digg  via:gmail+delpop  via:jnazario  via:jp  via:keyvowel  via:lightningtalks  via:mdc  via:mitten  via:mstephens7  via:oblique  via:revgeorge  via:strudeau  via:thedaniel  via:webuse  via:whump  visualization  w3c  waka  want  web  web2.0  web2.9alpha3  web20  webdav  webdesign  webdev  webdogme  weblog  webmaster  webservices  widget  widgets  wiki  wikipedia  wisconsin  wordpress  www  xhtml  xisbn  xml  xoxo  xslt  yahoo  youtube  yui  zines       

Copy this bookmark:



description:


tags: