Category: Web design

Web color schemes

Posted by Ruben Canton on June 12, 2011 at 1:20 am
categories Web design

When designing a website profesionally colors cannot be left to an approximate decision. As said in my post about design consistency, colors have to remain the same through all the page to give the user some info.
So, if you choose red as the brand color it will not be a great idea to have 7 [...]

 

CSS tricks

Posted by Ruben Canton on April 4, 2011 at 9:13 pm
categories Web design

Here are a few CSS tricks very useful for Front End programmers:
Convert an element from inline to block and viceversa
Some tags are thought to be inline and some others to act as a block. That is why some tags have some default style like margins or paddings and also, some of them will not act [...]

 

Selecting odd and even rows in a table using CSS3

Posted by Ruben Canton on March 29, 2011 at 6:01 pm
categories Web design

Fast trick to style a table using CSS3 selectors to set the odd and even rows style:

table > tr:nth-child(even) {background: #ccc;}
table > tr:nth-child(odd) {background: #fff;}

#non_styled_table{border:1px solid #ccc;margin:0;border-collapse:collapse;}
#non_styled_table tbody > tr > td {border:1px solid #ccc;}
#styled_table{border:1px solid #ccc;border-collapse:collapse;}
#styled_table tbody > tr > td {border:1px solid #ccc;}
#styled_table tbody > tr:nth-child(even) {background: #ccc;}
#styled_table > tr:nth-child(odd) {background: #fff;}

So instead [...]

 

CSS Selectors to have in mind

Posted by Ruben Canton on December 1, 2010 at 6:27 pm
categories Web design, Web standards

I was the other day reading a post about CSS selectors just to remember or to learn something new and I found some new selectors you can use from IE7 and forward (the rest of the browsers have no problems with them).
Since IE6 does not recognize them you may just forget them for a pair [...]

 

Content relevance. Let’s use some colors

Posted by Ruben Canton on September 17, 2010 at 12:11 am
categories Web design, Web usability

This is a translation from my original post in spanish. I hope you like it!
We are planning a new design for our website and doubt between using blue, red, pink, yellow, … What would be better? What if I put bright pink edges? Surely no one would forget my web …
All the ones who have [...]

WordPress Themes