Social media slide next to a website

How to build social media buttons to slide up and down next to your website?

Basically, it is a floating menu that contain social media buttons like Facebook, Twitter, Google Plus, just to name a few.

Keep in mind I’m putting this together into my WordPress website without a plugin, without jquery, and only CSS. So, it’s light weight and you should be …continue reading

HTML5 and CSS3 browser compatibility websites

Websites with charts and graphs for the most popular browsers that support different elements of HTML5 and CSS3.

Browsers like Firefox 3.6+, Safari5+, IE 9+, Chrome 10+, Opera 11+ all support HTML5 and CSS3 differently. Check out the websites below to see if your browser is compatible with HTML5 and CSS3.

…continue reading

CSS syntax tutorial

Here I will be talking about CSS syntax and the most favorite things I love about CSS is that it is very simple and super easy to learn.

In cascading style sheet, you are writing a series of rules to be apply into your HTML document. Every single CSS rule has a selector, the selector is to hook that you use to choose what part of your HTML to apply the CSS. …continue reading

CSS basics – What is CSS?

CSS stands for cascading style sheets, which combine with HTML to define how things will look on the user’s browser. Generally speaking, HTML is used to format a webpage and CSS can be used in conjunction with HTML to add colors, styles, images etc. where styles mean how things would look.

With that said, you can still use only HTML without CSS, but CSS will make things a lot easier and simpler. …continue reading

How to make <UL> and <LI> in WordPress in single lines

While I was designing this website, I wanted to list all of my statistic pages at the footer of the website. I used the standard WordPress codex to list all of my pages with this code below, excluding page id 151.

<ul >
<?php wp_list_pages(‘exclude=151&title_li=’); ? >
</ul >

When I have all …continue reading