It’s always a good idea to get an instant preview of the layout while optimizing your CSS code. It helps you to understand and debug CSS styles better. There are
The snippet of code below is a common practice to replace title from a text-based title to an image: h1 {text-indent:-9999px;background:url(“title.jpg”) no-repeat;width:100px;height:50px;} Explanation: text-indent:-9999px; throws your text title off screen,
In HTML5 and later, you can add speech recognition to a text input, as simple as adding an attribute to your elements. We can enable speech input by using the x-webkit-speech attribute like this: When speech input is enabled the element, you should see a small microphone icon displayed on the right of the input. Clicking on this icon will launch a small tooltip to show that your voice is now being recorded.
If a style is marked with !important, it will be used with priority even if there’s a overwriting rule below it. .page { background-color:green !important; background-color:blue;} In the example above,
Masking tells your browser which asset elements should be visible, and is very practical for creating attractive shapes and layouts. Masking can be realized in three ways: using SVG elements,
By default, JavaScript script files are loaded synchronously in the page execution and thus are bound to slow down the page. You can asynchronously load the scripts by simply adding
These two selectors often confuse beginners. In CSS, the difference between them is that the class is represented by a dot “.”, while ID is represented by a hash “#”.
Angular’s ngPattern allows you to validate input using a pattern. See below for an easy example of how to validate an e-mail address using the ng-pattern.
To embed interactive content, such as a sound, a movie or an swf file, into your site, you need to use this HTML tag. Upload the wav (or the desired