collected links :: inspiration ~ reference ~ … & more
view tag archivea collection of responsive web designs
Readability & legibility are both areas of interest in accessibility and typographic design, and many resources exist that attempt to define what constitutes well designed copy. In this post, we go over a few commonly overlooked and newer ways to implement more legible type on the web.
About Hagablog Alex Clarke studies geology at the University of Leicester, coaches people how to kayak, designs websites and is obsessive about typography.
Normally when you think of “bad design”, you think of laziness or mistakes. These are known as design anti-patterns. Dark Patterns are different – they are not mistakes, they are carefully crafted with a solid understanding of human psychology, and they do not have the user’s interests in mind
You should take time to design your URL structure. If there’s one thing I hope you remember after reading this article it’s to take time to design your URL structure. Don’t leave it up to your framework. Don’t leave it up to chance. Think about it and craft an experience.
Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.
As we head into the New Year, we were curious about what we can all expect to see in Web Design in 2011, and asked some of the leading Web Designers and Web Design Writers in the field for their predictions
Sleep is not obvious. It wastes you away slowly if you don’t get it, and half the time you won’t even notice because we’re too hopped up on caffeine.
You can test many of our site’s adaptive capabilities by simply resizing your desktop browser window. Certain capabilities—related to content adaptation—are however best viewed on a mobile device. Please read about our approach and content below for details.
What makes people press the back button, shortly after visiting your website? Why do they bail out so quickly? And what can you do about it?
25 reasons why I’ll leave your website in 10 seconds | Econsultancy
Grassroots job listings for the Design, Development, Technology and Web Industry in the UK
Fix the Web is offering a solution! Disabled people report problems in under a minute. Volunteers take these issues forward with website owners.
This site is a proof of concept for many of the ideas described in Rethinking the Mobile Web. Over the coming months, we will release articles covering our approach in detail. In the meantime why not discover how these ideas came to be and how this site was developed.
DeviceAtlas is the fastest, most accurate mobile device recognition solution available. Containing comprehensive data on over 6,000 mobile devices currently in use world wide…
Simply put, IE9 is the best browser Microsoft has ever released. Has it caught up to Chrome, Firefox and Safari? No. But that doesn’t matter. It’s still light years ahead of any other version of IE. All of us should be praying every day for IE users to upgrade to it as soon as possible.
slide and brief recap about my presentation.
Over the past few months, I’ve collected a few worthwhile notes on @font-face that are worth reading over if you geek out about this stuff…
Zerofee is an ethical design agency — we create visual identity and design for print and digital media, but not for irresponsible brands or companies.
Dear enquirer Thanks for your interest in working together. Unfortunately, we won’t be able to pitch for your project as you’ve asked for free speculative work as part of that process.
I won’t do free design work to win your business – here’s why
I’d bet that you’ve done your fair share of styling elements to be arranged horizontally or vertically on a page. As of yet, though, CSS has lacked a suitable mechanism for this task. Enter the CSS3 Flexible Box Module, or Flexbox for short.
The Ultimate CSS Gradient Editor was created by Alex Sirota (iosart). If you like this tool, check out ColorZilla for more advanced tools such as eyedroppers, color pickers, palette editors and website analyzers.
I made Fillerati because I grew tired of reading “Lorem ipsum…” on every new design I was working on.
Here at The Paciello Group (TPG) we have a technical accessibility testing process which does not involve the use of automated tools. The technical audit results we provide to our clients are based solely on manual testing of a web site, web application or desktop application.
A simple CSS framework for designers and developers, based on 35 equal-width columns. It aims to cut down on development time and help you create beautiful-structured websites.
The Square Grid – A simple CSS framework for designers and developers
In this course, you’ll learn how to make websites that can be used by people of all abilities and disabilities. Learn Accessibility from the basics through to advanced level using our Accessibility video tutorial library.
Accessibility video tutorial – learn Accessibility // Think Vitamin Membership
As web designers and developers, what the future holds for the Internet is imperative for our livelihoods. If the Internet has radical changes in store for us, we need to understand how they might effect what we do to earn a living and what we’ll need to do to adapt and keep pace — if that’s even possible.
Does The Future Of The Internet Have Room For Web Designers? – Smashing Magazine
Make pixel grids, lickety-split
Your bookshelves may already be buckling under the weight of books about HTML and CSS. Do you really need another one? Hardboiled Web Design is different. It’s for people who want to understand why, when and how to use the latest HTML5 and CSS3 technologies today. Are you ready to get hardboiled?
Normally, with JavaScript disabled, this type of content switcher (or content slider) will just display one item, or else display all items, without allowing any “switching” functionality. After some poking around, I realized it’s not a very difficult thing to do. The switcher utilizes in-page anchors and overflow: hidden to keep the switchability intact.
Do you want a better understanding of the web and how Google makes the pages that are its face to the world? If so, “HTML, CSS, and JavaScript from the Ground Up” is for you.
Google: HTML, CSS, and Javascript from the Ground Up – Google Code University – Google Code
Charles Darwin knew almost nothing about genetics. Many biologists of his time thought that the characteristics of parents were blended in the offspring. The problem with this, which Darwin appreciated, was that after a few generations any variation would be blended away, giving natural selection nothing to work on. Read More…
Like a lot of developers, we start every HTML project with the same set of HTML and CSS files. We’ve been using these files for a long time and have progressively added bits and pieces to them as our own personal best practices have evolved.
Test a website’s performance
PX to EM conversion made simple.