Sites offering tips, tricks, tutorials and design reviews for web designers and developers
One of the top online web design and development resources, Smashing Magazine provides tips and tutorials, reviews of design and development tools and free font, icon and template downloads. The site recently got a responsive makeover that eliminated the separate mobile version of the site.
Online mobile edition of the world's best-selling print magazine for web designers and developers. Based in London .net was founded in 1994.
On CSS-Tricks, web designer Chris Conyier talks about design and offers tips and tutorials on taming the powerful but sometimes frustrating capabilities of Cascading Style Sheets. The mobile view of CSS-Tricks, which was created by Mobify does a nice job of maintaining the look and feel of what is an exceptionally attractive site.
A List Apart
A List Apart (ALA) is a highly regarded online magazine covering web design and development started by Jeffrey Zeldman in 1998. ALA is notable not only for the quality of its articles but also for the visual design and standards compliance of the site.
ALA last week launched a mobile version which continues the tradition of superior design and usability set by the main site. ALA mobile scores 5 out of 5 on Ready.mobi and the markup validates. It was built using the tools and services of Mobify.me, a Vancouver based startup which offers web designers an easy to use interactive design tool for creating mobile sites. Mobify also hosts sites created with the toolset. Device detection and adaptation is built-in to deliver sites optimized for handsets ranging from the iPhone to low end feature phones.. Mobilfy offers both free and paid options. If you are a web designer or publisher looking for a relatively painless way of creating a professional quality mobile site I suggest taking a look at Mobify.me. Disclaimer: I'm doing consulting work for Mobilfy.
@ The Pastry Box Project
Group blog on the topic "Shaping The Web". Thirty well known web designers and web standards experts take turns discussing their work and ideas with a new post every day.
Web front-end developer, Niels Matthijs personal and professional blog has articles on web design, movie reviews and a gallery on Niels' travel photos. He recently redesigned the site using responsive design principles so that it reflows to a single column in modern mobile browsers 320 px and wider. You can read about the redesign on the site.
The site is built with Octopress, an interesting, new to me, a blog aware, static site generator that claims to create a mobile first, "responsive design" layout. I came away impressed. The site looks great in smartphone browsers and Opera Mini and, unlike many overweight responsive sites, it loads quickly and is readable, if ugly, even in the Myriad (formerly Openwave) dumb phone browser.
Move The Web Forward
A "Responsive Web Design" site promoting web developer community involvement in open standards. Links to web design and development resources and places where you can contribute to creating and promoting open standards.
Paul Rouget's Blog
Paul Rouget is a developer at Mozilla who also presents at tech events. He blogs about Web and browser development and design and occasionally mobile. His post "Mobile Web: Taiwan, Opera and WebOS" is a must read for mobile designers and developers.
Paul's blog, which I'm guessing runs on his code rather than an off the shelf CMS, works equally well in both desktop and reasonably capable mobile browsers.
Adactio: Jeremy Keith
Web Developer Jeremy Keith's Adactio, is a web design and development blog and a showcase of Jeremy's work.
Adactio was cited recently in James Pearce's post "Not a mobile web, merely a 320px-wide one" as an example of the new school of "Responsive Web Design" which advocates using a fluid design and CSS media queries to create sites that adapt to a variety of viewport widths including those of mobile browsers. Pearce argues that making a page fit the screen's width without considering document size and the different use cases of the mobile context tends not to give an optimal mobile user experience.
I agree with James but I noticed that, unlike his other examples of "Responsive" sites whose pages average hundreds or even thousands of kilobytes in size, Adactio's pages, with the exception it's image heavy portfolio page, are quite svelte with the three I checked ranging in uncompressed size from 23 for the front page to 69 KB for a lengthy post.
Abduzeedo is a beautifully designed site by Brazilian web designer Fabio Sasso. It has design news, site reviews and tutorials to help you do more with Photoshop, Illustrator, Fireworks, Pixelmator, GIMP and CSS. The site uses a responsive design to adapt to modern smartphone browsers.
jeffrey-way.com m.jeffrey-way.com Personal blog of web designer JeffreyWay, the editor of the well known design sites Nettuts+ and the Theme Forest directory of themes for WordPress, Joomla and other CMSs. Jeffry-Way.com includes a number of Jeffrey's web design and development tutorials. Mobile view by Mobify.
Live and archived podcasts of interest to webmasters and web developers. WebmasterRadio.fm publishes several new podcasts daily covering topics like WordPress tips and tricks, SEO, affiliate marketing and advertising. There's a dedicated channel covering the mobile web. Mobile view by Mobify
Brad Frost Web
New York City-based web developer, designer, musician and artist Brad Frost's beautifully crafted site features his portfolio, drum and bass music tracks and his blog on web and mobile design.and development topics.
Web designer Laura Athanasiou's personal and tech blog covering design, tooling for web designers along with comentary on life and her other interests including film. The site's lightweight minimalist responsive desigh works well in most mobile browsers
That Web Guy
ARE YOU design
"ARE YOU design" is the home of New Jersey based web designer/developer Sai-Kit Hui's personal blog "Are You Insane" - where he writes and rants, in a wry, often humorous, style about design, sports, video games, politics and life.
U.S. born, South Korean based web designer Amy Stoddard's blog has articles on design including a detailed tutorial on Making a Mobile Version of Your Site with Mobify.me.
Hasn't been updated since 2011.
Chris Messina is an opensource advocate known for his work with Firefox, Flock and the Bar Camp movement. Chriss now works at Google as an open web evangelist. One of my favorite Chris Messina posts is, "Steve Jobs hates the App Store". The title is a bit misleading, the provocative and lively post is really about Chris' belief that the future of computing, including mobile computing, is not with apps but with web services. Highly recommended.
You can read Steve Jobs hates the App Store and the rest of Chris' thoughts on the web, social networking, open source, mobile browsers and a whole more at his blog, FactoryCity. The site's mobile edition is generated with Alex King's Carington Mobile Wordpress plugin.
No updates since 2010.