Java Script programming tutorial Path // → → BASIC JAVASCRIPT JavaScript is a very easy way to add all sorts of dynamic elements to your site. Unless you've had some programming experience, JavaScript will be quite a new concept at the start — it's fairly different to HTML. In this tutorial we'll be laying some groundwork on the language, and writing our first script. This page was last updated on 2012-08-21 What is JavaScript? Free textures for your next web project. Nothing like a field of beautiful flowers. Download Download CardView Grab it on github or check out the online demo. This is something I wanted to add to the SwipeView but while working on it I realized that they were two pretty different concepts and code bases. The purpose of the widget is to let you browse through a potentially limitless collection of items, a bit like a rolodex. It’s basically a carousel, but each new item is a “card” that slides over the previous one. Here urges an explanatory video. Nothing particularly mind blowing but the good part is that it uses just three elements to handle an infinite list of items.
Material Design Lite You'll find below a couple of examples of MDL Button elements: a Button with ripples and a FAB Button. Just copy & paste the corresponding source code in the <body> of an HTML page of your project and the elements will render as shown below. <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent"> Button </button> <button class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored"><i class="material-icons">add</i></button> MDL elements can be tweaked and configured by adding CSS classes.
70+ Must Have jQuery Tutorials Welcome to day 7, the last installment of tutorial week on Designrfix. Today we have assembled an awesome collection of some wicked jQuery tutorials from around the Web. I am confident that these web design and development tutorials will arm you with all the necessary techniques in-order to achieve those latest web design trends. Lastly, it’s been an amazing 7 days and we are confident that these tutorials will arm you with all the latest tips and tricks to help you in evolving your design creations. Enjoy!
Test Your Site Multi-Screen Resources Skip to content Make Your Website Work Across Multiple Devices Build a website that showcases your business on every screen from smartphones and tablets to computers and TVs. Your customers expect a great browsing experience regardless of what device they use. Whitepaper Building websites for the multi-screen consumer Tiny Circleslider: A lightweight circular carousel for jQuery What is it? Tinycircleslider is a circular slider / carousel. That was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library.
Showdown! 5 Online Image Compression Tools Compared Photo: tncountryfan Last year the HTTP Archive Report released the disturbing news that average page size on the web had increased 32% (to an average of 1.7Mb) in 2013. If that is even close to correct, it’s astonishing news. Although, predictably, JavaScript, HTML and CSS all increased, more than half the increase was accounted for by imagery. Less.js Compile .less files to .css using the command line Heads up! If the command line isn't your thing, learn more about GUIs for Less. Installing lessc for Use Globally Install with npm
LESS - The Dynamic Stylesheet You might have heard until now of LESS and you might know it has something to do with CSS and styling websites, but I am quite sure that not many people really know what LESS actually is and why is it so special that it got its own name. Unlike CSS, LESS is an open-source dynamic stylesheet language, with its first version being written in Ruby, but replaced by JavaScript later on. LESS is more complex than CSS is, providing variables, nesting, mixins (reusable classes), operators and functions and allows real-time compilation via LESS.js by the browser in use.
very cool site showcasing the new types of 3d transform code within css3 & jquery by marcfawsitt Jan 5