Are you looking for an all-in-one Web Design, Web Development and Career Building course that takes you step-by-step through the all of the skills you need know to start a working professionally? Are you a programmer looking to improve your design skills, so your designer colleagues can stop making fun of your bad designs? Or… Continue reading Ultimate Web Designer & Developer Course: Build 23 Projects!
The Best Way to Learn HTML5 & CSS3 PSD to HTML5/CSS3 is a simple course that will teach you to take a Photoshop Mockup Design and hand-code it into a beautiful, semantic, valid HTML5 & CSS3 website. Start Speaking the Language Right Away Just like learning a human language, the best way of learning is… Continue reading Learn Web Designing & HTML5/CSS3 Essentials in 4-Hours
Web applications become more and more powerful every year, but there is still room for desktop apps with full access to the hardware of your computer. Today you can create desktop apps using the already familiar HTML, JS and Node.js, then package it into an executable file and distribute it accordingly across Windows, OS X and… Continue reading Creating Your First Desktop App With HTML, JS and Electron
If you are looking to familiarize yourself with responsive emails this is a perfect place for you. In this quick tutorial I will be going over how to code a simple and minimal typography based responsive email. It will provide you a fundamental understanding how responsive emails work. Responsive Design Because this is a typography… Continue reading A Simple Responsive Email Design Tutorial
Larger navigation menus will typically include separate dropdown lists to appear on hover. But for some websites it can be necessary to expand this dropdown across the entire page. Designers might call this a “mega navigation” for its influence over the whole menu. In this tutorial I want to demonstrate a method of creating one… Continue reading Building a Mega-Navigation Menu with CSS3 and jQuery
If you have an existing website that is not responsive, I’m sure you’ve probably given some thought to how you would make it mobile-friendly. It’s really hard to argue against the mobile trend these days with Mobile Web Traffic now at about 25% of all Internet Traffic, and sales of mobile devices (Phones & Tablets)… Continue reading How to Make Any Website Responsive
When it comes to creating mobile apps there are a variety of issues to consider, including the plethora of devices, screen sizes and platforms to cater for, plus the number of skillsets needed to target all the major platforms. For example, Apple iOS uses Objective-C, Android uses Java and a bit of C and C++,… Continue reading Make HTML5 apps with Sencha, part one
After searching through countless blog posts I have been looking for a really great image gallery slideshow. Something that could be added into WordPress and made as an easy publishing solution. This lead me onto Galleria which is a beautiful open source responsive image slideshow using jQuery. In this tutorial I want to demonstrate how… Continue reading Build a Mini Image Gallery Slideshow using Galleria
HTML5 and CSS3 have both revolutionised web design and we all see more powerful and functional websites using these two languages.HTML5 and CSS3 have many advantages like faster loading times,greater functionalities and more flexibility.You can apply to any website very easily. In today’s post we have gathered beautiful menu tutorials created using CSS3 and HTML5.The… Continue reading 27 Detailed Dropdown Menu Tutorials in CSS3 and HTML5
Following on from our look at buttons in Zurb’s Foundation, let’s now take a look at custom forms and switches. During this tutorial we’re going to work on an exercise; a contact form which you can add to your projects or just play around with. Once we’ve built that, we’ll move onto other form elements.
Today we will create a colorful Retina-ready and responsive menu inspired by the colors of the Maliwan manufacturer of the Borderlands game. The menu automatically changes to one of three different layouts depending on the browser window size: a “desktop” inline version, a two columns tablet-optimized version and a mobile version with a menu link to… Continue reading Responsive Retina-Ready Menu
During this quick tutorial we’re going to implement a sticky menu with CSS, toggling its visibility with jQuery. It’s the perfect way to give visitors social links, additional places within a network of sites, or even personalize settings. Step 1: Setting up the Page Let’s start out by making a basic HTML page. We’ll… Continue reading Create a Quick, Sticky Menu
A few weeks ago we released two different introductory articles about HTML5 and CSS3, and I promised you we’d do some cool stuff together in the upcoming months. Well, I have been working hard on this video tutorial and I really hope you enjoy it. In this tutorial I will teach you how to create a… Continue reading Create a Responsive Website Using HTML5 and CSS3 – Video Tutorial
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
It is very common to find dropdown navigation elements within website layouts. Developers use these types of hidden menus for displaying extra links which are typically related to the main topic. Other examples may use sliding panels or varying accordion-style menus to accomplish the same interface. But for this tutorial I want to build a… Continue reading Coding a Horizontal Navigation Bar with jQuery Dropdown Menus
With the arrival of ultra high definition screens (think Retina) new design challenges have arisen; we need to find ways to accomodate all devices. Take displaying icons for example. We could lean on serving images at 200%,or using SVG,but it’s also possible to build a surprising amount of graphics with CSS alone. Let’s build an… Continue reading Building Icons With a Single HTML Element