I love the WP Code Highlight plugin by BoLiQuan. It brings well deserved colour to code blocks wrapped in PRE tags. I use them a lot, but until I discovered this plugin they all looked grey and bland. Since last year I was using them on my iOS Dev Diary and thought since both sites … Read more
You can hide and show DOM elements in CSS as well as jQuery. But you can also combine the effects and create very elegant presentations with ease. Let’s consider my own ID named #myown. Once styled to look ravishing, I’ll set it to disappear via this bit of CSS: #myown { /* my styles go … Read more
Did you know that with CSS 3 you can load custom true type fonts and use them on your website? It’s relatively simple to do too. First you define a new font face with a URL to your file, then you call it just like you would call a pre-defined font. In this example I’m … Read more
Fantastic CSS Border Radius generator for all browsers by @jacob Bijani
A bit related to my previous post about using jQuery UI elements in the WordPress admin interface, it’s likely that at some point you want to load your own CSS styles to your plugin or theme’s admin pages. Lucky for us that’s a lot easier that loading JavaScript! Here’s how – works without adding an … Read more
Centering text in CSS is relatively easy. All you do is add the “text-aling: center” property. If you’ve ever tried this with anything that isn’t text you’ll have noticed that this approach doesn’t work. Instead, display your class as a block, then set the margins to auto. You also need to specify a width so … Read more
Have you ever wondered how a website can look great on your desktop and appear reformatted on your phone? The secret sauce is done via CSS Media Queries.
In a nutshell you define your styles for larger screens, and then override those styles with more mobile friendly options if the screen is smaller. You can specify the exact width which allows even to detect if someone is holding their device portrait or landscape.
Let’s look at how this can be accomplished with CSS rules.
