Get your geometry on with this Material Design inspired shape slider. Developed with SVG shapes and CSS transforms.We’re using SVG’s to draw each shape you see on the left side of the screen. When a shape is clicked we transform the shape with CSS and simultaneously transform the content container to show the correct content for the shape that was clicked.
The post Material Design Shape Slider with jQuery & SVG appeared first on jQuery Rain.
Colorify is a script written in Javascript, that allows you to extract colors from images, and manipulates them. From a simple plain color, based on the dominant color, to a beautiful gradient based on the image edges colors, colorify.js will spice up your designs!
The post Colorify.js : Tiny JavaScript Color Extractor appeared first on jQuery Rain.
Booking.js is an easy-to-use embedabble calendar booking widget. It’s easy to customize, works with Google Calendar, and it can be integrated seamlessly into your branding.
The post Booking.js : jQuery embeddable Booking Widget appeared first on jQuery Rain.
ProgressPieSVG is a jQuery Plugin for dynamically adding circular progress bars (rings) or pies to percent values in a website (visible or invisible).
ProgressPieSVG is highly customizable and extensible.
This article is part of a web development series from Microsoft. Thank you for supporting the partners who make SitePoint possible.
When it comes to writing good code in web development it is easy to get lost in the quantity of resources you find online. There are some basics that everyone knows or should know and there are some more specific ones.
Are you able to tell me right now that you are sure you follow these practices? Probably not. You probably have the intuition that you do and you are certainly writing your code with them in mind but you cannot be sure you always respect them.
[author_more]
As I said, there are a lot of different resources on the web. It is not easy to know all of them. It is not easy to follow all of them. And it is sure not easy to be sure you did it correctly.
This is why we decided to create the Best Practices plugin in Vorlon.js. It is a way for you to automatically get hints and recommendations about how you could improve your code. The current list of practices and scans have been created from our own experience. It is extensible and you can add your own rules to contribute to this plugin and make it more accurate and comprehensive. :)
A great thanks to Guillaume Leborgne and Mehdi Lahlou for their strong work on this!
First of all, you need to setup a Vorlon.js environment. You can follow the documentation we provide here: http://ift.tt/1NcDhps.
Once you have a vorlon.js server up and running,and your website is connected to it, hit the “play” button on the Best Practice tab. It will run dynamic and static tests on the page you are currently debugging and the resources linked to it (JavaScript files, CSS files, etc.).
[embed src="https://www.youtube.com/watch?v=KK8QQ51dJSU" width="800" height="450"]
The above video shows you the kind of result you get when using this plugin. All the recommendations are organized into 4 categories: Web Standards, Accessibility, Performances, Mobile Web.
Let’s have a look at some of the rules you get in each of these categories.
Continue reading %How Vorlon.js Helps You Improve Your Web Code%
I hate clickbait. It’s the worst. You won’t believe what happened next! I was crying by the 3:21 mark! What he said next caught everyone by surprise! Odds are, I will believe what happened, I won’t be crying, and I won’t be caught by surprise. Actually, I’ll probably be punching my computer screen because I […]
Continue reading %4 Ways to Create Viral Content without Selling Your Soul%
