As you probably found out, yesterday, the The World-Wide Web Consortium (W3C) has unveiled the HTML5 Logo. They launched more than a logo as they got also a full branding, including badges, t-shirts and stickers.
So, I suppose that’s a good thing, that HTML5 got some branding, sounds very interesting!
While looking at it and admiring it, as I find it very nice, I thought about how can I do it with CSS3 (typically for me).
HTML5 is being developed as the next major revision of HTML, the core markup language of the World Wide Web. Besides new elements like
footer, etc., the HTML5 brings you the
Today I’ll share with you some awesome HTML5 games demos that show the HTML5 canvas potential.
CSS3 offers a new way to arrange text content using the Multi-column CSS3 module. This CSS3 feature will help you fit your text into columns without extra markup like
div floats or extra
New year is coming and I want to wish all of you Happy Holidays. For this reason, I made a little CSS3 experiment (with absolutely no images) and I hope you’ll enjoy it.
:target pseudo-class is one of those amazing CSS3 features. It matches an element that’s the target of a identifier in the document’s URI.
This identifier in a URI contains a “#” character followed by an identifier name that matches the value of an id attribute of an element within the document.
CSS3 has brought some amazing new features and continues to do that. One of the most interesting and attractive feature is the CSS animation. Below is a CSS3 animation round-up that shows you the mighty power of CSS and what you can achieve with its help.
These animations aren’t available to use for all browsers. So, in order to enjoy these effects, you should have WebKit browsers like Safari and Chrome.
I love shadows, rounded corners, gradients and all the CSS3 features. That’s why, there are some days when I find myself designing in CSS3 more than in Photoshop.
The idea of building a features table just by using CSS3 came to me a while ago and I decided to share it with you in this article.
Writing CSS can be a pain and can give you headaches. The truth is that CSS ain’t rocket science and you should just have in mind some CSS pieces of code (snippets) you can use everytime.
In the following rows I’ll try to present you some important snippets I often use in my project and I hope these will help you too.
Have you noticed how often you see an image and a paragraph next to it, with the text wrapped around the image?
That is something easy to do. Just add
float:left to the image and the text will wrap around that image.
But what happens when you want the paragraph to look like a block next to the image? Without wrapping it under the image. Here comes the tricky part.
However, with this article I will show you a quick solution for this issue. Actually, a very simple and fast trick, but very useful in these cases.
A while ago you’ve read a quick tutorial here about setting up your website with custom fonts using @font-face. Since then I’ve been thinking to write about these alternative solutions, pros and cons.
The aim of this post is to briefly round up your options when using custom fonts in web design.