Posts about web design

  • Scrrenshot of Rachel Andrew's website, built using CSS Grid

    I’m beginning to delve into the newest extension of the CSS style rule possibilities at a professional level, in order to design and create websites which break the mould.

  • I’m moving to Swiss web agency Say Hello as partner, client consultant and full-stack developer from January 2019.

  • I presented at the WordCamp conference in Lausanne a couple of weeks ago, on the subject of website usability. The video of my talk is now online.

  • I’m presenting at WordCamp Lausanne at the end of September. Come and hear me talk about user interfaces and usability, and get your questions answered too.

  • Through my participation of the regular and sociable “WordPress Meetup” in Bern, I was one of the volunteers who helped organize the WordCamp conference in Switzerland’s capital last weekend.

  • Defining custom artboards in Sketch to better reflect modern screen resolutions.

  • An analysis of the visitor statistics during a recent web project showed that a large number of visitors were visiting the site using medium-small devices with 1024px x 768px screens. This corresponds to an iPad held in horizontal format. But further research into the statistics showed that a large proportion of the visitors with this screen…

  • Eleven years later, and Interlaken Town Council are still using the website I built for them. It may not be programmed for optimal use on mobile devices, pre-dating the iPhone by three years, but it still works flawlessly.

  • Until I had to switch to doing mainly technical work on web projects, I used to do a lot of design work. I came across my old designs when clearing out my home office and thought you’d like to see a few of them.

  • …doesn’t have anything to do with jumping up and down to music. Sadly. Typographic principles are just as valid in designing for the web as they are in designing for traditional media. Through the application of a very simple mathematical principle, a design becomes more peaceful and the visitor is calmed by a subliminally identifiable pattern. (Our…

  • Whether because they slow down the loading of the site, get in the way of what the visitor is looking for, or are often ignored as a type of ad banner, many websites would benefit from moving away from these legacy page elements to implement better and more user-friendly alternatives.

  • Website visitors can and do scroll the page to find what they’re looking for. That doesn’t make this scrolling action a good user interface design solution.

  • Using modules in front end web programming to allow more flexibility and more independence from site layouts for content elements.

  • You start off with an idea, progress it to a concept, make a design, fiddle with it for too long, then turn it into a working prototype. If all goes well, then you’re in for a couple more rounds of revisions and improvements, then the site gets filled with content and you launch the site.…

  • One of the key parts of developing a web design, promoting a project with a graphic design, or presenting an idea to a web client is showing them how the design will actually look. Until the requirement to support a wide range of devices came along, the designer would create a layout with Photoshop or…

  • The first in a series of posts outlining the basics of how designers can plan layouts for the widest possible range of internet-capable devices.

  • The term “responsive design” refers to the fact that a website is suitable for viewing on any device, from a smartphone to a super-sized t.v. screen. But is it actually important, nearly four years after the requirement became prevalent, that this term is still applied when selling a project to a client?

  • The British Design Museum has announced its nominations for the 2013 Design Awards, amongst them the fascinating Rain Room und the latest Windows Phone. But the nomination which interests me the most is the British government’s website gov.uk. The website is the latest version which attempts to begin bringing all of the various government websites  under one roof;…

  • I know: my web design profession means that I can never leave this site alone. But I must confess that I am longing for the cleanliness and easiness of a simpler blog: like the Tumblr blog I started last year, or the minimalist blog Marcel started recently. The truth is that the behemoth I (re-)launched…

  • If you’re like me, a web developer, and programme responsive web layouts using @media queries, you’ll often get lost knowing precisely which set of rules are currently applied to the page. Here’s a handy tip to make things easier.

  • Shift + refresh

    Time for a re-think on how this website is organized and laid out. Priorities will be a more graphically appealing portfolio, a more easily scannable “blog” section, and a Mobile First approach to design and functionality. Stay tuned. (But don’t hold your breath while you do. It may be a while.)