HTML5 element data attributes (data-*)
According to the HTML5 specification any HTML5 element can have a number of data-attributes. These attributes would be normally ignored by the browser but can be use d to add interaction with the end user.
HTML5 custom data attributes (data-*)
HTML5 data attribute should have
- A name which as at least one alphabet and is preceded by data-
- A value that can be any string
<ul id="vegetable-seeds"> <li data-spacing="10cm" data-sowing-time="March to June">Carrots</li> <li data-spacing="30cm" data-sowing-time="February to March">Celery</li> <li data-spacing="3cm" data-sowing-time="March to September">Radishes</li> </ul>
An important point to remember is that data attributes should not be used for styling and use by any external software.
Professional Google Plus Hangouts with Google Hangouts
Take Google Plus hangouts to another level with Googlehangouts.com
Why is New York called the big apple
The Big Apple was first popularized as a reference to New York City by John J. Fitz Gerald in a number of New York Morning Telegraph articles in the 1920s in reference to New York horse-racing. The earliest of these was a casual reference on May 3, 1921.
Big Apple name Trivia
Web Fundamentals Kit from Google
Get the following tools and learn about them
- Multi-Device Tools
- Device Access
- Optimizing Performance
- Images, Audio and Video
- Forms and User Input
- Multi-Device Layouts
If you are a web developer or a designer this is MUST DO.
Recommended tutorial for this is Get up and Running with Google Web Starter Kit
Moving WordPress website to root
It is recommended not to use the root but a sub-folder while designing and developing a new WordPress based website.
The problem that most WordPress developers and designers dread is moving the WordPress based website from the sub-folder to the root.
The good news is that there is a very simple method of doing that which involves editing and transferring just two files in the WordPress installation.
Donot Repeat YourSelf CSS explained
How to write CSS code professionally
Over the years the debate has gone on about how to structure CSS code. Different approaches have different advantages and drawbacks as the case with most of the things.
Ways to write lean CSS code
- OOCSS - Object Oriented CSS
- SMACSS - Scalable and Modular Architecture for CSS
- DRY CSS - Do not repeat yourself CSS
- BEM - Block, Element, Modifier
I personally tend to use a mixture of different approaches to writing CSS. What about you?