Any Old Icon is complete, 70 icons in all! Thank you to everyone who contributed, you can be proud to have participated in the most random icon set on Earth! For the rest of you, here’s how to download and use the set.. Quick Hat-Tip to Icomoon This really wouldn’t have been so easy to realise without the genius of @Keyamoon ‘s Icomoon webfont app. Uploading a pile of SVGs and outputting as a neat, usable webfont package has never been easier! And I’m very happy to report that Any Old Icon is now featured within the Icomoon library for everyone to use. Get it. Use it. I bet you’re itching to use this icon set in your next project, well here’s how to do it.. Download To begin with, head on over to the project page http://tutsplus.github.io/Any-Old-Icon/ .

Here is the original post:
Any Old Icon: All Wrapped up!

Advertise here via BSA When I started out on this app I was only really just interested in seeing if the web platform had really evolved to a point where an app like the hugely popular Instagram app could be built using just HTML, JavaScript and CSS. As it turns out we can in fact do exactly that. This article walks you through the technologies that make this possible and shows how it is entirely feasible today to build interoperable web applications that provide a great user experience no matter what brand of browser the user is running. If you happen to be one of the two or so people who have not heard about Instagram then you might be pleased to hear that it is a hugely popular photo sharing and social networking service that allows you to take pictures, apply interesting digital filters on them and share them with the world to see. The service got so popular that it was acquired by Facebook for a bag full of cash and stock in April of 2012. InstaFuzz is the name of the app I put together and while I don’t expect to be acquired by Facebook or anybody else for a billion green it does however make the case that an app such as this one can be built using only standards compliant web technologies such as Canvas, File API, Drag/Drop, Web Workers, ES5 and CSS3 andstill manage to runwell on modern browsers such as Internet Explorer 10 ,Google Chrome and Firefox. And you could easily use the code to build a Windows Store app too. About the app If you’d like to take a look at the app, then here’s where it is hosted at: http://blogorama.nerdworks.in/arbit/InstaFuzz/ As soon as you load it up, you’re presented with a screen that looks like this: The idea is that you can load up a photograph into the app either by clicking on the big red “Add” button on the bottom left hand corner or drag and drop an image file into the blackish/blue area on the right.

Read more here:
Building Instagram-like Photo Sharing App with HTML5

Advertise here via BSA When I started out on this app I was only really just interested in seeing if the web platform had really evolved to a point where an app like the hugely popular Instagram app could be built using just HTML, JavaScript and CSS. As it turns out we can in fact do exactly that. This article walks you through the technologies that make this possible and shows how it is entirely feasible today to build interoperable web applications that provide a great user experience no matter what brand of browser the user is running. If you happen to be one of the two or so people who have not heard about Instagram then you might be pleased to hear that it is a hugely popular photo sharing and social networking service that allows you to take pictures, apply interesting digital filters on them and share them with the world to see. The service got so popular that it was acquired by Facebook for a bag full of cash and stock in April of 2012. InstaFuzz is the name of the app I put together and while I don’t expect to be acquired by Facebook or anybody else for a billion green it does however make the case that an app such as this one can be built using only standards compliant web technologies such as Canvas, File API, Drag/Drop, Web Workers, ES5 and CSS3 andstill manage to runwell on modern browsers such as Internet Explorer 10 ,Google Chrome and Firefox. And you could easily use the code to build a Windows Store app too

See the original post here:
Building Instagram-like Photo Sharing App with HTML5

    Good typography has always been a defining aspect of effective Web design, and this holds true especially for websites in which the emphasis is on presenting a large amount of content — specifically, articles, news and stories. Whether for a magazine or international newspaper, the designer of any website that distributes a lot of content has always had to consider typographic details as seriously and thoroughly as a print designer would. In 2009, we conducted a survey of then current typographic practices . Since then, responsive design techniques have clearly gained momentum and established their place in the landscape of CSS layout. With the advent of mobile, new modes of browsing websites and reading text have emerged. Online publications have had to reevaluate how their content is presented on mobile devices.

See the article here:
Case Study: Typographic Design Patterns And Current Practices (2013 Edition)

    Android is huge: 480 million people currently use Android devices, and 1 million new devices are activated daily. This means that every three weeks, the number of people who activate new Android devices is equal to the entire population of Australia . ( Recent studies by Nielsen show that more Android devices are on the market than iOS devices.) Popular apps that become available on Android experience huge growth. For example, Instagram grew by 10 million users with the launch of its Android app — in just 10 days. Despite this unprecedented expansion of the platform, the majority of Android apps are… well, not great. Fewer quality apps are in Google Play than in the iTunes Store .

Original post:
Brave New World: Designing For A Maturing Android

When using typography on the web, there are many things to keep in mind in order to create a page that provides clear access to the content and presents it in a legible way. Typically this can be broken down into two buckets: Readability and Legibility . Readability refers to the way in which words and blocks of type are arranged on a page. Legibility refers to how a typeface is designed and how well one individual character can be distinguished from another. For the sake of this article, I’ll talk a bit about both, suggesting some specific techniques to improve your typography. Legibility Let’s talk legibility first. It’s important to understand what makes one typeface more legible than another. When choosing a typeface, it all depends on how you plan to use it.

The rest is here:
Typographic Readability and Legibility

Advertise here via BSA This article recently appeared on BuildNewGames.com , a collaboration by the teams at Bocoup and Internet Explorer. Browser-based games are uniquely positioned at the intersection of the web and games, inheriting all the capabilities and resources of the web and browser technology. However they also face many of the same problems associated with developing for the web, while still retaining the intrinsic challenges of game development. One fundamental challenge of web development is providing access to the diversity of devices accessing the web, allowing users to interact with content regardless of platform or connectivity. One strategy for working with such diversity — progressive enhancement — is of significant benefit to browser-based game developers, and can help realize the full potential of games on the web. Progressive Enhancement Progressive enhancement is a web development strategy whose basic principle is to begin with the simplest representation of content, adding complexity as required, up to the limitations of the means of access. Its goal is to always provide content regardless of the capabilities of the device used to access that content

Read more here:
Progressive Enhancement for Browser-based Games

Advertise here via BSA This article recently appeared on BuildNewGames.com , a collaboration by the teams at Bocoup and Internet Explorer. Browser-based games are uniquely positioned at the intersection of the web and games, inheriting all the capabilities and resources of the web and browser technology. However they also face many of the same problems associated with developing for the web, while still retaining the intrinsic challenges of game development. One fundamental challenge of web development is providing access to the diversity of devices accessing the web, allowing users to interact with content regardless of platform or connectivity. One strategy for working with such diversity — progressive enhancement — is of significant benefit to browser-based game developers, and can help realize the full potential of games on the web. Progressive Enhancement Progressive enhancement is a web development strategy whose basic principle is to begin with the simplest representation of content, adding complexity as required, up to the limitations of the means of access. Its goal is to always provide content regardless of the capabilities of the device used to access that content. In practice, this means starting with pure content (text, images, etc.) and adding features to enhance the representation of the content (fonts, colors, etc.) toward aesthetic and utilitarian goals without creating dependencies on those features

Continued here:
Progressive Enhancement for Browser-based Games

? ? A lightbox is one of those tools that work great on the desktop but often fail on small mobile devices. These days, finding a plugin that is responsive and that displays content right away is hard. For this reason, I created Magnific Popup , an open-source lightbox plugin focused on performance. In this article, I’ll share the techniques I employed in creating this plugin, techniques that can make your lightbox much faster and easier to use, whatever the device being used. 1. Speed We might not be able to speed up the loading time of an image with this lightbox plugin, but we can create the perception of a faster loading time. Progressive Loading of Images The majority of lightbox plugins will fully preload an image before displaying it.

Read the original post:
Open Source Plugin: Magnific Popup, A Truly Responsive Lightbox (For jQuery And Zepto.js)

? ? A lightbox is one of those tools that work great on the desktop but often fail on small mobile devices. These days, finding a plugin that is responsive and that displays content right away is hard. For this reason, I created Magnific Popup , an open-source lightbox plugin focused on performance. In this article, I’ll share the techniques I employed in creating this plugin, techniques that can make your lightbox much faster and easier to use, whatever the device being used. 1. Speed We might not be able to speed up the loading time of an image with this lightbox plugin, but we can create the perception of a faster loading time.

More here:
Open Source Plugin: Magnific Popup, A Truly Responsive Lightbox (For jQuery And Zepto.js)