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!
Latest comments (6)
Great content series and I really love the style of your images. On point!
Thank you Jacob! ๐
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.
Super amazing content man!!
Thank you ๐ค๐ค