Web Standards News
Using max-width on images can make them disappear in IE8
2 Feb 2012by Roger Johansson
I recently ran into a problem that was really hard to figure out. I was working on a responsive design where I used img {max-width:100%;} to make sure that images would be downsized rather than overflow in narrower viewports. It worked great everywhere… until I went to check in IE8. The site’s ... continues
via [456 Berea Street]
Responsive Images: How they Almost Worked and What We Need
31 Jan 2012by Mat Marquis
With a mobile-first responsive design approach, if any part of the process breaks down, your user can still receive a representative image and avoid an unnecessarily large request on a device that may have limited bandwidth. But with several newer browsers implementing an “image prefetching... continues
via [A List Apart]
Pricing Strategy for Creatives
31 Jan 2012by Jason Blumer
Strategic pricing helps your brand and helps you to make more money. Issuing a price is like handing out a business card—it’s a great branding tool, but be careful about what it says to your market. Beginning relationships with customers at a high price makes the statement: “we’re good at wh... continues
via [A List Apart]
Gridiron League
25 Jan 2012Gridiron League:
Wes Kull: This is not an exercise in nostalgia but an interpretation of the league’s founding principles through the symbols that we, as football fans, identify with most. Many NFL franchises — Patriots, Broncos, Rams, Lions — have updated their uniforms and logos t... continuesvia [Cameron Moll / Designer, Speaker, Author]
Building Twitter Bootstrap
17 Jan 2012by Mark Otto
Bootstrap is an open-source front-end toolkit created to help designers and developers quickly and efficiently build great stuff online. Its goal is to provide a refined, well-documented, and extensive library of flexible design components created with HTML, CSS, and JavaScript for others to build a... continues
via [A List Apart]
An Important Time for Design
17 Jan 2012by Cameron Koczon
Design is on a roll. Client services are experiencing a major uptick in demand, seasoned design professionals are abandoning client work in favor of entrepreneurship, and designer-co-founded startups such as Kickstarter and Airbnb are taking center stage. It’s becoming increasingly difficult to ig... continues
via [A List Apart]
A Pixel Identity Crisis
17 Jan 2012by Scott Kellum
The pixel has long been the atomic particle of screen based design: a knowable, concrete unit of measurement. But layouts based on the hardware pixel are fast becoming an endangered species. Even the introduction of a new, W3C standard reference pixel, although it promises stability in the long-term... continues
via [A List Apart]
Of Mice and Markets
3 Jan 2012Of Mice and Markets: Zeldman: In the short run it’s going to be hell, just as the browser wars and their lack of support for common standards were hell. But it is the short run…. When I see fragmentation, I remind myself that it is unsustainable by its very nature, and that standards al... continues
via [Cameron Moll / Designer, Speaker, Author]
How to adjust an iframe element’s height to fit its content
16 Dec 2011by Roger Johansson
In an ideal world there would always be a clean way of displaying data supplied by a third party on your site. Two examples would be getting the data in JSON or XML format from a Web Service and having an API to code against. But you don’t always have any of those options. Sometimes the only way ... continues
via [456 Berea Street]
An End to Aging IE Installs
15 Dec 2011by agustafson
Do you hear that sound? That’s right Johnny, it’s the sound of millions of web professionals breathing a collective sigh of relief.
via [The Web Standards Project]
Lighting Techniques for Video Interviews
15 Dec 2011Lighting Techniques for Video Interviews: This is an excellent tutorial that answered a lot of questions for me regarding how to light an interview properly, as that’s something I’m still experimenting with.
via [Cameron Moll / Designer, Speaker, Author]
What I Learned About the Web in 2011
13 Dec 2011by Our Gentle Readers
As the year draws to a close, we asked some A List Apart readers to tell us what they learned about the web in 2011. Together their responses summarize the joys and challenges of this magical place we call the internet. We need to continue to iterate, to embrace change, and challenge complexity to ... continues
via [A List Apart]
Testing tweet embeds
11 Dec 2011by Douglas Bowman
The Long and Short of It – super simple tweet embedding in WordPress wp.me/pf2B5-2pL — Doug Bowman (@stop) December8, 2011
via [Stopdesign]
Visited links can only be differentiated by colour
8 Dec 2011by Roger Johansson
Showing whether a link on a web page has been visited or not can be very useful. One example that many will be familiar with is how it helps you know which links you have already followed from a Google search results page – links to pages you have already visited are a different colour than the ot... continues
via [456 Berea Street]
Hero
6 Dec 2011Hero: This is a really fantastic, well-shot piece. And the resulting portrait definitely wasn’t what I was anticipating. Update: The process of creating art with small dots is called stippling. Had no idea. (Thanks @signalnoise.) /via @jontangerine
via [Cameron Moll / Designer, Speaker, Author]
The difference between width:auto and width:100%
2 Dec 2011by Roger Johansson
When adapting a layout for different viewport widths (a.k.a. responsive design) or media (like print), it’s common to reset any float and width values on major layout blocks to linearise their display. Unfloating a floated element is as simple as specifying float:none. Width doesn’t seem to be ... continues
via [456 Berea Street]
Beyond the Blue Beanie?
30 Nov 2011by Stephanie (Sullivan) Rewis
You put on your blue beanie every year. But you can make a difference throughout the year. For several years, web workers passionate about web standards have donned blue beanies for one day to bring attention to the importance of using web standards, keeping the web open, and continually moving it f... continues
via [The Web Standards Project]
Letterpress Tuesday
29 Nov 2011Letterpress Tuesday:
A brief hiatus from hiatus-ing to announce Letterpress Tuesday, a one-day holiday sale exclusively for letterpress goods made by yours truly and a few other vendors. As for my stuff, this is final promotional sale of 2011, so if you’d hoping to receive or gift one of my pos... continuesvia [Cameron Moll / Designer, Speaker, Author]
Say No to SOPA
29 Nov 2011by Jeffrey Zeldman
A List Apart strongly opposes United States H.R.3261 AKA the Stop Online Piracy Act (SOPA), an ill-conceived lobbyist-driven piece of legislation that is technically impossible to enforce, cripplingly burdensome to support, and would, without hyperbole, destroy the internet as we know it. SOPA appro... continues
via [A List Apart]
Getting Started with Sass
29 Nov 2011by David Demaree
CSS’ simplicity has always been one of its most welcome features. But as our sites and apps get bigger and become more complex, and target a wider range of devices and screen sizes, this simplicity—so welcome as we first started to move away from font tags and table-based layouts—has become a ... continues
via [A List Apart]
Styling buttons in iOS WebKit and -webkit-appearance:none
24 Nov 2011by Roger Johansson
I just recently ran into an issue when styling buttons that had me pulling my hair for a while. I had my buttons looking the way they were supposed to look in desktop browsers, but when I went to have a look in Safari for iOS, much of my CSS wasn’t applied. This was pretty puzzling as I couldn’... continues
via [456 Berea Street]
Screen readers and CSS
17 Nov 2011by Roger Johansson
As I have noted in a couple of blog posts recently, there are some cases when CSS has quite unexpected results in screen readers (or the way web browsers create the accessibility information they hand over to screen readers). If you haven’t read them, the posts are Screen readers, list items and l... continues
via [456 Berea Street]
The ALA 2011 Web Design Survey
15 Nov 2011by ALA Staff
The profession that dares not speak its name needs you. Digital design is the wonder of the world. But the world hasn't bothered to stop and wonder about web workers—the designers, developers, project managers, information architects slash UX folk, content strategists, writers, editors, marketers,... continues
via [A List Apart]
JavaScript-created markup also needs to be semantic and accessible
10 Nov 2011by Roger Johansson
Back in the day you used to be able to view source on a web page to see the markup used to create it. These days, on many sites, a large portion of the markup is not visible when you view source because it is inserted by JavaScript functions. That isn't necessarily a problem provided that you use p... continues
via [456 Berea Street]
An accessible, keyboard friendly custom select menu
3 Nov 2011by Roger Johansson
I’ve always been wary of styling form elements too much. Possible usability and accessibility issues, browser quirks, and the fact that the CSS specification does not define form control styling are the main reasons. With that said, sometimes you have to do things you don’t really want to. Like... continues
via [456 Berea Street]
Expanding Text Areas Made Elegant
1 Nov 2011by Neil Jenkins
An expanding text area is a multi-line text input field that expands in height to fit its contents. Commonly found in both desktop and mobile applications, such as the SMS composition field on the iPhone, it’s a good choice when you don’t know how much text the user will write and you want to ke... continues
via [A List Apart]
No more conditional comments in IE10
27 Oct 2011by Roger Johansson
It’s not exactly news – it was announced in July in HTML5 Parsing in IE10 – but in case you missed it, Microsoft are removing support for conditional comments from IE10. I don't expect this to be a big deal. Actually I’m not sure it will have any impact at all, at least not for me. It’s a... continues
via [456 Berea Street]
Hiatus
27 Oct 2011It’s clear by now dust is gathering at this domain. I’ve been okay with that, and will continue to be okay with it, but only a little longer. I’ve been swamped with obligations on my current projects and have traveled much more than usual. I’ll visit NYC for the third time in a month startin... continues
via [Cameron Moll / Designer, Speaker, Author]
Please provide a usable fallback for Flash content
20 Oct 2011by Roger Johansson
Since uninstalling Flash I’ve noticed how common it is for sites that still use Flash to pay little or no attention to visitors that do not have Flash Player installed. Showing a “Missing plugin” message instead of navigation links or even worse, the entire site, is an efficient way of turning... continues
via [456 Berea Street]
Build Icon Set, vol. I
30 Sep 2011Build Icon Set, vol. I:
This is just neat. Adrian Pelletier, recently married and not in a position to donate as much as he’d like to our charity: water campaign, contacted me to offer his Build icon set as a free download for those who donate. It’s what we call an in-kind donation, and it’s... continuesvia [Cameron Moll / Designer, Speaker, Author]
Twelve Days
29 Sep 2011
I’m blessed to have remarkable parents who created opportunities for unforgettable experiences during my childhood. This is one of those experiences. Leading up to Christmas one year, my parents gathered the family together and announced that we would be helping another family in need. This was... continuesvia [Cameron Moll / Designer, Speaker, Author]
HTML5 Whiteboard Magnets
26 Sep 2011
Last Friday I posted a photo of these magnetic HTML5 elements from part of our homeschool curriculum, and several of you expressed interest in knowing how I made them. It’s pretty simple: magnetic sheets that are compatible with any inkjet printer. I’ve used Avery magnet sheets satisfactorily... continuesvia [Cameron Moll / Designer, Speaker, Author]
Food Allergy Walk for Jonas Gruber
23 Sep 2011Food Allergy Walk for Jonas Gruber: John Gruber and I have known each other for years, first teaming up on a project for Joyent way back when, and communicating regularly since then. We share something in common: a son who has a serious medical condition. Jonas has a life-threatening dairy allergy,... continues
via [Cameron Moll / Designer, Speaker, Author]
Whose code is worse – Muse’s, WordPress’s, Tumblr’s?
8 Sep 2011by joeclark
It’s no contest: Tumblr’s
via [Personal Weblog of Joe Clark, Toronto » Web standards]
BookCamp Toronto 2011: ‘E-books are hard. Let’s go shopping’
21 Aug 2011by joeclark
BookCamp Toronto 2011 was a liberal-feminist-consensus clusterfuck of mediocrity. But I’m calling their bluff and offering free training
via [Personal Weblog of Joe Clark, Toronto » Web standards]
The Web Development Discipline
3 Aug 2011by Isofarro
via [isolani: Web Standards]
Web supergurus’ contempt for the hyperlink
12 Jul 2011by joeclark
The higher the standing of the elite Web commentator, the more likely he is to avoid, misuse, or distrust the fundamental feature of the Web, the hyperlink
via [Personal Weblog of Joe Clark, Toronto » Web standards]
Confidential to Mike Lee of le.mu.rs
17 Jun 2011by joeclark
Fix your TITLE, please, Mike
via [Personal Weblog of Joe Clark, Toronto » Web standards]
So-called best gay books of all time
12 Jun 2011by joeclark
Editing Benoît Denizet-Lewis’s list of the best gay books of all time (allegedly) so you can actually read it
via [Personal Weblog of Joe Clark, Toronto » Web standards]
Anti-Markdown
22 May 2011by joeclark
Markdown is the a joke comedy nerds insist meets a legal definition of “funny” that nobody in the audience laughs at
via [Personal Weblog of Joe Clark, Toronto » Web standards]
Cranking (by Merlin Mann)
25 Apr 2011by Douglas Bowman
Merlin writes so beautifully. “And, although I’m confident that I will always think my daughter is The Greatest Thing in the Universe, I’m also all too aware that this feeling will not always be reciprocated in quite that same way or with quite that same enthusiasm that we both enj... continues
via [Stopdesign]
Well, there’s your problem: You let a poet use a computer
29 Mar 2011by joeclark
Craig Morgan Teicher remains a technical ignoramus. Hey, did you hear that poetry is hard to typeset in E-books?
via [Personal Weblog of Joe Clark, Toronto » Web standards]
Toronto-standard markup
15 Mar 2011by joeclark
The incompetents at Toronto Life, who can’t even mark up a table of contents, just bought Torontoist
via [Personal Weblog of Joe Clark, Toronto » Web standards]
The Sherpas are Here
13 Mar 2011by agustafson
After many months of hard work, we’re excited to announce the launch of Web Standards Sherpa.
via [The Web Standards Project]
Microsoft's anti-IE6 rhetoric
4 Mar 2011by Isofarro
via [isolani: Web Standards]
30-Second Rule for App Success
1 Mar 2011by Douglas Bowman
Those of you who saw my talks at either Future of Web Design in NYC, or at Webstock in Wellington may remember a segment where I urged delivering value as quickly as possible. In that segment, I compared the act of taking and sharing a photo with Hipstamatic, and the same in Instagram. I posited [..... continues
via [Stopdesign]
Sacrificing the Open Web with H.264
20 Feb 2011by Isofarro
via [isolani: Web Standards]
HTML5? Check. Accessible HTML5? Um…
1 Feb 2011by agustafson
The Paciello Group and others are examining the accessibility of HTML5 implementations across the current spate of browsers. Their findings are a little disheartening.
via [The Web Standards Project]
Most preposterous Australian sport could use some help
31 Jan 2011by joeclark
Mr. HEATH SPENCE’s bobsleigh team needs a new site
via [Personal Weblog of Joe Clark, Toronto » Web standards]
HTML5 logo: W3C takes a step in the right direction
28 Jan 2011by cmills
With a little back-pedalling, the W3C has moved away from their blanket characterization of modern web tech as “HTML5”.
via [The Web Standards Project]
Web Standards Links
Updated RSS Feed - Reminder
Just wanted to remind those of you still pointing your feed readers or links to this feed. The new RSS feed for design.Principles can be found here: http://resource.reh3.com/index.php/feed/Opera: Web Standards Curriculum
WebAIM: Web Accessibility In Mind
Curriculum | WaSP InterAct Curriculum
Move The Web Forward | Guide to getting involved with standards and browser d...
World Wide Web Consortium
Tableless.com.br - Web Standards com Farinha e Pimenta
Building Accessible Sites - Part 1 | Scrunchup
CSS no Lanche
Web Usability - An Accessibility Frontier: Cognitive disabilities and learnin...
Juicy Studio: Developing sites for users with Cognitive disabilities and lear...
W3C QA - Recommended list of DTDs you can use in your Web document
How to Meet WCAG 2.0
Home | Email Standards Project
Happy Webbies
WaSP InterAct Curriculum
CSS vs Tables - 13 Reasons Why CSS Is Superior to Tables in Website Design | ...
8 Premium One Line Css Tips | Css Globe
Object Adjective | Hey we make websites!
About W3C Goals
Demos
SimpleBits / Anatomy of an Icon
CSS Drop Shadows - CSS3 . Info
Faire un site compatible sur tous les navigateurs - Alsacréations
HTML5 網路的大未來，各家瀏覽器的實際應用與未來發展 | T...
Web Standards with Imagination: Dustin Diaz
The evolution of the web
Section 508 Amendment to the Rehabilitation Act of 1973 - Wikipedia, the free...
Cranking (by Merlin Mann)
Merlin writes so beautifully. “And, although I’m confident that I will always think my daughter is The Greatest Thing in the Universe, I’m also all too aware that this feeling will not always be reciprocated in quite that same way or with quite that same enthusiasm that we both enj... continues30-Second Rule for App Success
Those of you who saw my talks at either Future of Web Design in NYC, or at Webstock in Wellington may remember a segment where I urged delivering value as quickly as possible. In that segment, I compared the act of taking and sharing a photo with Hipstamatic, and the same in Instagram. I posited [..... continuesFirst Autistic Presidential Appointee Speaks Out
Go, Ari. In December, he [Ari Ne’eman] was nominated by President Obama to the National Council on Disability (NCD), a panel that advises the President and Congress on ways of reforming health care, schools, support services and employment policy to make society more equitable for people with ... continuesAvoiding the Uncanny Valley of Interface Design
From Francisco Inchauste, on the topic of UI that imitates realism: It is so easy to love a certain effect and want to use that everywhere. Not all projects need to have the selections sitting on a perfectly lit wooden bookshelf. On one hand we want to be creative and make something that is appealin... continuesThe Future of Self-service Banking
Spotted this link to an intriguing ATM prototype experiment by BBVA in the comments on Khoi Vihn’s post on ATM design ATMs were first introduced over 40 years ago and since then many features have been incrementally added to the machines, in order to fulfill the dream of a truly “automated t... continuesMy Measures & Dimensions
I just discovered an iPhone app named My Measures & Dimensions that lets you take any photo and quickly draw dimensions on top of objects or spaces in the photo. Typically, I use a piece of scrap paper for this, and end up forgetting to bring it with me when I need it. After photos [...]Hovers (and power users) still have a healthy future
Ryan Singer on the power of hover states and non-tablet computers: But to the geeky or trained, the desktop is a fount of power and speed. Documents are side by side, text flies from here to there, IMs are answered and dismissed, mockups reloaded, batches processed, all with tiny movements of the fi... continuesBetter Screen, Same Typography
Khoi Vinh on Apple's lack of full commitment to excellent typography, despite creating oft-superior devices seemingly capable of perfection: Steve Jobs’ vision for Apple, repeated in yesterday’s keynote address, posits that the company operates at the intersection between technology ... continuesThe Death of Depth: Less and Less of More and More
Good article on attention spans and what's affecting them. As any experienced meditator knows, the mind has a mind of its own. Left free to wander, that's just what it will do. When we manage the infinite demands on our attention by trying to juggle them all, we literally weaken our capaci... continuesHow Much Do Music Artists Earn Online?
Visualization: How Much Do Music Artists Earn Online? http://j.mp/9KRvLc via @flowingdata linkVia Delicious.
CSS Table less Web sites
Great Church Web Design by ChurchWiz
Great Church Web Design by ChurchWizMichael Nagy – Grafik & Design
Michael Nagy - Grafik & DesignWp Inspire
Wp InspirePaquin design, a graphic design agency from Quebec
Paquin design, a graphic design agency from QuebecWESLL. Lean Into It.
WESLL. Lean Into It.The personal portfolio of Visual Communication Designer Irene Demetri
The personal portfolio of Visual Communication Designer Irene DemetriWings for Children vzw
Wings for Children vzwkre8iveminds – Web design, Web development
kre8iveminds – Web design, Web developmentweberica – web dizajn
weberica – web dizajnFreelance Web Design Belfast Northern Ireland Lee Munroe
Freelance Web Design Belfast Northern Ireland Lee MunroeZeniltuo.com – inspiration journey
Zeniltuo.com – inspiration journeyNew web site for a castle hotel in Northern England
New web site for a castle hotel in Northern Englandvia CSS Tableless Web Sites.
