Best
17.5K views | +3 today
Follow
Best
Best or Top of a Category
Your new post is loading...
Your new post is loading...
Rescooped by Dr. Stefan Gruenwald from HTML5 and CSS3
Scoop.it!

The top 20 CSS sites of 2012

The top 20 CSS sites of 2012 | Best | Scoop.it
2012 in review: designer Val Head selects 20 of the best uses of CSS we've seen this year...

Via Miriam Stenson
No comment yet.
Scooped by Dr. Stefan Gruenwald
Scoop.it!

Optimising for Retina: 10 essential tools

Optimising for Retina: 10 essential tools | Best | Scoop.it

You can't afford to ignore the challenges presented by the prevalence of hi-res displays, but fortunately, there are some great tools out there for hi-res design


It’s pretty clear that hi-res displays aren’t going away. Modern smartphones almost exclusively boast displays with pixels packed so tightly you can’t see them. Apple has also introduced similar displays to its iPad and MacBook Pro lines, and other manufacturers will soon follow suit. Indeed, Google recently announced its Nexus 10 tablet will have a 2560x1600 pixel resolution, clocking in at around 300 pixels per inch. If you’re keeping count, that’s essentially print quality.

 

The problem with such high-resolution displays is that although native text on the web renders beautifully on them, raster images do not. Photographs are upscaled and appear blurry, and visual components exported from vector art (logos and the like) get a bad case of the jaggies in addition to the blur. Short of ignoring hi-res displays entirely, your only option is to embrace new techniques and workflows that enable you to efficiently output suitable content.

 

What follows is a list of 10 useful tools, including scripts, techniques and software, which should make this task easier for you.

No comment yet.
Scooped by Dr. Stefan Gruenwald
Scoop.it!

Test your site on 2000 mobile devices at once | Tutorial

Test your site on 2000 mobile devices at once | Tutorial | Best | Scoop.it

Designing a website that looks good on the desktop is challenging enough, but these days that’s just the start. If you want to attract the widest possible audience, then your pages will need to work just as well when they’re viewed on an iPad, iPhone, Android tablet or any of the hundreds of other mobile devices – so testing your site’s mobile-readiness can be a complicated and time-consuming business.

Unless, that is, you get a little help from Keynote MITE (Mobile Internet Testing Environment), a free but surprisingly powerful Windows application that comes packed with essential site-checking features. At its simplest, you can see how any URL looks on an iPad, Blackberry, Galaxy S3 or any of more than 2,100 mobile devices out there. It’s really straightforward: just choose your preferred hardware from the library, enter the URL, and in a click you’ll be able to browse the page in an emulated version of that device.

That’s just the start, though. MITE can also check your site to see how well you’ve optimised it for performance, and whether you’re following the best practices for mobile sites, with the program highlighting problems and recommending what you should do next. And if you don’t have time for manual testing, no problem – MITE can record your site navigation actions in a script, replaying them later so your benchmarking becomes almost entirely automatic.

There’s plenty of power here, then, yet despite all this functionality the program remains extremely easy to use. Whether you’re a web development novice or an old hand it’s all very accessible, and there are plenty of essential features to explore.

 

MITE shows you how your pages look on more than 2,100 mobile devices, highlights problems, can run scripted tests and more – and it’s all for free, says Mike Williams

No comment yet.
Scooped by Dr. Stefan Gruenwald
Scoop.it!

10 great ways to make your content portable and accessible

10 great ways to make your content portable and accessible | Best | Scoop.it
Martha Rotter, freelance web developer and co-founder of Idea magazine, explains how you can make your content portable but discovers quite a few accessibility issues with digital magazines (RT @stevefaulkner: 10 great ways to make your content portable...
No comment yet.
Rescooped by Dr. Stefan Gruenwald from Fast Javascript (also HTML, HTML5, and CSS)
Scoop.it!

20 stunning examples of CSS 3D transforms

20 stunning examples of CSS 3D transforms | Best | Scoop.it
UX developer Paul Hayes showcases what you can do with the power of CSS3 3D transforms. He covers everything from 3D image galleries and subtle transitions to experimental 3D environments

Via Armen Safaryan
Armen Safaryan's curator insight, August 19, 2013 7:03 AM

Great collection. Looking forward to the day when the browsers are all on board adn we can actually use these.

Scooped by Dr. Stefan Gruenwald
Scoop.it!

The top 20 online coding tools

The top 20 online coding tools | Best | Scoop.it

Pair programming, social coding, collaborative development. Whatever you want to call it, there's been an explosion of tools for sharing, developing and debugging code in the browser.

 

Here are 20 of the best

Kirsten Wilson's curator insight, February 11, 2014 1:17 PM

Another resource to provide students who are passionate about coding.

Ivan Rados's curator insight, March 28, 2014 9:26 AM

Coding tools are great to help people work out programs and web developments. i found these and they helped great! here it is... the top 20, the best of the best.

Rescooped by Dr. Stefan Gruenwald from Digital Presentations in Education
Scoop.it!

The top 20 data visualisation tools

The top 20 data visualisation tools | Best | Scoop.it

From simple charts to complex maps and infographics, Brian Suda's round-up of the best – and mostly free – tools has everything you need to bring your data to life...

A common question is how to get started with data visualisations. Beyond following blogs, you need to practice – and to practice, you need to understand the tools available. In this article, get introduced to 20 different tools for creating visualisations...


Via Lauren Moss, Baiba Svenca
Randy Rebman's curator insight, January 28, 2013 12:33 PM

This looks like it might be a good source for integrating infographics into the classroom.

Rescooped by Dr. Stefan Gruenwald from Weaving a tangle free web
Scoop.it!

50 free web design tools that rock!

50 free web design tools that rock! | Best | Scoop.it

Gary Marshall shares 50 of the best free web tools to help build your site, from well known tools as WordPress and Drupal through to some you may have never considered (http://t.co/HQYqCM2u 50 free web design...


Via Peter Shanks
No comment yet.