Archives for Mobile Web Technology - Page 3

CSS - Cascading Style Sheets

Change an input’s HTML5 placeholder color with CSS

Today, We will play with some more interesting CSS style properties for HTML5 INPUT placeholder styling. Let's explore, how to style placeholder text within INPUT elements with some unique CSS code. In previous articles, we have already covered some beautiful CSS effects on INPUT and Input . What is Placeholder? The placeholder attribute specifies a…
Continue Reading
CSS - Cascading Style Sheets

Animated 3D Background Pattern using HTML5 < canvas >

Hi friends, today we are going to see a cool example of animated 3D Background using HTML5 <canvas> and javascript. The <canvas> element is part of HTML5 and allows for dynamic, script-able rendering of 2D shapes and bitmap images. It is a low level, procedural model that updates a bitmap…
Continue Reading
CSS - Cascading Style Sheets

CSS Vendor Prefixes or CSS3 browser prefixes

CSS vendor prefixes or CSS browser prefixes are a way for browser makers to add support for new CSS features in a sort of testing and experimentation period. Browser prefixes are used to add new features that may not be part of a formal specification and to implement features in a specification that…
Continue Reading
CSS - Cascading Style Sheets

Merry Christmas Greetings – JavaScript and CSS Parallax effect

I hope you have enjoyed my previous article about 3D Parallax effected webpage. Now, like previous year, on occasion of Christmas and winter Holidays, I thought to wish this festival by create a wonderful webpage greetings too. So, today I had created this Christmas greeting card using 3D Parallax effect with help of…
Continue Reading
CSS - Cascading Style Sheets

CSS Techniques – Absolute Horizontal And Vertical Centering In CSS

We've all seen margin: 0 auto; for horizontal centering, but margin: auto;has refused to work for vertical centering… until now!  But actually (spoiler alert!). I'm not the pioneer of this method, and it may even be a common technique, however, most vertical centering articles never mention it and I had never seen it until I dug…
Continue Reading
CSS - Cascading Style Sheets

CSS3 Inheritance Tips and Tricks – inherit, initial & unset

It’s easy to overlook the cascading features of style-sheets. Most designers/developers are aware of the inherit keyword but there are a few new inheritance features in CSS3 you may not be aware of… property: inherit; The inherit keyword means “use whatever value is assigned to my parent”. If no value was explicitly defined on the parent element,…
Continue Reading
CSS - Cascading Style Sheets

CSS3 Modal Window Popups – sliding forms with fancybox effect

Today, I will describe you how to create cool CSS3 modal popup windows (or boxes). Literally, not so long ago, in order to achieve such effects, we used jQuery. But, as it turned out, CSS3 has all the necessary tools for making modal windows too. In our demonstration I have…
Continue Reading