at

Tamannaah Bhatia and Anne Hathaway take up the quarantine pillow challenge; see pics




at

How to recreate Tara Sutaria’s classic makeup look




at

The ✨ magic ✨ of CSS math functions

#438 — April 29, 2020

Read on the Web

Frontend Focus

Current browser support for CSS math functions. Via: caniuse.com

▶  min(), max(), and clamp()` Are CSS Magic — The min, max, and clamp functions are now starting to see more widespread browser support. Here’s a video running through how these properties can be used to really open up responsive typography techniques.

Kevin Powell

Accessible Font Sizing, Explained — Bootstrap core team member Andrés Galante runs through how we can ensure our font sizes are accessible by asking what sort of best practices we can rely on to make an accessible reading experience.

CSS-Tricks

Learn Advanced Creative Coding with WebGL & Shaders — Go deeper into creative coding. Join Matt DesLauriers to learn 3D vectors and shader effects using WebGL, ThreeJS, and GLSL.

Frontend Masters sponsor

CSS for Internationalisation — An excellent guide to the various features in CSS that can be used as part of an internationalisation strategy that goes beyond mere translation.

Chen Hui Jing

AMP Introduces 'User-Friendly' Content Encryption Support — AMP aims to be all about providing speed to mobile consumers of content but paywalls just, well, get in the way. So Google and the AMP folks have come up with a way where protected content can be served and unlocked client-side for more performance. Cynically, of course, you could consider this yet another form of DRM for Web content...

The AMP Blog

Responsive Web And Desktop Development With Flutter — A look at the current state of Flutter for browser-based apps and how to create a responsive app using it.

Carmine Zaccagnino

???? Jobs

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

Vettery

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

X-Team

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

???? News, Tutorials & Opinion

Spacing in CSS — This is pretty much everything you need to know about spacing in CSS, covering grid layout, flexbox, positioning, and lots more.

Ahmad Shadeed

▶  Performance Profiling for Web Applications — An overview of how to use Chrome DevTools to understand a Web application’s performance bottlenecks.

Sam Saccone

JS VidCon - Virtual Conference for Developers — JS VidCon, on May 7th, where developers from all over the world can share & gain knowledge from the comfort of their home.

EventHandler sponsor

Gardened — A thought-provoking piece by Ethan that looks at some of the problems inherent in our self-regulated industry, in particular related to performance and accessibility.

Ethan Marcotte

CSS Clamp: The Goldilocks of CSS Math Functions — As with the video featured above, here's a quick look at how to use min, max, and size with the clamp property.

Steve Fenton

Creating A Lightweight CSS-Only Tooltip for All Screen Sizes

Ted Krueger

How to Make A Reading Progress Bar for Your Blog

Rob OLeary

???? Code, Tools and Resources

98.css: A Design System for Building Faithful Recreations of Old UIs — If for any reason you need to your interface to look like Windows 98 then this library has you sorted. Here’s the associated repo.

Jordan Scales

Color Accessibility: Tools and Resources to Help You Design Inclusive Products — We’ve linked to this before, but it’s recently been updated and remains a solid resource.

Stéphanie Walter

Will It CORS? — A handy online tool/wizard for establishing how your (potential) use case will (or won’t!) operate alongside CORS (Cross-Origin Resource Sharing).

HTTP Toolkit

Faster CI/CD for All Your Software Projects Using Buildkite

Buildkite sponsor

Shorthand: A CSS Framework for Designers — Includes a “lite” (only gray) and “full” version. This is similar to utility class-based frameworks, so the draw here is that you don’t have to write any CSS, just add classes.

Jiten Bansal

1loc: A Collection of One-line JS Snippets — A neat little collection of vanilla JavaScript one-liners divided into various categories (arrays, date/time, DOM, etc).

Nguyen Huu Phuoc

???? ICYMI (Some older stuff that's worth checking out...)




at

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.




at

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.




at

Silver Lake to invest Rs 5,656 cr in Jio Platforms

The deal, as well as some other strategic and financial investments in works, will help Ambani cut debt at RIL.




at

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




at

162 samples of LPU students,staff turn out negative, High Court told




at

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




at

Haryana records five fresh cases, state’s 12 districts Covid-free




at

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




at

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




at

Kin can now transfer money online to Burail inmates




at

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




at

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




at

One tests positive at Chandigarh’s GMCH




at

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




at

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




at

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




at

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




at

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




at

Amid lockdown, thalassemia patients travel miles for treatment at PGIMER




at

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




at

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




at

Post-Covid strategy: Montek to head group tasked to formulate Punjab’s economic revival plan




at

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




at

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




at

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




at

Coronavirus outbreak: No relaxation in curfew in Mohali district




at

Panchkula: Kites colour sky everyday, but many at home despair




at

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




at

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




at

Three infected, but no set quarantine protocol for contractual staff at PGIMER




at

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




at

Haryana: Police team shot at in Panchkula while arresting criminals




at

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




at

Khattar asks PM to clear uncertainty regarding dates of competitive exams




at

Khattar ‘freezes’ recruitments for a year, Oppn says ‘Tughlaqi farman’




at

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




at

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




at

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




at

No positive case in Himachal for 6th day, 23,000 enter state in 3 days




at

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




at

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




at

Chandigarh: Resident doctors accuse GMCH administration of mismanagement




at

Job loss forces auto driver to return to native village in UP




at

With a birthday cake at doorstep: Panchkula cops make 69-yr-old cry — with joy




at

Punjab extends curfew by two more weeks: Here is the full list of relaxations




at

Fire breaks out at HP village, 35-year-old killed, two injured




at

Hiring ban temporary, only till situation normalises: Haryana CM