background preloader

Javascript-tutorials-etc

Facebook Twitter

15 great HTML5 and CSS3 generators. HTML5 and CSS3 are great languages to start off learning with, and I’ve always thought that one of the best ways to start learning is to just dive in and manipulate the code.

15 great HTML5 and CSS3 generators

As you could probably tell, this is where generators step in. They are a great way to generate some code, play with it, and learn. Not only that, they are incredibly useful because often times as a developer or designer we find we are doing things over and over again. Well, generators can take off that edge and do those small things for you each time. As an example, I have a text-expander snippet that creates an HTML5 template that I wrote about here. I will say that most of this list is going to focus on CSS3 generators, simply because they are in demand more than HTML5 generators, and we will learn why. CSS3 Generators There is a somewhat negative connotation when it comes to these generators, and I have to say that as a designer and developer there is nothing negative about using one. General Generators CSS3.me. 20+ Sites/Resources to Learn Web Design & Development (For Free) The web design & development education industry has exploded from a small niche to a powerful, continually expanding force.

20+ Sites/Resources to Learn Web Design & Development (For Free)

Countless people around the globe are interested in learning about how to design and develop websites, and tons of companies are cropping up promising the ultimate solution. The competition in this field is a great thing for customers. You have more options than ever for learning just about anything you want to know about web technologies. For those, who wants to learn web design and development, we are sharing following high quality sites and resources. Start learning web design and development today! If you would like to receive our new plugins, responsive templates, free PSDs and keep up to date with the latest and greatest articles and resources from the design/developer community, you can subscribe to our Full RSS Feed, follow us on Twitter and Facebook. Dev.Opera Google Developers University Consortium World’s Best Courses, Online, For Free – Coursera. 22 JavaScript/jQuery Tutorials for New Web Developers.

Frontend web development is the hottest area for modern user interactivity.

22 JavaScript/jQuery Tutorials for New Web Developers

You can build practically any type of user interaction when you understand the concepts behind JavaScript. DOM manipulation is a hugely popular technique which, coupled with Ajax requests, can build one incredible user experience. In this showcase I have collected 22 exciting jQuery & JavaScript tutorials for newer web developers. These are perfect for somebody who has a very basic understand of what a “scripting language” does, but still has no real world applications. If you can spend even 1 or 2 hours practicing these tutorials you’ll be well on your way to mastering JavaScript development. Smooth Page Scroll Area Charts with D3.js Swatch Book with CSS3/jQuery Fullscreen Slider with jQuery and CSS3 3D Flipping Circles Slideshow with jmpress.js Lateral On-Scroll Sliding Thumbnail Proximity Effects Item Blur with CSS3/jQuery.

15 jQuery Plugins for Creating Dynamic Layouts. Over the last couple of years, with the advancements in web technologies, we have seen a rapid rise in the number of sites that have broken away from using typical and boring layouts.

15 jQuery Plugins for Creating Dynamic Layouts

No longer is choosing the number of columns your only option. Nowadays you can easily have a dynamic layout that cleverly and seamlessly arranges content into a grid (masonry), or a parallax scrolling layout, or even a layout that allows you to define a custom path for users as they scroll through pages. At first glance a site with fancy animation effects may seem tricky to build. But that is not the case, as you will discover from collection of jQuery plugins we have for you below. So, break off those shackles and with the help of these plugins go and have fun and build a truly dynamic layout in your next project. jQuery Plugins for Dynamic Layouts jQuery Scroll Path jQuery Scroll Path is a plugin that, as its name states, lets you define your own custom scroll path. jQuery Scroll PathGitHub SuperScrollorama.

YUI Library.