w

Wedding outfits and more, Anushka Sharma is a Sabyasachi loyalist




w

How to recreate Tara Sutaria’s classic makeup look




w

All the times Ananya Panday made us want to switch to ethnic




w

The cost of JavaScript frameworks, LCH colors, and Tailwind CSS 1.3

#437 — April 22, 2020

Read on the Web

Frontend Focus

Inside a Dev's Mind: How To Plan Out a UI Feature — A look at how to approach building a new frontend feature in a thoughtful, considered way, based on one developer’s own thought process. It’s neat to see how he’d approach the task of building a basic heatmap (above).

Johannes Kettmann

The Cost of JavaScript Frameworks — Using data from the HTTP Archive, Tim explores the performance cost of using various popular frameworks as a starting point. Some good analysis here.

Tim Kadlec

Free Guide: 6 Steps to Improving Your Embedded Analytics UX — You don't have to be a UI/UX designer to create impressive dashboards for your application. Use these 6 principles to enhance your application’s analytics and delight your end-users.

Logi Analytics sponsor

LCH Colors in CSS: What, Why, and How? — An introduction to LCH colors (Lightness, Chroma, Hue), a new feature in CSS, which Lea refers to as a “game changer”. There’s a related LCH color picker tool too.

Lea Verou

▶  'We've Ruined The Web. Here's How We Fix It.' — An interesting hour-long chat with Jeremy Keith, a ‘philosopher of the internet’, on the imbalances found in the modern the web:

"All the evidence staring us in the face is that faster websites will make you more money – yet for some reason, that’s just ignored in favor of weirdly prioritized stuff."

Gerry McGovern podcast

Version 1.3.0 of Tailwind CSS Is Here — We've linked to this popular utility-first CSS framework a fair few times over the years and it continues to improve. This latest release brings with it declarative layout utilities, transition-delay support, font-size/line-height pairings and more.

Tailwind CSS

???? Jobs

Frontend Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands.

X-Team

Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

ℹ️ Interested in running a job listing in Frontend Focus? There's more info here.

???? News, Tutorials & Opinion

13 Places to Find Front-End Challenges“My favorite way to level up as a front-end developer is to do the work. Literally just build websites,” says Chris Coyier. If you’re short of ideas on how to level up, these other sites will help.

Chris Coyier

Listboxes vs. Dropdown Lists — An in-depth look at the advantages and disadvantages of using two HTML form components, one much more common than the other.

Anna Kaley

???? All Day Hey! Live: An Online Conference for Designers & Frontend Devs — This all-day conf is now fully digital, and will be live-streamed early next month. The lineup is looking good, with speakers from Netlify, Smashing Magazine, and Microsoft to name a few. Tickets are affordable, and those currently out of work can attend for free.

Hey!

Creating Morphing Animations with CSS clip-path — Learn how to implement morphing, a technique for transforming one appearance into another, using CSS.

Mikael Ainalem

Pseudo-Randomly Adding Illustrations with CSS — Eric’s personal site has recently been redesigned, bringing with it a collection of Japanese illustrations - used to add a bit of flourish and decoration between bodies of text. Here’s how Eric got one of the set of illustrations to display at random with just CSS (no PHP or JavaScript here).

Eric Meyer

Try It for Free: The Perfect Partner to MongoDB Atlas — Use MongoDB Atlas? Try the perfect partner for it. Save hours with our GUI & unlock the power you need, with Studio 3T.

Studio 3T sponsor

Wes Bos Shares His Personal Site's Stack — Always nice to see folks update a personal site (more of this please!). Here’s how Wes Bos moved away from WordPress over to a Gatsby set up.

Wes Bos

Minimum Viable Dark Mode — How to create a ‘quick and dirty’ dark mode for simple apps/sites using pure CSS.

Chase McCoy

Re-creating a Macintosh with Gradients and Box-shadows — Sarah runs through a quick explanation of how they created an original Macintosh using CSS.

Sarah L. Fossheim

Are You using SVG Favicons Yet? A Guide for Modern Browsers

Antoine Boulanger

???? Code, Tools and Resources

patern.css: Fill Empty Background with Beautiful Patterns — A neat collection of CSS-only backgrounds. You can see them in action on the demo site.

Jiten Bansal

Good Email Code: A Library and Guide for Writing HTML Email — This seems to be in early development but contains some snippets with explanations for cross-browser HTML email code.

Mark Robbins

Isomorphic Layout Composer — An SSR layout service that composes a web page from fragment services.

Namecheap

Poolors: Generate Unique Color Palettes — This generates deep-linked color combos not often used by developers. Not sure how they determine least-used, but the example combos are indeed interesting and not-so-common.

poolors




w

Start to save today to survive tomorrow

In times such as these, you need to make every rupee count. Use the money you save to add to your investments or to buy medical insurance, instead of subscribing to more OTT platforms, suggests Bindisha Sarang.




w

How to trade safely? BSE, NSE's advice to investors

Both the exchanges advised their trading members to exercise additional due diligence while trading in illiquid stocks either on own account or on behalf of their clients.




w

Why investors MUST book partial profits in gold

Such an economic environment tends to be positive for gold, the ultimate safe-haven asset. Since gold cannot be debased by central banks, it naturally gains in value.




w

PE/VC investments hit 12-quarter low at $5.1 billion

The quarter also saw exits worth $1.9 billion across 37 deals, 59 per cent higher YoY. This was driven by one of India's largest PE-backed IPO exit, the $1-billion partial exit by Carlyle in the SBI Cards IPO.




w

Why you need to watch out for April SIP numbers

Due to tax associations with the fiscal-ending, April is a month of SIP renewal. So, the April numbers will be important and may perhaps, mark a change in retail attitude.




w

After a hard pause, Haryana industry begins its slow return to normalcy




w

Nihang dera being run with panchayat’s help: Govt tells HC




w

Three weeks on, health officials yet to pinpoint how Jalandhar’s first 6 patients got infected




w

24 hrs after he violated quarantine, health dept issues showcause to Patiala senior deputy mayor




w

Cyber cell use CDRs, tower location to trace travel history of Covid patients




w

Kin can now transfer money online to Burail inmates




w

May not be possible to completely lift lockdown, says Capt; Punjab looks for new testing strategy; and more




w

Distributing food packets at PGI, Gurdwara Nada Sahib feeds over 1,000 people everyday




w

Paramedics on 112 emergency duty operate with minimum gear, stay on guard by tracking patient’s reports




w

Stranded with barely any food or money, students, patients from Ladakh an anxious lot




w

Pathankot: No paediatric expertise available due to lockdown, Army doctors perform life-saving surgery on day-old baby




w

In Punjab, procurement pace better than ’19 — 61% more wheat purchased




w

Lockdown Impact: Beas cleanest in state, little improvement in Sutlej downstream from Ludhiana




w

Amid lockdown, thalassemia patients travel miles for treatment at PGIMER




w

Punjab firm comes up with anti-infective wear for life after lockdown




w

Watch: Chandigarh police’ device to catch lockdown violators, with social distancing




w

Coronavirus outbreak: After MHA nod, Haryana CM says shops to start opening today onwards




w

45-hr journey, 100 buses: 3,700 pilgrims stranded at Nanded are on way to Punjab




w

Haryana launches mobile app for necessary services during lockdown




w

Coronavirus outbreak: With more cases, Mohali ahead of Chandigarh even in testing




w

Chandigarh: Another GMCH ward attendant tests positive for COVID-19




w

Haryana: In Majri village, families without ration cards yet to receive help from govt




w

Coronavirus outbreak: No relaxation in curfew in Mohali district




w

Coronavirus outbreak: Panchkula to open shops in accordance with Centre’s norms




w

Hired under central scheme, ‘unpaid’ migrants labour work in farms to survive




w

In the lockdown, take part in the virtual run today




w

With six new patients, Chandigarh records highest Covid spike in a day




w

Hit hard by lockdown: Transgender community stands isolated with no financial resources




w

Chandigarh: From his wheelchair, this youth sells fruits to support his family




w

Haryana: Police team shot at in Panchkula while arresting criminals




w

Earning ‘nothing’, swish mall’s store owners want govt to waive rent




w

Punjab: Mohali admin starts helpline for students stranded abroad; Woman cop who misbehaved with police team booked





w

Chandigarh: Cops fire bullets to disperse crowd protesting over cremation of Covid suspect, 30 arrested




w

Chandigarh: Youth with Asperger’s out for walk roughed up by cop, breaks down at police station




w

Haryana’s borders with Delhi ‘sealed’, essential services allowed: Minister




w

Punjab’s new TikTok star is a 5-year-old sardar, who is a girl




w

Watch: After Twitter appeal, Panchkula cops make sure 69-year-old has a happy birthday




w

Pandemic delivers staggering blow to Himachal’s tourism sector




w

Punjab: Taskforce red flags low testing rate, lack of preparedness to tackle spike in cases




w

CM, Cong MLAs discuss way forward, agree on ‘extreme caution’ in lifting curbs