Tag: HTML

Manipulating SVG Icons With Simple CSS

This article is the second in a three-part series showing the new approaches to iconography Iconic will be delivering. If you like what you see in this article, please consider backing Iconic on Kickstarter   Styling Icons With CSS Smart icons have gotten a lot of interest, but styling may be the most useful feature… Continue reading Manipulating SVG Icons With Simple CSS

20+ Responsive jQuery Slider Plugin Compilation

In today’s world it is vital to have a mobile-ready website. A responsive jQuery slider plugin will allow your image sliders to adapt to the screen resolution of different viewing devices. These highly popular plugins will assist you in creating stunning responsive image sliders that feature awesome website transitions and effects. Image sliders in general… Continue reading 20+ Responsive jQuery Slider Plugin Compilation

Create Pure CSS 3D Model With Tridiv

We all know about WebGL, it’s an open standard browser implementation of OpenGL, and you can create 3D games, effect with Javascript. Now, we have a new way to create 3D graphic – by using CSS. I found this very impressive tool called Tridiv, a web-based editor for creating 3D shapes in CSS. If you… Continue reading Create Pure CSS 3D Model With Tridiv

Free Premium Files For September 2013

Each month the Envato marketplace brings you free premium standard files. Envato is a web marketplace where you can get premium files for different areas of your website. My favourite marketplaces is the script marketplace CodeCanyon and the theme marketplace ThemeForest. Here are the files which you can get for free for September 2013. Showcase… Continue reading Free Premium Files For September 2013

30+ Stunning Joomla Virtuemart Templates

It is more and more common that web developers use solid and mature multi-purpose CMS platforms, such as WordPress, Drupal and Joomla, for building professional and easy to maintain websites, web applications and webshops. These solutions are interesting because they are easy to set up, they make it a breeze to publish content and further you… Continue reading 30+ Stunning Joomla Virtuemart Templates

15 Useful and Effective jQuery Lightbox plugins

jQuery is powerful and feature riched JavaScript library with nice event handling system, thus favorite among web designers/developers. Writing and using JavaScript is always a fun with jQuery for developers. jQuery and its plugins have made it possible to make web pages look appealing and user friendly. JQuery Lightbox plugins are used to overlay images… Continue reading 15 Useful and Effective jQuery Lightbox plugins

Beginning With WordPress: Editing the Look of Your Site With CSS

This entry is part 6 of 6 in the series Beginning With WordPress So, now that we have a child theme set up we’re ready to get make some changes to the look and feel of our site. What You’ll Need Web browser – I’m using Chrome Text editor – I’m using Text Wrangler FTP… Continue reading Beginning With WordPress: Editing the Look of Your Site With CSS

Creating the New Google Play’s Multi-Level Navigation from Scratch

Google have recently released a new Google Play website complete with a new redesign and what caught my attention was the way they implemented their navigation bar. With the smooth animation and how they let users peek at the root-level menu by simply hovering a back button, I decided to build a similar navigation menu from scratch… Continue reading Creating the New Google Play’s Multi-Level Navigation from Scratch

10 Easy Image Hover Effects You Can Copy and Paste

Hover effects are always a fun topic to explore. In the past, we’ve built someawesome examples of CSS hovers that were easy to copy and paste right into your code. Today, we’re going to follow that up with ten new effects specifically built for use with images. Each example comes with an HTML and CSS snippet… Continue reading 10 Easy Image Hover Effects You Can Copy and Paste

Recreate Google Nexus Menu

Recently I stumbled upon Codrops’ tutorial regarding the recreation of Google Nexus navigation menu. That was inspiring and such a creative navigation system from Google. So, I decided to create a jQuery version to challenge to myself. I have been playing with the original Google Nexus Menu for a while. Based on my observation, I summarised its… Continue reading Recreate Google Nexus Menu

How to build standards-compliant responsive design using @viewport

One of the key concepts in any responsive design is the change of viewport size. That’s because mobile viewports vary greatly from desktop viewports. To control the viewport size we traditionally use the viewport meta tag. However, the viewport meta tag, like all the worst browser developments of the last forever, isn’t W3C valid. It… Continue reading How to build standards-compliant responsive design using @viewport

10 Best Website Builders That Any Graphic Designer Should Know About

No doubt you heard the myth of building websites without coding before, and still you have stumbled on either HTML or PHP in one form or another, be it Dreamweaver or other such hybrid site creators that could either be a mix between editing and coding or create static pages only. The thing is, they… Continue reading 10 Best Website Builders That Any Graphic Designer Should Know About

Add Depth to Flat UI with Flat Shadow.js

A while ago, I stumbled upon a post called Flat design casts a long shadow by the fine folks at Web Designer Depot and I was amazed by how adding a simple shadow could create such a beautiful depth of design to the flat UI elements. What if we bring this effect to the web? Today, let… Continue reading Add Depth to Flat UI with Flat Shadow.js

Bootstrap Happiness: 10 Premium Responsive HTML5/CSS3 Templates For ONE Dollar Each

You know that we love Bootstrap here at Noupe. Released in August of 2011, even Twitter may not have known how big it would get. As of Summer 2013, it is still the most popular GitHub development project with over 52k stars and over 16k forks. Building a responsive website based on Bootstrap takes a… Continue reading Bootstrap Happiness: 10 Premium Responsive HTML5/CSS3 Templates For ONE Dollar Each

How To Build a Range Slider Input with jQuery UI

Looking at the HTML5 range input element you can see a number of advancements. Forms are able to take in restricted information from users sliding between number segments. But unfortunately these HTML5 inputs are only supported in modern browsers. So although there are a few limitations we can try to work around them. I want… Continue reading How To Build a Range Slider Input with jQuery UI

Type & Grids: Free Responsive HTML5 Template

Today, we are pleased to introduce Type & Grids, a free responsive HTML5 template by Jeremiah Shoaf. It looks great on all devices, including desktops, laptops, tablets and phones. All of the content resides in a single HTML file, so setting it up is super-simple. Its extensive customization options set Type & Grids apart from other templates… Continue reading Type & Grids: Free Responsive HTML5 Template

Create A Simple Responsive Portfolio Page with Filtering and Hover Effect

In this tutorial, I’m going to show you how to create portfolio page with filtering and also hover effect for each of your project item. We will be using a CSS3 and jQuery filter & sort plugin called MixItUp. This script should work pretty well with our previously published tutorial – display images with shape masking and… Continue reading Create A Simple Responsive Portfolio Page with Filtering and Hover Effect

Speed Up HTML Coding With Emmet

Web Developers are always looking for new ways to speed up our development process, one the best ways to speed up your development and becoming more productive is to choose the right IDE for the way you code. I’ve tried a lot of IDE’s but he one that I find myself most productive with is… Continue reading Speed Up HTML Coding With Emmet

Collection Of Free Responsive HTML & CSS Website Templates

In digital designing, production should have two crucial potentials, quality and quantity. Your work should be exceptional and so should be your speed. Web development and designing are extensively challenging jobs in both concerns as they require skills and aesthetics to work in perfect coordination which sometimes, can be time consuming and painstaking. There are… Continue reading Collection Of Free Responsive HTML & CSS Website Templates

40+ High Quality Business Website Templates

Business website templates have become immensely popular today and this is not a coincidence. Venturing your business online is a critical move if you are a business administrator or a small business owner. It might seem like a overwhelming task to build or redesign your business website, however this is not always true. It can… Continue reading 40+ High Quality Business Website Templates

20+ Best Free HTML Templates For Free Download

HTML templates help a lot when you have to create a cool web design in shortage of time and that’s why designers and developers always in search of creative and well coded templates. On the other hand free HTML templates come in handy for the beginners too. Our today’s showcase covers up some great and… Continue reading 20+ Best Free HTML Templates For Free Download

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