The placeholder text in inputs has a light gray color. To style it, you’ll need vendor prefix CSS properties.
/* Chrome / Safari / Opera 15+ */
::-webkit-input-placeholder { color: SteelBlue; }
/* Firefox 18- */
:-moz-placeholder { color: SteelBlue; }
/* Firefox 19+ */
::-moz-placeholder { color: SteelBlue; }
/* IE 10+ */
:-ms-input-placeholder { color: SteelBlue; }Recently a friend asked me how to make a gradient border on a button. I really am not a fan of gradients, but some clients love that crap.
See the Pen Button with Gradient Border by Felipe Nunes (@willpower) on CodePen.0
He asked me to make a SASS Mixin too, but if you change the $color_base to other color value, I think it works 😛 One of the wonders of SASS.
One year ago, more or less, I discovered fontello, and I have used this tool in my past projects and is becoming indispensable.
For example, I usually use the fontAwesome. In version 4.2.0 are 479 icons. If a project you use 10 of these icons, why would you upload the others 469 for nothing? Continue reading
Recently a friend asked me how to run a function only if there is an determined element in HTML.
How can this be a common question, I decided to put on the blog.
if ( $("#element").length ) {
// do something.
}With this if() you check if an element exists on the page, and if yes (true), run a code in particular. If the if() returns false, the code inside it will be ignored.
In an internal company work, some time ago, I saw a project that had a JS that took the placeholder’s input showed with other format, with animation. If your browser supported the placeholder, he used the placeholder, if not, with js, made it work.
I decided to redo, using the same idea, only without the placeholder, using only the label. Continue reading