background preloader

30 Useful Responsive Web Design Tutorials

30 Useful Responsive Web Design Tutorials
So we’ve reached the end of our “Responsive Web Design week”, tonight’s post will be the last of the series. We are going all out to help you hone your skills in manipulating those codes to respond at will when displayed on different devices. And to do this, we are featuring 30 Responsive Web Design Tutorials found online. This list is not meant to be an exhaustive one but it will get you started on understanding the basics of designing an adaptive website that will cater to all sorts of screen sizes. We’ll start off with introductory tutorials in ‘Breaking the Ice’, something like an RWD: 101 class you should attend to get the hang of the concept before we move on to ‘Start Building’ exercises. Lastly we’ll end with a ‘Do More’ section in which we’ll feature tutorials that play with horizontal layouts, ‘elastic’ videos, drop-down menus and slide-to-top accordion navigations, thumbnails and the sticky issue with tables. But first… Responsive website Navigation Responsive Resume Fluid Grids

http://www.hongkiat.com/blog/responsive-web-tutorials/

A Beginner's Guide to Web Design: Understanding HTML and CSS — Elle & Company HTML stands for HyperText Markup Language. Just as we, humans, use languages to communicate with each other, HTML is a language of the internet. Web browsers like Google Chrome read and interpret HTML to render the information you request for on the web. HTML is essentially the building block of every website. Creative COW Free Video Tutorials Learn Media Composer Lesson 93: Add Logos to Credit Crawls Play VideoIn this lesson, Kevin P McAuliffe shows you how to add logos to your title crawls, by introducing Photoshop to your Media Composer workflow. What might seem to be limitations inside of Media Composer can bypassed by unitizing the Marquee Title Tool! Once you see how easy this technique is, you'll be adding logos to every one of your title crawls.

The 12 Best Free Photoshop Plugins for Designers While Adobe Photoshop is a powerful, creative platform, using plugins can help to extend its capabilities and use it to its full potential. Using an add-on can help you perform tedious or difficult tasks in a more efficient manner, enabling you to spend more time on design. There are thousands of plugins to choose from, but many are outdated and no longer work with updated versions of Photoshop. We've collected the best free plugins you can download, install and start using right away. Display Loading Image While Page Loads Published April 15, 2013 by Brad Knutson Often times as web developers, we build websites that are fairly media intensive. Lots of graphics, slideshows, large Javascript files, large CSS files, etc, etc.

Top 10 AJAX Books Of ALL Time If you are looking for the top 10 books on Ajax, here are they: AJAX and PHP: Building Responsive Web Applications AJAX and PHP: Building Responsive Web Applications by Cristian Darie, Bogdan Brinzarea, Filip Chereches Tosa and Mihai Bucica is a highly helpful paperback book that details on how to create web applications from practical perspectives. While the book is titled for PHP, the details inside it have covered RSS, SML, MySQL, SVG and JavaScripts. For beginners the book can work as a great resource as its practical focus will help them to enrich their skills in web application development.

Show Loading Image while the website loads Instead of showing a blank white page is it not a great idea that of showing a loading image while your website is loading? Ofcourse it is a great idea because it will improve the user experience of your website. If your website is containing some heavy content like images and some jQuery plugin and all then it may take some long time to load. 5 Best AJAX Books For Javascript Developers Websites and web applications are the most powerful force of the modern technology age. One can hear about new technologies every now and then. The internet is evolving and developing into a rich-application platform.

How to Create a Working Bootstrap Contact Form with PHP Contact forms are one of the most common elements found on a web page, and they can be used to gather just about any type of information required from your users. Fortunately, designing contact forms with Bootstrap is a breeze with all of the built-in classes available. But since Bootstrap is only a front-end framework, we need to introduce added functionality in order for to make the contact form functional.

20 Excellent Websites for Learning Ajax By Jacob Gube Ajax (asynchronous JavaScript and XML) is a technology that allows for for highly-interactive and responsive browser-based applications. By leveraging the XMLHttpRequest object, seamless communication with the server can be achieved for a smooth and dynamic user experience. If you’ve ever wanted to learn about Ajax, there are many sites out there that’ll help you "grok" Ajax and the various technologies surrounding it. Here are 20 top-notch websites that cover the subject of Ajax. Free Embeddable Forms: Zoho Creator Drag-and-Drop Interface We detest complexity. That's why we didn't put any in our application.

AJAX Basics Course About this Course AJAX is an important front-end web technology that lets JavaScript communicate with a web server. It lets you load new content without leaving the current page, creating a better, faster experience for your web site's visitors. Responsive Web Design - Learn to Code Advanced HTML Lesson 4 The Internet took off quicker than anyone would have predicted, growing like crazy. Now, for the past few years, mobile growth has exploded onto the scene. The growth of mobile Internet usage is also far out pacing that of general Internet usage growth.

Ajax Tutorial Asynchronous Javascript + XMLCreating client-side dynamic Web pages Ajax is only a name given to a set of tools that were previously existing. The main part is XMLHttpRequest, a server-side object usable in JavaScript, that was implemented into Internet Explorer since the 4.0 version. XMLHttpRequest was developed by Mozilla from an ActiveX object named XMLHTTP and created by Microsoft. The use of XMLHttpRequest in 2005 by Google, in Gmail and GoogleMaps has contributed to the success of this format. But this is the when the name Ajax was itself coined that the technology started to be so popular.

Related: