Category Archives: HTML5

How to Create a Responsive Email Template

Reading emails has never been easy on phones and tablets. Just like modern websites, email newsletter design needs to be optimized for different viewports.

Imagine having a non-responsive email newsletter design. It might look good on desktop devices; however, checking it on small screens will look awful with each element misaligned and broken columns. According to EmailMonday, 91 percent of consumers are checking email on mobile devices on a regular basis. This is one of the reasons why you should consider optimizing your email template.

How do you optimize your email newsletter design? While you might think of using the modern way of coding an HTML template using div and external CSS, some email clients such as Outlook and Yahoo Mail use a different…

30 Examples of Amazing HTML5 and CSS3 Websites

In this post we will show you 30 examples of Amazing HTML5 and CSS3 Websites. As you know, HTML5 and CSS3 is the “ultimate duo” for many web designers. They are not only getting new techniques by using HTML5 and CSS3, but they are also getting an easier designing work than using flash or javascript. HTML5 and CSS3 also provides another limitless new possibilities of web design, for an instance is responsive layout for your website. HTML and CSS3 also brings us an opportunity to create a website with all sorts smooth animations, subtle transitions, great image sliders…

Read More

Create a Custom HTML5 Audio and Video Element UI with MediaElement.js

There are a lot of things you can create with custom HTML5. The new elements make it possible to simplify things as opposed in the past that you need to add CSS to make it work or display. Two of the good examples are the audio and video elements. Although …

Read More

Azexo-Composer-WYSIWYG

jQuery drag and drop HTML builder – compile Bootstrap based HTML and JS. Builder extract required JS code (about 0% – 15%) from itself and provide it with resulting HTML to allow initialization a third party JS libraries on frontend. Generated HTML contain “data” attributes which store JS libraries settings and helpers to allow parse document structure by editor.

Read More
Demo

Lightview – The jQuery Lightbox

Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library.

By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible.

Website Demo

Fresco – Responsive jQuery Lightbox

Fresco is a beautiful responsive lightbox. It can be used to create stunning overlays that work great at any screen size, in all browsers on every device.

ClassyCountdown

ClassyCountdown is a jQuery plugin written by Marius Stanciu – Sergiu, a plugin that allows you to easily create clean circular countdowns. It is fully customizable and includes 12 themes, which can be modified and it uses HTML5 canvas for rendering the circles.

Website Demo

Resizing and Cropping Images with JavaScript and Canvas

Learn how to resize and crop images using JavaScript and the HTML5 Canvas element using controls, commonly seen in photo editing applications.

Website Demo