CSS
How to Create an Overlay Popup Box Using HTML, CSS, and jQuery
Have you ever wondered how to some websites create an overlay popup when they click on a link or button? Perhaps you are wondering how to create an error overlay or even a simple ad popup (not recommended since those are really annoying).
2How to Use CSS3 :before and :after Pseudo Elements
When you’re trying to work with HTML content that you are unable to edit (perhaps partially because of technical, work-related, or project-based), the only option to add other content without touching the HTML structure is to use the :before and :after pseudo-elements.
0How To Use CSS3 Transitions
What are CSS3 Transitions?
As with many CSS3 features that have been used as of late, many of them have dealt mainly with stylizing static properties. However, with the new CSS3 transitions, you can now do some really cool transition effects for various elements.
0How To Center A Website
Here’s a quick and dirty way to center a website.
It’s simple really. You just need to provide two basic properties in your CSS to include in order to center the content on your website.
0CSS inline-block hack for IE 7
There are times when I just want to rip my hair out because of certain browser inconsistencies… primarily those of Internet Explorer 7 and below. One of those is because IE7 doesn’t understand the property of display:inline-block;
0How to Target IE6, IE7, and IE8 in CSS
Internet Explorer has always caused trouble among many web designers and developers, whether it was because of certain features not implemented correctly (or even at all), alignment issues, and even syntax compliance among other browsers as well.
2
Cool Text Effects Using CSS3 Text-Shadow
Lately there has been a great amount of websites that have started incorporating CSS3; Many of which have used some kind of text effects such as text shadows. While text shadows have been around for quite some time, it has recently become so much easier to implement because of modern browsers.
31How to Use @font-face CSS3
So a lot of people have been trying to implement different fonts using CSS3 @font-face rule but have had trouble actually doing so. Here’s a run-down of how to implement @font-face for use on your websites.
1
Combining Your CSS Selectors
Nowadays, many web designers and developers create stylesheets that are long and filled with numerous selectors. Some stylesheets can look bloated and may contain more code than needed. In this case, it’s best to be able to combine certain selectors in order to maintain a more readable and clean stylesheet.
0Converting Tables to Divs
Tables were once used to style entire website in order to place various elements within a page. Nowadays we have CSS to thank in order for us to create more fluid and stylish websites without being confined to using tables. The problem with old sites that use tables to display content is converting them into divs which CSS can later rearrange in order to achieve the same effect. Converting tables to divs can be a bit daunting at first but I’ll show a different approach to achieve the same results as you would using tables.
3