Latest Articles

• 
  Sam Norton • May 30, 2016

  Bootstrap 4 Themes & Templates: Everything You Need to Know

  Bootstrap is an outstanding CSS framework that offers many carefully constructed user interface elements, components, layouts and jQuery plugins. The great thing is that it’s free! Bootstrap is open source and is one of the most popular projects and most …

• 
  Sam Norton • April 27, 2016

  Move to HTTP/2: On the Wire for High Speed Connection Performance

  The Hypertext Transfer Protocol (HTTP) is the systematic rules for managing the transfer of different kinds of files such as text, images, music, videos and other multimedia files used by the world wide web. It explains how files are formatted …

• 
  Sam Norton • March 14, 2016

  How to Migrate from Bootstrap Version 3 to 4

  So what do you need to know before migrating from Bootstrap 3 to Bootstrap 4? Read how to migrate from Bootstrap Version 4 to 5. You’re in luck; today we’ll walk through the changes and new features between versions. The …

• 
  Sam Norton • February 24, 2016

  How to Create Background Fixed Effects

  As an integral part of websites, backgrounds with fixed positions are getting more and more innovative in a way that it can create an optical illusion that it changes the image without you noticing that it has a fixed position …

• 
  Sam Norton • February 09, 2016

  How to Create a Full Page Animated Transition

  In the past, adding page transitions on web pages has been a simple process. As you click on the link it redirects you to the next page as the browser loads the next page or element. The web has started …

• 
  Sam Norton • January 21, 2016

  Codepad: A New Way of Saving and Sharing Code Snippets

  You’ve got plenty of HTML5, CSS3, JavaScript, and PHP code that you want to roll out and you use your hard drive to try to remember each time you start a project with your development team, outsource developers or even …

• 
  Sam Norton • January 15, 2016

  Using Bootstrap 4 Flexbox

  The CSS3 Flexible Box, or Flexbox, is a new layout mode to improve arrangement of items on a page that can also manage directions and order within a container to accommodate different screen sizes and different display devices. It works …

• 
  Sam Norton • December 10, 2015

  Bootstrap 4 CSS Tutorial (Part 2)

  In the last article, we talked about Bootstrap 4 CSS. In today’s article we’re going to continue with some more CSS and the JavaScript options that are essential for every Bootstrap-based website. Looking for a Bootstrap online builder? 👉 Try …

• 
  Sam Norton • November 19, 2015

  Bootstrap 4 CSS Tutorial (Part 1)

  Having the basic HTML elements set up is not enough to create a fantastic or functional website. You need styles to bring life to your website. Bootstrap 4 offers a plenty of classes and user styles that can be customized …

• 
  Sam Norton • November 04, 2015

  Understanding the Bootstrap 4 Grid System

  Grid systems enable us to properly organize website content. Dividing the screen into multiple rows and columns is the best way to create a variety of layouts for any kind of website. Looking for a Bootstrap online builder? 👉 Try …

• 
  Sam Norton • October 27, 2015

  How to Set Up a MailChimp to Slides Subscription Form

  The best way to let people sign up for your contact list is to create a subscription form. Using this form, it’s just a matter clicks to build a list for your website. Subscription forms are easy to create and …

• 
  Sam Norton • October 12, 2015

  What Designers Need to Know About Bootstrap 4

  Since August 2011, when Bootstrap was first launched, it has gained popularity in the web design and development world. From entirely CSS-driven style sheets to a powerful, mobile-first, responsive, front-end framework with lots of new features added including host of …

• 
  Sam Norton • October 01, 2015

  Bootstrap 4 Tutorial: Create a One-Page Template

  Bootstrap 4 is here and there are plenty of changes and new features. Today you will learn how easy it is to create a one-page HTML responsive template using Bootstrap 4. At the end of this Bootstrap 4 tutorial, you …

• 
  Sam Norton • September 03, 2015

  What’s New in Bootstrap 4?

  Everyone loves Bootstrap! Being the most popular CSS framework in the world, web designers and developers got thrilled when its creators, Mark Otto and Jacob Thornton, took it to the next level with Bootstrap 4. Bootstrap 4, day 110. 295 …

• 
  Sam Norton • August 24, 2015

  How to Create CSS3 Animated Checkboxes

  HTML forms have a lot of elements which function differently. Some of them provide options while others need input from the user. HTML checkboxes are a good example of this. Checkboxes give the user an option to select one or …

• 
  Sam Norton • July 22, 2015

  Base CSS and Navigation Systems in Bootstrap

  In the last article we discussed Bootstrap CSS grids and elements. For the second part of our tutorial, we’re going to study the different base elements and navigation system. Using the Base CSS Styling HTML elements — which includes headings, …

• 
  Sam Norton • June 11, 2015

  Installing Bootstrap and the Bootstrap Grid System

  Bootstrap has been on the web for several years now. Being a responsive design framework that can be used to build either static and dynamic web applications or websites, it has gained so much popularity in Github and has been …

• 
  Sam Norton • June 03, 2015

  How to Create Sticky Navigation with CSS or jQuery

  In the modern web, more websites use the “sticky” position feature in their main navigation or menu. It is making the main navigation stick and remain visible as the user scrolls on the page thus making it more accessible. Some …

• 
  Sam Norton • April 24, 2015

  Create an SVG Animation using CSS and JavaScript

  SVG, or Scalable Vector Graphics, is an application of XML to provide vector graphical information in a lightweight form. Unlike the other rasterized image format such as PNG and JPEG, SVG can be scaled without loss of image quality. Creating …

• 
  Sam Norton • March 10, 2015

  CSS3 Hover Link Effects

  One of the essential parts of a website is a text link. By clicking an anchor tag you can go anywhere from the site as it points to a specific page. Typical links contain simple hover effects such as use …

• 
  Sam Norton • February 16, 2015

  Effective Web Typography: Rules, Techniques and Responsive Design

  Responsive Web Design isn’t just about columns, grids, images and icons. All of this will not make sense without text for content. As Bill Gates once said “Content is King.” When it comes to content, we need to talk about …

• 
  Sam Norton • February 02, 2015

  How to Build a YouTube Video Website Background

  Big video backgrounds are a recent, and popular, web design trend. Browser-sized videos have brought about a new era of web design in a creative way. If implemented well, video backgrounds add dramatic effect to a site, making it more …

• 
  Sam Norton • January 08, 2015

  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 …

• 
  Sam Norton • November 17, 2014

  A Closer Look at Mozilla Firefox Developer Edition

  Just in time for Mozilla’s 10th anniversary of Firefox, comes a series of new projects such as Polaris, Interest Dashboard and the one that’s been talked about for quite some time – Firefox Developer Edition. Although there are a lot …