Skip to main content

Bookmarks tagged with “webdesign”

  1. Discovering Sketch — .Sketch App — Medium

    Lots of people I know use Sketch but I’d never looked at it. Reading this I can see why people prefer it over Photoshop for many kinds of design. (via Daring Fireball)

  2. No more accordions: how to choose a form structure | User research

    I didn’t link to this when I read it, but it’s stuck with me. It describes changes to GOV.UK’s recommended form structure guidelines, based on user testing.

  3. The Hamburger Menu Doesn’t Work - Deep Design

    For next time I’m trying and failing to remember where I last read an article like this. (via Dotcode)

  4. The God Login

    I thought I’d bookmarked this at the time. Some thoughts on making better login forms. I don’t agree with all of it, but good for a starting point for thinking.

  5. Fontello - icon fonts generator

    Create your own icon font using only the icons you need, select from Font Awesome and other free libraries.

  6. Adactio: Journal—Web! What is it good for?

    Another smashing post from Jeremy Keith. “What attracted me to the web was its remarkable ability to allow anyone to share anything, not just for the here and now, but for the future too.”

  7. Adactio: Journal—Instantiation

    Jeremy Keith on how people who complain the web is slow and rubbish are right to the extent that many people making websites have made them more slow and more rubbish than they should be.

  8. Website Style Guide Resources

    “Things people have written about style guides.” Many links. (via Tom Taylor)

  9. The Boring Designer

    On why the most boring design is often the best one. Yes. (via @paulpod)

  10. Jared Spool’s answer to What is the current market hourly rate (contract) for a great designer who can design (visual/ux/product) and develop award-winning user interfaces? - Quora

    “…you’re looking for someone who is such an outlier in the industry that you’ll pay whatever rate they demand.” (via Stellar)

  11. The Icon Browser

    Loads of little icons collected from 1994 to 1996. (via One Terabyte of Kilobyte Age)

  12. User Onboarding | A frequently-updated compendium of web app first-run experiences

    Really, really good detailed step-by-step look at how various services get users signed up. (via Tom Taylor)

  13. GOV.UK elements

    HTML/CSS elements and how to use them on GOV.UK. Really useful, even if you’re doing differently, as a checklist of stuff to consider. (via @jamesweiner)

  14. Layout in Flipboard for Web and Windows

    Fascinating look at how Flipboard automatically match content to one of thousands of possible page layouts (some created by designers, some more algorithmic). (via @revdancatt)

  15. Crafting link underlines on Medium

    Not necessarily for how they decided to make nice underlines on text, but for the description of how complicated a very simple-seeming website can be. (via @jamesweiner)

  16. Grid

    A very nice step-by-step guide to a simple CSS grid system for responsive websites. Everyone will end up with something more complex, but it’s a nice intro. (via @felix_cohen)

  17. Butterick’s Practical Typography

    Free online guide, which seems quite good, but… all that attention to detail and he makes it almost impossible to tell what’s a link. Bloody Designer designers. (via Daring Fireball)

  18. Sneak peek of Macaw - The code-savvy web design tool

    Actually looks quite good. Jump to the end to see the finished page in-browser, and the HTML and CSS. (via @jamesweiner)

  19. Jessica Hische on typography

    Really nice, lengthy article on how to choose typefaces, particularly for websites. (via Waxy)

  20. Flat UI Free - PSD&HTML User Interface Kit - Designmodo

    Looks interesting for quickly making things look nice. (via @paulpod)

  21. How We Built “Music Looks Awesome” & How You Can Join In - This Is My Jam

    Brilliant stuff - automatically making big, interesting, background images from a smaller album/video image.

  22. iWantHue

    Another colour palette-generating thing. Looks nice, although I did seem to keep getting palettes containing two or more very similar shades. (via Migurski)

  23. Subcompact Publishing — by Craig Mod

    I’ve only read a third of this so far but it’s very good. There are so many opportunities for small publishing these days, while the old, slow big publishers struggle. (via @readmatter)

  24. A List Apart: Articles: The Web Aesthetic

    Paul Robert Lloyd on designing for the web’s constraints, not imitating other media.

  25. Adactio: Journal—Image-y nation

    One way to do responsive images on web pages for different-sized devices which is very reminiscent of the old LOWSRC images which I’ve been thinking about recently. (via Infovore)

  26. Geocities-izer - Make Any Webpage Look Like It Was Made By A 13 Year-Old In 1996

    “Make Any Webpage Look Like It Was Made By A 13 Year-Old In 1996”

  27. FitText - A plugin for inflating web type

    “Use this [jQuery] plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.” Nice. (via @simonw)

  28. Kern.js - Make web kerning suck less.

    Nice: if you’re using Lettering.js on your page, this lets you adjust the text on the page until it looks right, then gives you the CSS adjustments to match your final look.

  29. Lettering.js - A jQuery plugin for radical web typography.

    Quite nice - adds spans around individual letters, words or lines so you can easily style them with CSS. But all that extra HTML feels “wrong” to me, even if it’s generated automatically. Some pretty examples though.

  30. Still “forgetting the styles of archaic technologies” | One Terabyte of Kilobyte Age

    “Professional screen design is all about forgetting. Forgetting and ignoring the browser, the interface, pixels, … We should do something about it in 2012.”

  31. Making the Perfect Listing - Gidsy

    A very nice guide to how to list something on this “community marketplace”. Scroll down and things move… (via @mattb)

  32. Golden Grid System

    This looks very nice. Making a stretchable grid for web pages, that changes the number of columns depending on the page width. I want to play with this. (via Waxy)

  33. 4 key pieces of audience engagement missing from Andy Rutledge’s news redux

    Also, Martin Belam’s good critique of Andy Rutledge’s unofficial redesign of a New York Times page.

  34. Design View / Andy Rutledge - News Redux

    For completeness, I might as well link to the post that started this flurry of digital news design posts, Andy Rutledge’s attempt to redesign a page of the New York Times.

  35. Redesigning And Re-Thinking The News | Drawar

    More new stuff on redesigning news websites. This is all part of a good discussion, but it doesn’t feel like we’ve moved on much. Yet. (via Daring Fireball)

  36. Designing a big news site is about more than beauty » Nieman Journalism Lab » Pushing to the Future of Journalism

    Good thoughts on why designing news websites is hard. Maybe it’s impossible with one design: too many competing stakeholders and use cases. (via Daring Fireball)

  37. Balsamiq

    Very nice-seeming Flash-based tool for creating mockups of UIs, userflows, etc.

  38. Performance Calendar » PNG that works

    Everything you need to know about PNGs on the web in one handy, well-explained page. (via Dotcode)

  39. Subtraction.com: An Archive for Interaction Design

    Archiving digital design is difficult, like trying to archive a conversation.

  40. MySociety » Blog Archive » Seeking to Contract an Interactive Designer for FixMyTransport

    The good folks at mySociety are looking for a freelance designer to make their new project beautiful and lovely.

  41. One Terabyte of Kilobyte Age | Digging through the Geocities Torrent

    A blog outlining some peoples’ explorations of the torrent of all the archived GeoCities data. Some lovely old bits of early web archaeology in there.

  42. A List Apart: Articles: A Simpler Page

    A bit about the problems of formatting long-form stuff for different screens, and then his solution, Bibiotype, an HTML/CSS/JS template, which is really gorgeous.

  43. Little Big Details

    Examples of nice little UI touches. Some a bit obvious but others that are lovely. (via @paulpod)

  44. Delicious blog » Changes to Save and Share

    I usually don’t mind changes to sites that get lots of users stupidly riled up but, a few nice details aside, the new Delicious ‘Save’ window does seem a step backward in several ways. And, ouch, that’s a lot of unhappy users. (via Blech)

  45. LukeW | “Mad Libs” Style Form Increases Conversion 25-40%

    Redesigning a form to a “Mad Libs”, sentence style increased conversion 25-40%.

  46. Social Media Icons — Paul Robert Lloyd

    Handy sometime I expect. Standardised icons for services, in four sizes.

The most common tags

  1. webdevelopment (730)
  2. london (357)
  3. uk (317)
  4. music (255)
  5. javascript (171)
  6. mac (167)
  7. articles (152)
  8. maps (146)
  9. css (146)
  10. via:kottke (139)

More…