Search for ‘JavaScript UX Design’

There are 50 entries matching ‛JavaScript UX Design’:


  • Good stuff

    Good stuff on design, usability and elegant coding from Adrian Holovaty and Tantek Çelik. And Dean has introduced a great Google highlighting tool which highlights your Google search terms. See it in action here (click the top link to clagnut). Update: Cal Henderson…

  • Variable fixed width layout

    There’s a different approach to web page layout which is gradually getting some traction. The idea is that the layout is changed to best accommodate the window size.

  • Ajax training workshop

    Following on from the great response we had to d.Construct, Clearleft is proud to be putting on an Ajax training course early next year.

  • On Information Design

    The Design Council has published a detailed look at what information design is and what is expected from information designers.

  • Photo fades and then some

    Scott Upton of Couloir has taken things to the next level with a resizing, fading JavaScript slideshow. I’ve made some bookmarking and accessibility suggestions (picking nits as usual).

  • Pixelsurgeon cured

    So taken was I with Pixelsurgeon’s invalid plight (as mentioned in the previous post) that I decided to rebuild the interview page using meaningful XHTML and CSS for all layout and presentation. The markup now validates to XHTML 1.0 and is much more useful, employing…

  • JavaScript-enhanced image replacement

    Most image replacement techniques work by displaying a background image of text and shifting the real text out of view which is fine unless you have images turned off. This can be addressed with some unobtrusive JavaScript.

  • Structure, presentation & behaviour

    By the miracle of coincidence, the latest issue of Digital Web has a fine article describing the issues I tried to overcome with the Clagnut drop-down menu, as discussed in my previous post.

  • Swiss cheese?

    I enjoy minimal design, and I also believe that, for the majority of commercial and otherwise meaningful sites on the Web, that is exactly what is required. But minimal design to me, does not mean no graphics, no Flash, etc. If these elements are seen to add to the experience…

  • Accessible contents menu?

    Clagnut’s global navigation is a JavaScript-driven drop down (the Site contents button graphical browsers will see top-right). An accessibility no-no, you might think, but I reckon otherwise.

  • It’s time to stop teaching web skills like it’s still 1999

    Design Week had an editorial highlighting the demise of craft skills and typography in college curricula. It reminded me that courses teaching web design in the UK rarely include such skills in the first place. So where are the good courses?

  • Bug Report, Design Engaged and PowerPoint

    PPK has a new browser resource called Bug Report. Design Engaged looked to be hugely successful and fascinating (link to a terrific animation). Veen talks about the difficulty of ditching the PowerPoint mentality.

  • A List Apart web design survey

    As noted by Zeldman, there is a strange absence of data about the web design industry. A List Apart has set about trying to change that, resulting in the Web Design Survey. If you’re a web designer of any description, you should fill it out.

  • Collaborative Design

    Keith Robinson starts a collaborative project with his Asterisk readers to ‘show that it’s possible to make a killer band site that looks cool and is very easy to use as well’.

  • jQuery for UX Designers

    I’m giving a virtual seminar on using jQuery in interactive wireframes. As a UX designer, it’s the course I wish had been available to me a few years ago.

  • Multimap is hiring

    Multimap is looking to hire a junior web designer/developer to assist the Multimap.com public site development team. The job is based in London.

  • Glaucoma and photography

    Sorry not some wonderful cure, but instead a few sites that might be of interest: an great looking, accessible charity site and some approachs to presenting photos on web pages.

  • old skool

    Frames and nested tables bemoan their demise: “NESTED TABLE: is there a place for us, for us maligned remnants of earlier html? We who are cast off by maturing web designers like the velveteen rabbit?” And a fine explanation of the correct use of quotation marks.…

  • XMLHttpRequest

    Just recently on Stylish Scripting, Simon Willison introduced the possibilities presented by the XMLHttpRequest extension to JavaScript:

  • Discovering DOM scripting

    DOM scripting is much more than getElementById. Elements can be isolated and manipulated without having an id at all. To demonstrate this I’ve put together a simple script which redefines the styles of a class.

  • Ten design principles of Dieter Rams

    Earlier this month, Clearleft went on a company outing to the Design Museum in London. There we spent some quality time perusing the work of the influential former Braun industrial designer, Dieter Rams. These are his ten principles for good design.

  • Browser quirk enlightenment

    Peter Paul Koch has just released QuirksMode, a huge resource exploring, explaining and working around the vagaries of browser support for CSS and JavaScript.

  • Normality returns

    Thanks for your support. I don’t normally get political here at Clagnut, and even less often do I get angry and sweary, so I thought I’d show any new readers what I normally write about, by way of a top ten most visited posts this fortnight.

  • Recent mark-up chatter

    I’ve contributed my two penn’orth to a couple of interesting HTML related posts.

  • Accents in alerts

    Ever needed to put accented characters such as é into a JavaScript alert? It’s surprisingly problematic.

  • Bulletproof Ajax

    I’m extremely proud to say my esteemed colleague, Jeremy Keith, has finished his latest book, Bulletproof Ajax. Jeremy is also running an Ajax training workshop to coincide with the book launch.

  • Top ten tips for web typography

    The latest issue of Design Edge Canada magazine – a publication for Canada’s graphic design industry – was a web typography special for which I contributed top ten tips for web typography.

  • Brown is the new grey

    Interconnected has been redesigned. It’s a neat non-table, 100% CSS design in brown (definitely the new grey). Note how the whitespace of the indented paragraphs describes a square. Nice. While I was there I spotted this: Patterns for Personal Web Sites, a compendium…

  • At @media again

    So I’m off to @media for the rest of this week – can’t wait! And in other news I have an article in this month’s Practical Web Design magazine.

  • Users define usable

    “Ultimately, of course, the users’ performance defines what’s usable. If users can easily accomplish what they want to do, then the design is usable.” Pixelsurgeon Interviews Jakob Nielsen. I have embarked on a project called ukbloggers with Ed from…

  • The devil’s in the minutia

    Zeldman recently opined that, since the mainstreaming of web standards, there should be more talk in design circles of content, design and usability, but then lays into recent round table discussions on HTML, implying they are harmful.

  • More Gardening

    Andy Budd has created a lovely design for the Zen Garden. I’m giving a SkillSwap talk this Monday on Design Process – Evolution of the Wireframe. Dave Shea has reinvigorated discussion on designing with colour deficient folks in mind and points us to Pixy’s…

  • In the Box

    “It’s not because he’s American and it’s not because the British are evil. Fundamentally, simply, basically, finally he’s just hated because he’s a twat.” On an unrelated note, get yerself over to Whitespace, a great new blog focussing…

  • Brief thoughts about web typography in 2015

    Last week Digital Arts online featured me, among others, in a piece on web fonts in 2015. My main points were twofold: more interesting treatments are required, and type designers keep giving us more fantastic materials to work with.

  • Clutching at straws

    A recoding of Zeldman’s ‘previous reports’ button to use a styled link rather than a javascript-driven form button.

  • Web Standards Awards

    The Web Standards Awards have just launched tp celebrate and encourage CSS-based design. The emphasis will be on commercial sites which is definitely a good thing as the Web design world as a whole has a lot of catching up to do.

  • Stand back

    A quick review of the amazing Public Lettering walk website.

  • Why designers should and shouldn’t code

    At Clearleft, our designers do not mark up their own designs. We require that they can all code well, but they never touch a line of production HTML. Why should our designers be able to code but not be required to do so?

  • Blog Design Solutions

    I think it’s high time I told you about my new book; or rather our book, Blog Design Solutions.

  • The good, the bad & the funny

    Netscape’s DevEdge has been redesigned as a standards showcase. Yes, another important web site has been redesigned and built without table-layout. Visually, it’s hardly cutting edge, but is easy on both the eye and the mouse. The drop down menus are rather splendid…

  • Lists and more lists

    Russ Wealkley of Max Design has created Listamatic, a great resource showing how to apply CSS styles to lists. There’s heaps of examples with the CSS exposed, including a version of my own tabs as a list effort. What’s more, it’s in the spirit of the Zen…

  • Why oh why?

    Scene 360 asks the question of twenty three top zines and design portals: Why do you do it? A beautifully put together piece with some fascinating insight into how the likes of K10K and Design is Kinky think. The Evolution of Type, a fine introduction to the origins, evolution…

  • The state of accessibility in the real world

    One of the prime reasons for going to @media was to learn more from recognised experts in the field of accessibility, and yet I came away confused and disillusioned about the state of the things.

  • Line breaks in tooltips

    So I was perusing the Guardian’s World Cup fixtures guide and noticed a little feature I’d never seen before: line breaks in tooltips. Also, a brief note on information design for events changing over time (goals being scored for example).

  • City of Sound

    City of Sound is a new addition to my blog roll. Written by Dan Hill, it’s a London-centric weblog with a somewhat grand raison d’être.