Detection Techniques to Check Browser Support For HTML5 Features

by Durodola Ridwan | Saturday, October 18, 2014 |
Any website is built with a common goal in mind: to make it work according to the latest specifications and web trends. Since the mobile Internet usage is growing with each passing day, it is becoming needful for site owners to develop a site that is optimized for mobile users. And HTML5 provides the potential to build mobile websites. This is why, HTML5 web development is becoming the most popular web trend used by webmasters around the world.

HTML5 introduced a lot of new and cool functionalities including some great semantic elements, audio and video support and the canvas tag. However, some old browsers don't provide support for HTML5, and thus you may think how to adopt HTML5 if your users don’t have HTML5-compatible browsers. But that's not what you should be thinking, as it is a misleading thought. Remember that the browsers that support HTML5 means that they support different features of it; and rather than detecting whether “browsers support HTML5”, you should detect if the new HTML5 functionality is supported in the browsers or not.

This post will help you explore how to detect browser support for the new HTML5 elements.

Read more→

Styling SVG (Scalable Vector Graphic) with CSS

by Durodola Ridwan | Monday, October 13, 2014 |
Guess most of us are familiar with SVG (Scalable Vector Graphic), but for the novice. It's basically what you work with in Adobe Illustrator. SVG images and their behaviors are defined in XML text files, which means that they can be searched, indexed, scripted, and compressed.

SVG allows three types of graphic objects: vector graphics, raster graphics, and text. And being an XML file, it can be created and edited with any text editor.

Read more→

How Back-end Web Development Works?

by Durodola Ridwan | Friday, October 10, 2014 |
The decision to build a website involves a detailed understanding of the ins and outs of web design and development. If you're a website developer then you might be well familiar with the complexities attached to building the front-end as well as back-end functions of a web portal. In order to come up with an excellent back-end, it's quite essential for you to dig deep into the business and goals of your client. With a clear insight on the kind of website your client is looking to build, you can conveniently choose an approach for implementing the website development project.

Today, you are going to learn some of the very interesting basics about back-end web development that would come handy every time you're about to develop a website.

Read more→

Understanding CSS Blend Modes

by Durodola Ridwan | Sunday, October 05, 2014 |
Most of us using image editing tools like Photoshop, illustrator, Sketch or GIMP, are already familiar with blend modes. Like the name suggest, blend modes provide a way to specify how one layer will interact or blend with another layer underneath. Until now, these software were the domain of photo editing, but now they are available on the web using CSS. In essence, these modes are mathematical functions, which use the mathematical representations of the colors of the source and background layers — for example RGBa, where values are between 0 and 1 for all the channels — and returns a final mathematical value for that particular pixel, which in the end, determines the color of that pixel. The exact formulas that each blend mode employs for determining colors can be read in the specification.

Right now, the specification supports three new properties, background-blend-mode, mix-blend-mode, and isolation.

Read more→

How Strong Design Opinions Can Help Heighten Designers Prominence?

by Durodola Ridwan | Saturday, September 27, 2014 |
Every designer has different opinions on design, and what they think about design greatly influences their work. In fact, the designers having strong opinions most likely end up delivering valuable work, and thus are able to build a prominence in the web design community. So, if you're one such designer then you should think about sharing your opinions with other designers across the world, as it might help improve your visibility in the design community and boost your career.

Let's have an overview of some of the following reasons as to why and how you should share your design opinions:

Read more→

CSS Cursors: An Ultimate Guide

by Durodola Ridwan | Monday, September 22, 2014 |
The typical browser will display the mouse pointer over any blank part of a web page, the gloved hand over any item that is linked (click-able) and the edit cursor over any text or text field. With CSS you can redefine those properties to display a variety of different cursors.

You have to be mindful of how you manipulate your cursor. CSS cursors (built-in or custom) should be used as a hint to the user as to know what action the mouse can perform. Let’s take a look at an example that doesn’t use custom cursors to illustrate a common use-case: drag and drop. To give users a visual clue that an item is draggable, a CSS cursor property with move as value should be set. Or a case of a resizeable box, these has to be indicated. Below is a code snippet that change mouse cursor icon to move.
Read more→

HTML5 Properties You May Not Be Acquainted With

by Durodola Ridwan | Thursday, September 18, 2014 |
The little squeezes and spreads that HTML5 has been powering the web solutions with over the years has already perched it among the most hotly pursued web development platforms. Giving the web developers and web designers a considerable cause for pause, HTML5 comes blazing with features and capabilities that are transformation in nature. And thus, it has helped enterprises to power their way ahead formidably and dominantly.

However, there is a ragtag of conceptions and misconceptions going around, under the pile of which, certain must-understand points are finding it a struggle to get through.

Read more→

CSS Filter: Convert Colored Images to Grayscale, Sepia, Saturate, Invert and more

by Durodola Ridwan | Tuesday, September 16, 2014 |
With advancements in the standards of Cascaded Style Sheets (CSS), doing a number of things in web design and development is becoming increasingly easier and fun. The latest specification (CSS3) has brought lots of new features, among the best is CSS filters. Filters allow you to modify the display of images in a variety of ways, some of those ways of displaying images as black and white, grayscale, sepia, invert, saturate, hue-rotate and more. Though, this feature is not yet widely supported, but they are indeed impressive and a modern need for web imagery.

Read more→

Create Free Custom Branded Short URL

by Durodola Ridwan | Sunday, September 07, 2014 | |
You probably have see top sites like New York Times, TechCrunch, Mashable, The Next Web and others sharing fancy short links across their social media profiles and you wondered how they did that. Well there's just a simple short trick behind it.
The benefits to having your own custom short URL are things like consistent branding and increased link trust as readers know exactly where it will lead - no one likes clicking on random links.

Also, by using your own custom branded short link, you reinforce your brand awareness, as well as ensure that you're taking full advantage of all the benefits shortened links offer. Whenever you use a link shortening service, like, the new shortened link comes with tracking information. The service will track clicks made on the shortened link and gives you valuable metrics and information.

Here are few examples of shortened links:
  • (Bitly)
  • (Google)
  • (Hootsuite)
  • (YouTube)
  • (New Your Times)
  • (TechCrunch)
  • (The Next Web)

Read more→

5 Awesome Styles for Ordered List

by Durodola Ridwan | Tuesday, August 26, 2014 |
Styling ordered lists was always a tricky task and I guess am not the only one who thinks that. Thankfully it's also not impossible. Recently, I came across a tutorial written by Roger Johansson which explain how we can use the :before pseudo element to style our ordered lists.

Styled numbers will only be visible in CSS3 supported browsers, but fallback (list-style-type: decimal !ie;) is provided so that default unstyled numbers are displayed in old browsers.

The idea is simple, we disable the default numbering with list-style: none; then we use counter-reset and counter-increment to create a counting scope and increment the count. The :before pseudo-element is used to give the numbering styles and content: inserts the index of the created counter.

Note: The numbering don't have to be numbers or alphabet only. To use upper-roman numerals change the content rule to content: counter(ol-counter, upper-roman);

disc (• • •)
circle (○ ○ ○)
square (▪ ▪ ▪)
decimal (1 2 3)
decimal-leading-zero (01, 02, 03)
lower-roman (i ii iii)
upper-roman (I II III)
lower-greek (α β γ)
lower-latin (a b c)
upper-latin (A B C)
armenian (Ա Բ Գ)
georgian (ა ბ გ)
lower-alpha (a b c)
upper-alpha (A B C)

Read more→

Remove Unused CSS to Reduce your Stylesheets Size

by Durodola Ridwan | Wednesday, August 20, 2014 | |
We all like creating new stuffs and updating our site theme to meet up with the latest trends. We added new features, let's say a widget and after some times, we believe it is outdated and decide to trash it out. Most times we remove the widget forgetting to dig-out the styles from the stylesheets. The styles becomes an unused or dead CSS selectors.

It is important to remove the unused CSS selectors to speed-up browser rendering of your website. And even if the effect of this unused selectors on your site performance is minimal, it would make your task of maintaining CSS easier if the files are kept clean and well-structured.

Read more→

About Me

My Photo
Durodola Ridwan is a Professional blogger, SEO Consultant, Certified Web developer/designer and founder of He love writing about Blogging tips, SEO, and play around with codes. You can connect with him on facebook, twitter @realcombiz, and Google+.

Recent Posts

Let's Connect

Site Links

Copyright © 2014 RealcomBiz. All Rights Reserved.
Powered by Blogger