RealcomBiz

How to Create Ghost Buttons With CSS

by Durodola Ridwan | Sunday, December 14, 2014 |
One of the most popular web design trend this year is the "ghost button", which is simply created as a basic, flat shape and clickable items with no fill and a simple outline. It is completely (or almost completely transparent) asides from the outline and text. (Hence the name “ghost".)
This button are quite popular on pages that use full-screen photography, one-page sites and those with minimalist or almost-flat design schemes, because this simple style of button is thought to not intrude into the image as much as a more traditional button.


The ghost button seemed to evolve from Apple when they redesigned iOS 7. Many, if not all the UI elements are what we would call a ghost button.

Read more→

20 Useful Tools to Test Code Snippets

by Durodola Ridwan | Monday, November 24, 2014 | |
As a web developer, having a place to quickly test code or work on an idea before going live might be very important. As time go by, more online code editors are created that can help you code from any computer with internet access. These tools let you combine CSS, HTML and often even JavaScript to create and share coding examples.


Below you will find some useful free code playgrounds and sandboxing tools for testing, debugging and sharing your code snippets.

Read more→

20+ HTML Elements to Write Better Text Semantics

by Durodola Ridwan | Thursday, November 13, 2014 |
HTML5 has several new layers, including a new set of semantic tags. While there is still some debate about whether or not we should be using and styling these tags I think at the very least we should start learning them.



The following HTML tags are used to format the appearance of the text on your web page. This can jazz up the look of a web page, however, too much variety in the text formatting can also look displeasing.

Read more→

The Expected Specifications of HTML6

by Durodola Ridwan | Friday, October 31, 2014 |
HTML5 has most definitely proven to be a transformational platform, giving abundant room to web developers to spread their wings (it rather has given them some blockbuster wings).
With its elements like <header>, <menu>, <nav>, <menuitem> and so on, it has given a new dimension to how developers go about their job of creating web apps of the highest order.
But just when you thought that HTML is going to take some time before it swings something new at us, bam, it's right here. Now HTML6 hasn't been launched per se, but the specs are well and truly in.


Read more→

Adding Icon After External Links with CSS or JavaScript

by Durodola Ridwan | Monday, October 27, 2014 | |
Styling external links with text or icon is common practice for many sites, like Wikipedia. It serves as a simple visual cue indicating that if you click a particular link you will be taken to another site.


You can simply implement this using CSS or JavaScript without having to add any additional elements to your anchor tags or additional image tags to the HTML source.

Example is given below:


Read more→

How to Target IE6, IE7, IE8, IE9, IE10 and IE11

by Durodola Ridwan | Friday, October 24, 2014 | |
It gets frustrating when different versions of Internet Explorer displays our web pages differently due to the inconsistent rendering engine.

Sometimes, we might just think tweaking our code to render the same across different browser version is not that important, but that's a wrong idea. Many users don’t care what browser they are using as long as it browses the internet. Sadly, most of these users are on IE7, IE8, and IE9 because that is what comes installed on their PC. Luckily there are now several ways of targeting IE.


Read more→

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→

About Me

My Photo
Durodola Ridwan is a Professional blogger, SEO Consultant, Certified Web developer/designer and founder of www.realcombiz.com. 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