fastcodesign What is responsive design? Most people vaguely understand that it refers to websites that work just as well on desktops as they do on smartphones, but there's a lot more to it than that, leading to widespread confusion (heck, I'll admit, I've even been known to misuse it myself, even after fellow Co.Design writer John Pavlus called me a dummy for it). But the principles of responsive design aren't that hard to understand, thanks to this amazing collection of animated GIFs put together by the guys Froont, a San Francisco-based company specializing in making tools for designers to create responsive websites. Spend just a few minutes with these GIFs, and you'll never be hoightily corrected by a design pedant about "responsive websites" versus "adaptive websites" ever again. In fact, you can be that hoighty pedant! The GIFs below show many of the basic principles of responsive designs, with explaining quotes by Froont co-founder Sandijs Ruluks.
Expanding Image Menu with jQuery In today’s tutorial we will create an expanding image menu with jQuery. The idea is to have some columns with black and white image slices that will make a content area slide out when we click on them. We will also slide in the colored version of the image, creating a neat […] View demoDownload source In today’s tutorial we will create an expanding image menu with jQuery. HTML5 and jQuery filter images Portfolio we will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin. You can use it to showcase your latest work and it is fully customizable, so potentially you could expand it to do much more. The HTML The first step is to write down the markup of a new HTML5 document. In the head section, we will include the stylesheet for the page. The jQuery library, the Quicksand plugin and our script.js will go right before the closing body tag:
GameMaker: Studio GameMaker: Studio caters to entry-level novices and seasoned game development professionals equally, allowing them to create cross-platform games in record time and at a fraction of the cost of conventional tools! In addition to making game development 80 percent faster than coding for native languages, developers can create fully functional prototypes in just a few hours, and a full game in just a matter of weeks. Key Features GameMaker: Studio Feature Comparison 11 Free jQuery CSS3 Navigation Menu Plugins These days, jQuery Navigation menus are more than plain texts with links on it. With the command of jQuery, it can transform the menu of a web site into a dynamic menu. Despite the fact that CSS3 can now be utilized to make dynamic menu, still, the query includes more functionality to the menus. Aside from the element functionalities, the design should likewise be considered. Because of audience your site would perhaps see it for the first time they visit your website. If it is not well designed any having worst UI experience so it will not give you value add to your site.
Translate Your Website: 50 Resources for Multilingual Websites Want to translate your website? There’s more to it than meets the eye. Translating the text word-for-word might seem simple. But it’s often more challenging than it looks…and it’s often not enough. To truly connect with your customers, your site must take into account their culture, beliefs, aesthetics and values. Website localization is the process of adapting your site to connect with customers in new languages and cultures.
jquery.mb.bgndGallery With this jQuery plugin you can make suggestive slide show of images as background of your page; the images will adapt their size to the window size fitting always at the best. You can either navigate the gallery with your keyboard or with a control panel displayed where you whant in the page. Help Pupunzi‘s development! Creating a “Filterable” Portfolio with jQuery If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, I will show you how to make "filtering by category" a little more interesting with just a little bit of jQuery. Our portfolio is nothing more than a simple unordered list: Note: I was by no means a part of creating these wonderful sites; I am just using them as examples. We are going to assume that our portfolio can be broken down into 5 categories:
GameMaker: Studio on Steam Update Notes The GameMaker: Studio family of products caters to entry-level novices and seasoned game development professionals equally allowing them to create casual and social games for Steam Workshop, iOS, Android, Windows Phone, desktop and the Web (HTML5) in record time and at a fraction of the cost! As well as making games development 80 percent faster than coding for native languages, developers can create fully functional prototypes in just a few hours, and a full game in just a matter of weeks.