After 6 months of development and two release candidate, the final version of WordPress 2.5 has been release. Lots of new stuff, I let you have a look at the WordPress blog for more info. I don’t have time to update right now but I will as soon as possible!
Switch the light off, Google and energy saving
As you may have seen today, the Google page as changed. A black background with white text, that’s something interesting from the giant of the search. This initiative is meant to raise awareness about the Earth Hour. I first though it was my Firebug, changing the CSS of the Google page but they did it on purpose!
Check out also Blackle another black page meant to save energy. Could have been a good idea if we were still using our big CRT screen. However a flat panel use the same amount of energy for white and black colors. Still switching the light off when you live a room is important for our future.
2 indispensable Firefox addon
A good worker has good tools. One the best feature you get using Firefox is Add-ons. Theire is add-ons for everything, from mail box manager to SEO tools. Everyone has his favorit but I think two of them are indispensable for web development.
Html Validator:
This add-on tells you everything about html validation on the page you are on. You don’t have to switch anymore between the w3c validator page. Just look at the status bar and see how many error your have on your page. Details of each error can be seen in the view source of the page.
Firebug:
Start to use it and you will never work without anymore. Firebug is a development tool wich allow you to edit, debug, and monitor css, html, and JavaScript in any web page.
Media:print, create a printer friendly CSS file
Did you know you can use CSS to style your website when you print it? That’s an other wonder of the CSS, you don’t have to create a special version called “printer friendly” and do you website all over again for printer. Just create a new CSS file an call it from your page by:
<link href="print.css" rel="stylesheet" type="text/css" media="print" />
What is important here is the media=”print”. It tells your browser to use this stylesheet for printing purpose. Now we need write our printer friendly style.
Photoshop, begin with actions
I use Photoshop since few years now but I’ve started using actions only recently. Actions are a series of task you can record and repeat as many time as needed. They can really save you time for repetitive task like resizing, applying a filter and much more.
I am not an action expert but I have some that help a lot. For example, you need to resize 10 images at the same size. You can write a very simple action process your image. When the action is ready, press play and your image is resized, saved an closed.
Advanced image replacement
CSS-Tricks has posted a very interesting article about image replacement technique using CSS. You will find 9 different ways to turn a page element into an image but keeping the text in the element without seeing it.
You may be familiar with the common technique:
html:
<h1 id="topLogo">
My blog is fantastic
</h1>
CSS:
#topLogo
{
height:80px;
width:150px;
background:#fff url(images/logo.png);
text-indent:-9999px
}
But other alternative exists and are pretty cool, definitely worth a look. See the article at CSS-Tricks
Loading ...
