Posted by Ruben Canton on June 12, 2011 at 1:20 am
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 [...]
Posted by Ruben Canton on April 4, 2011 at 9:13 pm
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 [...]
Posted by Ruben Canton on March 29, 2011 at 6:01 pm
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 [...]
Posted by Ruben Canton on December 1, 2010 at 6:27 pm
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 [...]
Posted by Ruben Canton on September 17, 2010 at 12:11 am
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 [...]