create custom css radial-gradients dragging your mouse draGGradients is as a simple tool to generate and customize multiple css3 radial gradients. I get back an old project that uses a multiple gradient jpg image as a background and started to generate the same image in css-only. Instead of code only this image I finished doing this little stuff. 10 Useful jQuery Lightbox Plug-ins We are certain that you are already familiar with the concept of jQuery LightBox plugins. These plugins are basically used to focus the images, video or html content in a unique way on the webpage that you are currently viewing. There are many plugins available online for you to choose from and the best part is that they are pretty snappy because not a lot of coding is involved when these plugins are designed. Some of these plugins differ in features though as you will learn here. Some of these plugins resize themselves automatically and some don’t. On the other hand some plugins would zoom in while others will not.
Paper.js - Paper.js Standing on the shoulders of Scriptographer and making use of HTML5 standards, Paper.js is a comprehensive open source vector graphics scripting framework. Document Object Model Paper.js provides a Document Object Model (also called a Scene Graph) that is very easy to work with. Create a project and populate it with layers, groups, paths, rasters etc. Groups and layers can contain other items and even other groups. Getting started Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable. Less runs inside Node, in the browser and inside Rhino. There are also many 3rd party tools that allow you to compile your files and watch for changes.
Beautiful Photo Stack Gallery with jQuery and CSS3 The Night Top Cat! The most effectual Top Cat! Who's intellectual close friends get to call him T.C., providing it's with dignity.Top Cat! 49 Free Responsive HTML5 CSS3 Website Templates HTML5 has been around for a while now and we can see all developers have started to share free resources in HTML5, CSS3. The css3 website templates we are introducing today are totally free with amazing features like flat design, responsive layout, jquery sliders etc. Free doesn’t make it any bad as you can see most of these html templates look like premium templates. We have took a little extra time to grab new HTML templates in this exciting list of freebies. Download, share these templates with your friends and you have complete freedom to modify the theme to your project needs without any attributions.
Generate Websites from JSON, Markdown, and Mustache Templates using Punch A few months ago, I switched this blog from Wordpress to Jekyll. I love how Jekyll allows me to prepare everything locally and simply publish when it's ready. There's no server-side logic involved, which means I can host the whole blog in a S3 bucket. Also, there's no more worries on mundane issues like security, performance or database corruptions. I wanted to have this freedom and control in any site that I would create and manage.
How To Create Depth And Nice 3D Ribbons Only Using CSS3 In this last period on PV.M Garage we have described many trends of the modern Web Design and many techniques for creating stunning and impressive web sites. In one of our tutorials we learned how to realize a nice 3D ribbon and how to play with the drop shadow in Photoshop to simulate depth in a web design layout. This is a widespread trends in recent web design: creating a 3D perception in a website and simulating a “world” in three dimensions are two great ways for the designers to play with their skills. Thanks to useful graphic softwares (2D) we can easily create 3D elements, like ribbons and shadows, but we can also reproduce 3D scene using perspective, focus, color shading and opacity. There is also the possibility of using 3D softwares, like Blender, to create some 3D objects and images that we can use in our designs. DesignM.ag
40 Useful HTML5 Tutorials, Techniques and Examples Toolkits HTML5 right after its arrival has been in the news because of its enhanced functionality and ease of use. And now the latest version of HTML5 is out, web developers and internet marketers are shifting to HTML5 as it comes with several new and improved features that distinctly make Web development easier. In this collection, we are sharing some useful HTML5 tutorials with our designing and development fraternities to help them learn the new ways to get web pages SEO friendly and more interactive.