Category Archives: Tutorials

Resources for customize bootstrap default theme

Bootstrap is the one of the famous responsive framework that using web designers and web developers. bootstrap framework has built in css files and javascript files that giving a default style for basic bootstrap templates. Clean and nice default bootstrap theme we can create from the default styles. But we all need exactly different themes for each project or else for showcasing our work there all will be same.So there are lots of online solutions for changing default bootstrap theme into attractive theme. Here I gathered paid and free top resources for customizing default bootstrap themes into your dream choice bootstrap website.

Continue reading

Top bootstrap tutorial websites

I am a big fan of the bootstrap. twitter bootstrap simplified my workload. before bootstrap I struggled to hand code for projects. For making a website into responsive that also took extra time. Same for when coding for the gallery, carousel, etc. You can easily solve your these little problems by using the twitter bootstrap framework. Except these there are other lot benefits with bootstrap framework.I learned bootstrap through these bootstrap tutorial websites

Continue reading

Top 42 Resources for Customizing Bootstrap

Twitter Bootstrap is the famous and popular front-end framework for the design of websites and apps .Anyone can start with a template. Promotes simple , attractive design and is bundled with a sensible default stylesheet , javascript and jquery libraries also icons files . Easy to understand for a beginner. Although it does not come with a lot more , Bootstrap is very flexible . In this article you will find a collection of 42 must find resources you should know for customize the bootstrap. Read through Top 42 Resources for Customizing Bootstrap and enjoy!!!

Continue reading

Flickity – Touch & responsive slider

Help Flickity better known for its v1.0 release. Try Flickity and provide any feedback. Register Metafizzy some stickers for helping us send out.

Read More Download

How to mock up a website with Sketch

You want to create a simple website mockup, but Photoshop sounds just a little daunting to you? You’re after something quick and easy, that will effectively show off your idea? Well, Bohemian Coding has heard your prayers and delivered a tool with web and UI designers at heart. It’s called Sketch, and version 3 has just been released.

Sketch is completely vector-based, meaning that everything that you do will be scalable and your processes will be non-destructive. This feature is absolute gold in this day and age, with all the different devices

Read More

Building a Web App From Scratch With AngularJS

AngularJS is an amazing front-end framework that has a very novel approach to building web applications, completely unlike any of the other frameworks you might be used to. In this course we’ll take a look at all the core components of Angular, and how they work together to build a complete application. We’ll be building an address book, starting from nothing at all and ending…

Read More

Effective Event Binding with jQuery

If you’ve used jQuery much at all, then you’re probably already familiar with event binding. It’s fairly basic stuff, but dig a little deeper and you’ll find opportunities to make your event-driven code less brittle and more manageable…

Read More

Powerful Workflow Tips, Tools And Tricks For Web Designers

Designing and developing can be time-consuming, especially when the project involves a new challenge, putting the team or freelancer into unknown territory. Moreover, time is a key factor in productivity. Working efficiently enables us to deliver better value at a competitive price. However, some steps can be repeated for every project. These are steps we know and should make as quick as possible in order to have more freedom..

Read More

Freebie: Smallicons Icon Set (54 Icons, SVG, PNG, PSD)

Today we are pleased to feature Smallicons, a set of 54 flat icons. If you are looking for a way to make your design fresh and expressive, then this freebie is the answer. The set was created and designed by Nick Frost and Greg Lapin of Smallicons. The freebie includes 36 icons drawn from a full commercial set available on Smallicons, plus 18 icons designed

Read More

How To Create Your Own WordPress Shortcodes

Shortcodes are a very powerful feature of WordPress. In essence a shortcode is a placeholder for some other content. A well-known shortcode is the built-in gallery shortcode. Just type into the …

Read More

Client testimonials carousel

The testimonials carousel is a strategic section of a website. It’s a marketing tool, whose message is “this product/service has been used, and it’s good. Trust us!”.

Today we share a responsive and minimal client testimonials box, that can be easily integrated into your design. Besides we considered the scenario where the user wants to see more feedbacks, so we added a button that links to a modal page with more testimonials, with a nice CSS3 transition….

Read More
Demo

Design an Elegant “Gratitude Log” Landing Page With Photoshop

In this tutorial I’ll guide you through the process of designing an elegant landing page for a fictional “gratitude log” service. We’ll start off totally from scratch, drafting the layout with Adobe Photoshop in no time. We’ll be using some basic and intermediate techniques to create this design with conversion in mind. Let’s get it started!

Read More

How to Make Auto-Advancing Slideshows

One of the most requested improvements over the tutorials presented on this site, when it comes to slideshows, is the ability to have the slides advance automatically. It is actually not that difficult to achieve this effect, and to demonstrate it, in this short tutorial we are going to make our HTML5 Slideshow auto advance with a few lines of jQuery.

Read More Demo