Pixels of the Week – September 16, 2018
Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools and useful resources, inspiration on twitter and other social networks.
This week’s selection: CSS outline, CSS dismissal, portfolio tips, a font with bad kerning to piss of people, :empty and :blank in CSS, vector tool in the browser, image compressor tool, performance, what makes great developers, etc.
You can follow me on twitter to get a dose of links every days.
TL;DNR the one you should not miss
#Typography
Smelvetica – If you really hate someone teach them to recognize bad keming
Interesting article
#Front-End
- A great article on the old CSS is not a real language and why it hurts a lot of people in the community CSS dismissal is about exclusion, not technology
- CSS Quick Tip: Using Outline
- :empty and :blank, the difference and why they are useful
- Nested Links Without Nesting Links. Really interesting technique by Sara Soueidan
- What makes a good frontend developer?
#Portfolio
A Portfolio Hiring Managers Can’t Deny, a lot of great advice. When I was hiring for a previous company, one candidate put the efforts of creating a dedicated page with why they wanted to work for us, it’s a lot of investment but worth if the job is nice
#Performance
Improving Client-Side Performance, a great checklist to help you make your website more performant, from images compression, lazy loading to third part scripts, widgets, etc.
Useful tools and plugins that will make your life easy
#Vector Tool
Landing, a browser based and collaborative vector tool
#Performance
Shrink Me – an online tool to Compress JPG, PNG and WEBP Images
#Editor
If you are new to the front-end thing and haven’t found an editor you love yet, or just curious, here’s a lot of some advanced code editors
