5 Cool CSS Tricks To Spice Up Your Website

CSS is a basic part of any webpage, and is what gives the page its distinctive look. CSS can be simple yet complicated at the same time, from a simple typography rule to a complex animation. It can be used to create amazing things. Today, we'll share some CSS styles which you might useful, and may use on your website to spice things up a bit.

Read more »

How To Control Browser Cache And Cookies With HTML?

Caching and cookies are two methods browsers employ to save data regarding a certain website. Caching is used to store some web page data locally for faster loading on each subsequent revisit, whereas cookies are small pieces of data containing important user information for a website. Not many webmasters know or use this, but you can actually use just HTML meta tags to control cookies and browser caching for your website!

Read more »

Use HTML 5 Picture Element To Make Webpages Load Faster

Responsive Web Design has taken web developers and designers by storm, changing the way they approach the development of a website. However, it isn't perfect and has its limitations. According to Archive.org, images constitute about 62% of the total weight of a webpage on average, suggesting that there's a need for a better way than CSS rules to deliver images responsively to a virtually infinite number of screen types and sizes. Meet the new HTML 5 Picture element.

Read more »

How To Clean Up A CSS Stylesheet?

Often over the course of time, you need to make small tweaks to your website. Most of these tweaks are usually visual, and involve working with CSS files. Over time, CSS files grow and may accumulate redundant or overlapping CSS rules that are old and no longer used, or are overwritten by new styles. Some styles might be leftovers from a plugin or an on-page element that you no longer use. These useless styles can increase the size of your CSS files, hence compromise the load speed. Let's take a look at how you can clean out your CSS files.

Read more »

How To Embed Excel Spreadsheet On A Webpage?

While writing an article, presenting data in a tabular form sometimes becomes important. It can be useful to represent statistical or analytical data. Now most of us use a spreadsheet software such as Microsoft Office or Google Docs for data calculation and manipulation, but can only make do with tables - or worse, images - when representing that data online. Well today, I'll show you how to embed Excel and Google Spreadsheets on a webpage.

Read more »

How To Customize Font Awesome Icons in Blogger?

Font Awesome is an amazing icon-based font that contains compact-sized, but high quality scalable vector graphics that can be used to optimize most icons across your site. We've talked about implementing Font Awesome Icons on your Blogger template (or any HTML webpage), and we saw that one of the best features about this iconic font is that it is CSS-customizable, which means you can use some pre-built classes, or write your own custom styles to fit your website! In this post, we'll talk about customizing these icons for your site.

Read more »

Create a Responsive Drop down Menu in Blogger

The task of Designing a responsive blogger template starts with the Header and the most important part of Header is the top navigation menu that provides useful links to your inner pages. Responsive drop down menus are viral now and can be seen widely implemented on all wordpress blogs and even mashable.com. Today we are releasing the first ever tutorial on designing a flexible Drop down navigation menu for BlogSpot blogs without using a single script or image! The best part is that it is not just a flat menu but with a drop down list. This makes our tutorial distinguished from those several codes and plugins proposed by some Geeky friends at Github. Using simply HTML5 <nav> tags and CSS3 :checked selectors, we managed to design a menu that we hope would be useful to the blogger community because it is really an efficient menu that is compatible with all major browsers and uses no Jquery at all!

Read more »

Design a Responsive Blogger Template - Tutorial

Designing Mobile Responsive Templates has become a trending topic in web today. Mobile Technology and Mobile Traffic has evolved immensely from 2010 to 2013 especially in Asia USA and Africa. People now prefer reading emails on their iPhone as compared to using their Desktop computer. Fast wireless wifi connections is another reason that encouraged usage of mobile devices like smart phones (Apple and Android), Tablets, netbooks and low resolution cellphones like NOKIA.

More of our clients today are interested in fluid and flexible Blogger templates compared to traditional Fixed width Layouts. We have received over a hundred requests for this tutorial series. We are therefore releasing the first ever complete step by step Tutorial Guide on Mobile Optimized Responsive Blogger Templates to the Google Blogger Community. You will learn how to enable your Blog layout adjust itself automatically to the Device Screen Size.

Read more »

Drawbacks of JQuery Lazy Load Plugin For Posts and Images

Jquery and CSS3 has enabled front end developers and even designers to create amazing effects but unless you check the compatibility of the code, never play with such plugins and tools because there are still people who don't use JavaScript in their browsers and your blog will look no less than a mess to them. This effects both your readership and blog pageviews. We are observing a growing trend of Jquery implementation on both Blogger and Wordpress blogs. A Famous known plugin is Lazy Load for images (inspired from Yahoo plugin) and Lazy Load for blogger posts (Also called infinite scrolling). Lazy load for images delays loading of images in long web pages and makes the page load faster, on the other hand Infinite Scrolling plugin for Blogger keeps on loading posts as you scroll down the page just like you scroll down to load more tweets in twitter.

Read more »