1. Web workers cheatsheet
A worker thread can perform tasks without interfering with the user interface. This can be handy if you want to perform a CPU heavy operation for example:
ย
2. Manipulating placeholders with CSS
๐How to style a placeholder? Use the ::placeholder
pseudo element
๐How to target an input with a visible placeholder? Use the :placeholder
pseudo class
ย
3. Make your headers look better
You can use the text-rendering
CSS property to provides information to the rendering engine about what to optimize for when rendering text:
ย
Hi there! I'm Mustapha, a technical writer, speaker and a passionate JS / TS developer. Follow me on Twitter for daily tech tips ๐
ย
4. Sass mixins cheatsheet
You can use Mixins to define styles that can be re-used throughout your stylesheets:
ย
5. Text alignement with HTML
You can use <sup>
HTML element to display a superscripts: a raised baseline using smaller text, and <sub>
to render a subscripts: a lowered baseline and smaller text:
You can achieve the same behaviour with the vertical-align
CSS property. More on this below:
7 amazing CSS properties you may not know (yet)
Mustapha Aouas ใป Apr 20 '20 ใป 5 min read
ย
ย
Let's connect
That's it for this week. I hope you liked it. If you did, please share it with your friends & colleagues and follow me on Twitter @theAngularGuy where I tweet about web development and computer science ๐
Cheers!
Top comments (6)
Great content series and I really love the style of your images. On point!
Thank you Jacob! ๐
Super amazing content man!!
Thank you ๐ค๐ค
Good tips. But when designing your website, you should always remember about the appropriate page speed. This is one of the most important aspects of SEO.
I guess you are referring to the โ text-renderingยด property. Itโs not something one should use on every element thatโs for sure. Thatโs why I targeted only headers on the snippet, but maybe I should add a note or a warning about this.