UI / UX
April 4, 2019
How to Justify Text using text-align & text-justify CSS Properties
In a webpage, justification of text can be done with the text-align property. Spaces can further be adjusted with text-justify property.
April 3, 2019
Adding Hyphens to Text with the CSS hyphens Property
It is a common practice to break lines by introducing a hyphen character between a word. In web pages this is done with the CSS hyphens property.
April 2, 2019
April 1, 2019
Indent Text with CSS text-indent Property
Many times you would like to leave empty spaces before the starting line of a paragraph. This can be done with the text-indent CSS property which defines the length of the white space appearing before the first line.
March 30, 2019
March 29, 2019
Golden Rules for Typography on the Web (VIDEO)
Good typography does not improve speed or understanding, but leads to greater engagement in reading. This video presented at CSS Day brings out some general guidelines for typography on websites.
March 27, 2019
jQuery's append() method can add a DOM element or a HTML string into a given DOM element. But the same can be done with natively available methods also.
March 26, 2019
Maintaining Aspect Ratios for HTML Videos with CSS
When rendering an image browers maintains its aspect ratio. But this does not happen in this case of video element. This can be done with a bit of CSS.
March 25, 2019
March 24, 2019
Types of Buttons in HTML Forms
Many times clicking on a simple button in a form will automatically submit the form. This is because of the "type" attribute of the button which works only inside a form.
March 23, 2019
Setting Spaces between Letters with CSS letter-spacing Property
The letter-spacing CSS property can be used to set spacing between individual characters or letters in words.
March 21, 2019
March 20, 2019
March 19, 2019
Smooth Scrolling with CSS
March 18, 2019
March 5, 2019
Managing Spacing Between Words with CSS word-spacing Property
The CSS word-spacing property defines the width of white space between words in a block of text.
March 2, 2019
Styling First-Letters with CSS ::first-letter
Styling first letter in a block of text is a good way of increasing user attention span. It can be done with the ::first-letter CSS pseudo-element.
February 27, 2019
Creating Attractive First Lines with CSS ::first-line
When your copy content goes long, it is a good idea to make it visually attractive. The CSS pseudo-element ::first-line can be used to style the first line appearing within an element.
February 25, 2019
Selecting Sibling Elements with CSS
CSS provides the adjacent sibling combinator (+ character) and general sibling combinator (~ character), to select siblings of an element.
February 23, 2019
Selecting Child Elements with CSS
The child combinator represented by the greater-than character (>) select direct children of the parent element. The descendant combinator represented by a single-space character can be used to select children, grand-children, grand-grand-children also.
© UsefulAngle.com 2016 - 2019. All code MIT license.