Snippets Archives

11 Handy Code Snippets For Interactive Buttons

Here in this post, we are showcasing a beautiful and useful compilation of 11 code snippets for creating interactive buttons for your web designs. Button is the most important and powerful component of any web design. Did you see any website without button? Certainly not. This is because buttons are call to action component of… Continue reading 11 Handy Code Snippets For Interactive Buttons

40 Free CSS3 Animation Code Snippets

Nothing says modern web design quite like CSS-only animation. Just a decade ago this seemed like a common pipe dream. But thanks to some whizzes over at the W3C the world is now a better place with CSS-animated page elements. Below I’ve put together a huge gallery of 40+ open source CSS3 animation codes. Both… Continue reading 40 Free CSS3 Animation Code Snippets

28 Free Open Source CSS3 Code Snippets

Web developers are constantly building awesome stuff and releasing the code online for free. Open source code allows other developers to recreate page elements without spending hours of time writing code again from scratch. This can range from website navigation to image sliders and even CSS dropdown menus. As a developer myself I have learned… Continue reading 28 Free Open Source CSS3 Code Snippets

36 Open Source Twitter Bootstrap Code Snippets

We all love to save time on frontend web development – especially when you’re coding something every week! Twitter Bootstrap has provided an enormous framework to jump start any new web project. You can find plenty of Bootstrap examples all over the Internet with brilliant designs. But how should you get started coding with Bootstrap?… Continue reading 36 Open Source Twitter Bootstrap Code Snippets

25 CSS3 Code Snippets for Making 3D Animated Effects

Web developers have been immersing themselves into CSS3-based designs. Transition animations along with CSS keyframes have opened the door to many possibilities. 3D animation was never optimal outside of Flash-based websites. However the further advancements in JavaScript along with CSS3 have created a new code toolbox for web designers. I’ve put together a number of… Continue reading 25 CSS3 Code Snippets for Making 3D Animated Effects

10 jQuery snippets every designer should know

jQuery is used on thousands upon thousands of web pages. It’s one of the most common libraries to insert into pages, and it makes DOM manipulation a snap. Of course, part of jQuery’s popularity is its simplicity. It seems we can do almost anything we like with this powerful library. For all the options… Continue reading 10 jQuery snippets every designer should know

20 Useful CSS Snippets Which Can Help You A Lot

CSS is extremely used when it comes to web development because it helps creating a lot of things with ease. Using CSS means that you will not only be able to create a great web site but it also means that you can optimize it very well. If you combine it with HTML5 and jQuery… Continue reading 20 Useful CSS Snippets Which Can Help You A Lot

CSS Media Query Snippets

With responsive design being big in web design it’s important that you design your website so that it can be used on different devices. There are a number of different media queries that you can use on your design, if you don’t know where to start with media queries here is a good boilerplate to… Continue reading CSS Media Query Snippets

25 Web Development Tutorials for Useful Code Snippets

Over the past few years we have published a large set of tutorial focused on web development techniques. Both frontend and backend code samples are always helpful when you are building new projects. And that is reason enough to go back and check out past tutorials for golden nuggets of codes. Check out the gallery… Continue reading 25 Web Development Tutorials for Useful Code Snippets