and

Wedding outfits and more, Anushka Sharma is a Sabyasachi loyalist




and

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




and

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




and

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




and

Punjabi NRIs reach out to students stranded in Australia




and

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




and

Panchkula health team counsels addicts and cops on duty




and

One tests positive at Chandigarh’s GMCH




and

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




and

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




and

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




and

Chandigarh: J&K govt, SLSA step in, airlifting of patients begins




and

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




and

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




and

Chandigarh: From iron fist to heart of gold, UT Police undergoes image makeover




and

Chandigarh: Essential service providers being screened on priority, Admin tells High Court




and

Jalandhar: ‘Asked Civil Hospital to assist in Covid patient’s cremation, got no reply,’ alleges private hospital




and

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




and

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




and

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




and

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




and

Sitting at home? Join ‘virtual run’, and help fight Covid




and

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




and

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




and

Pandemic delivers staggering blow to Himachal’s tourism sector




and

Chandigarh: GMCH tests 78 doctors, changes protocol to ensure staff safety




and

Chandigarh: 3 held after man supposed to be quarantined seen standing in langar queue




and

Fourteen new cases in Chandigarh, 5 sans contact history




and

Chandigarh: 5 new cases in Sector 30-B, residents allege administration failure




and

Chandigarh: Resident doctors accuse GMCH administration of mismanagement




and

Chandigarh: 1,774 men called helpline in April, alleged domestic violence, says NGO




and

Punjab: Ahead of door-to-door Covid screening, ASHAs demand better pay, safety gear




and

Nine new COVID-19 cases in Chandigarh




and

Chandigarh S-I, whose hand was severed, discharged




and

For photo op, Chandigarh PGI attendants pulled out of quarantine, garlanded




and

Haryana’s Panchkula to seal borders with Chandigarh and Punjab; know about the exemptions




and

Chandigarh: No pre-arrest bail to cop booked for issuing fake curfew passes




and

Web protal, helpline number for launched for people stranded in UT




and

Chandigarh: 12 from Bapu Dham, 2 others test positive in UT




and

Chandigarh: Out of 15 medical staff infected by Covid-19 in UT, 75 per cent were on non-Covid duty




and

Decision to lift curfew in Chandigarh likely today




and

Punjab: ‘0-case’ Fazilka reports 4 cases — all Nanded returnees




and

7 Nanded pilgrims test positive at Punjab dera being used as quarantine centre where 52 were housed




and

58 come out of quarantine centre, stage dharna, demand quick testing




and

170 Nanded pilgrims among Punjab’s 187 new cases — steepest spike in a day




and

Chandigarh: Buses to return to native states start tomorrow




and

Chandigarh: Covid patient dies at PGIMER, 6 test positive 




and

Chandigarh: Helpline for medical staff abuzz, as travel to work becomes a task




and

Chandigarh: Not comfortable prescribing allopathic medicines, say AYUSH doctors on Covid duty




and

Chandigarh: Veterans want CSD canteens re-opened ‘on lines of grocery stores for civilians’