o A Complete Guide to CSS Functions By frontendfoc.us Published On :: Wed, 6 May 2020 00:00:00 +0000 #439 — May 6, 2020 Read on the Web Frontend Focus Introducing Web Vitals: Essential Metrics for Healthy Sites — Web Vitals is a new Google initiative to provide guidance on quality signals (think first input delay, load speed, etc.) that are key to delivering good user experiences on the web. Google A Complete Guide to CSS Functions — A thorough resource detailing everything you need to know about functions in CSS. They can be inserted where you’d place a value, or in some cases, accompanying another value declaration — this is a good look at how to use them. CSS Tricks 7 Design Tips for Pixel-Perfect Operational Reports — Pixel-perfect operational reports allow you to control every component down to the individual pixel level, so the rendered report is set exactly to spec. But how do you design them? Follow these 7 tips for creating beautiful, high-precision reports. Logi Analytics sponsor 10 Years of HTML5 Boilerplate — A look at some of the history behind the front-end framwork that started them all: HTML5 Boilerplate, which is now 10 years old. Rob Larsen Firefox 76: Audio Worklets and Other Tricks — This latest version delivers new features for web platform support, such as Audio Worklets and Intl improvements, on the JavaScript side. Also a number of improvements to the DevTools have been added. Here’s the list of dev-focused changes. Chris Mills & Harald Kirschner (Mozilla) ⚡️ Quick bytes: The CSS Working Group has published a First Public Working Draft of CSS Box Model 4. The two major changes are the introduction of the margin-trim property and content related to writing modes. Firefox for Mobile (Android, really) now supports NoScript, PrivacyBadger, and HTTPS Everywhere extensions. Need to be compliant with European data protection law? You can’t make access to your site dependant on a visitor agreeing that you can process their data — aka a ‘consent cookie'. Did you know that the `<br>` element should only be used for line breaks that are actually part of content (such as in poems or addresses)? Working with static sites? We have a JAMstack newsletter that may be of interest. ???? Jobs Frontend Developer at X-Team (Remote) — Join X-Team and work on projects for companies like Riot Games, FOX, Coinbase, and more. Work from anywhere. 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 Exciting Things on the Horizon For CSS Layout — …such as a new Grid inspector for Chrome, the ‘gap’ property in Chrome Canary, and (amazingly) masonry-style grids in Firefox Nightly. Michelle Barker Selection in CSS — Another one of Ahmad’s great deep dives, this time covering the ::selection pseudo-element and the user-select property in CSS. Ahmad Shadeed File Sharing Now in WebKit — Looks like more Web Share API support (Level 2 / file sharing) is landing in WebKit — spotted via this tweet from Jake Archibald. WebKit Bugzilla For Many, Accessibility Is An Unknown Unknown — “Accessibility is, for all intents and purposes, duct-taped onto the web. We need to make it a first class citizen in browsers. Until we do, we’ll keep wondering why developers aren’t making accessible websites.” Kilian Valkhof Is It Time for A Web Performance Rebrand? — “Web Performance is a niche term in a broad market, should we broaden our appeal to reach more people?” Simon Hearne Free for 30 Days: MongoDB Atlas Is Easy. Make It Powerful. — 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 Beginner's Guide to Eleventy — This is an extensive and down-to-earth multi-part introductory guide to using Eleventy the popular static site generator. Tatiana Mac A Guide to window.location — A breakdown that covers most of the methods and properties available on the DOM’s window.location object. samantha ming Styling in the Shadow DOM With CSS Shadow Parts — Using the ::part() selector. Ollie Williams Progressively Enhancing Radio Buttons with SVG Whilst Staying Accessible Christian Heilmann How to Create Pure CSS Games (No JS) Elad Shechter ???? Code, Tools and Resources Pico: Take Browser Screenshots Client-Side with JavaScript — Different from capturing a webpage using Puppeteer or a similar tool in that the screenshot taking happens entirely client side. Gripeless ???? I18n Ally: An All-in-One i18n Extension for VS Code — Got some internationalization work to do? I18n Ally gives you inline annotations, automated translations via Google Translate (which you can review), progress indication, etc. Supports React, Angular, Vue and other frameworks. Anthony Fu web-vitals-extension: A Chrome Extension to Measure Essential Metrics for A Healthy Site — This extension measures three core web vitals metrics (Largest contentful paint, cumulative layout shift, and first input delay) in a way that matches how they’re measured by Chrome and reported to other Google tools (see top feature in this issue). Google Chrome Faster CI/CD for All Your Software Projects Using Buildkite Buildkite sponsor utfu: Replace Busted Characters From Legacy Text with UTF-8 — Useful when old content contains characters like “— in place of a single quote, and similar legacy text issues. Daniel Sieradski Sitesauce: A Static Site for Your Dynamically-Generated Website — This paid tool converts dynamic websites (e.g. WordPress, Ghost, Joomla, etc.) into static sites, and keeps content in sync. Miguel Piedrafita Full Article
o Start to save today to survive tomorrow By www.rediff.com Published On :: 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. Full Article
o How to trade safely? BSE, NSE's advice to investors By www.rediff.com Published On :: 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. Full Article
o Nervous investors look to the stars for guidance By www.rediff.com Published On :: The spread of COVID-19 and the accompanying mayhem caused the S&P BSE Sensex to drop over 38.5 per cent from its all-time high of 42,273.9 to a low of 25,981.2 on March 23. Full Article
o Investment hubs to come under Sebi lens for China ties By www.rediff.com Published On :: The regulator last week reached out to custodians for beneficial ownership information of investors coming from China, Hong Kong, and 11 other countries. Full Article
o Why investors MUST book partial profits in gold By www.rediff.com Published On :: 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. Full Article
o PE/VC investments hit 12-quarter low at $5.1 billion By www.rediff.com Published On :: 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. Full Article
o Why you need to watch out for April SIP numbers By www.rediff.com Published On :: 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. Full Article
o Is this a good time to invest in gold bonds? By www.rediff.com Published On :: You also avoid capital gains tax during redemption in case the gold price is higher, making them tax efficient. Full Article
o Silver Lake to invest Rs 5,656 cr in Jio Platforms By www.rediff.com Published On :: The deal, as well as some other strategic and financial investments in works, will help Ambani cut debt at RIL. Full Article
o After a hard pause, Haryana industry begins its slow return to normalcy By indianexpress.com Published On :: Fri, 24 Apr 2020 14:49:52 +0000 Full Article Chandigarh Cities
o Nihang dera being run with panchayat’s help: Govt tells HC By indianexpress.com Published On :: Fri, 24 Apr 2020 17:09:39 +0000 Full Article Chandigarh Cities
o 162 samples of LPU students,staff turn out negative, High Court told By indianexpress.com Published On :: Fri, 24 Apr 2020 18:07:07 +0000 Full Article Chandigarh Cities
o Three weeks on, health officials yet to pinpoint how Jalandhar’s first 6 patients got infected By indianexpress.com Published On :: Fri, 24 Apr 2020 19:01:44 +0000 Full Article Chandigarh Cities
o Haryana records five fresh cases, state’s 12 districts Covid-free By indianexpress.com Published On :: Fri, 24 Apr 2020 19:18:08 +0000 Full Article Chandigarh Cities
o 24 hrs after he violated quarantine, health dept issues showcause to Patiala senior deputy mayor By indianexpress.com Published On :: Sat, 25 Apr 2020 00:42:34 +0000 Full Article Chandigarh Cities
o Punjabi NRIs reach out to students stranded in Australia By indianexpress.com Published On :: Sat, 25 Apr 2020 00:54:42 +0000 Full Article Chandigarh Cities
o Cyber cell use CDRs, tower location to trace travel history of Covid patients By indianexpress.com Published On :: Sat, 25 Apr 2020 01:01:09 +0000 Full Article Chandigarh Cities
o Kin can now transfer money online to Burail inmates By indianexpress.com Published On :: Sat, 25 Apr 2020 01:09:31 +0000 Full Article Chandigarh Cities
o May not be possible to completely lift lockdown, says Capt; Punjab looks for new testing strategy; and more By indianexpress.com Published On :: Sat, 25 Apr 2020 01:09:59 +0000 Full Article Chandigarh Cities
o Distributing food packets at PGI, Gurdwara Nada Sahib feeds over 1,000 people everyday By indianexpress.com Published On :: Sat, 25 Apr 2020 01:14:44 +0000 Full Article Chandigarh Cities
o Panchkula health team counsels addicts and cops on duty By indianexpress.com Published On :: Sat, 25 Apr 2020 07:14:10 +0000 Full Article Chandigarh Cities
o One tests positive at Chandigarh’s GMCH By indianexpress.com Published On :: Sat, 25 Apr 2020 07:55:31 +0000 Full Article Chandigarh Cities
o Paramedics on 112 emergency duty operate with minimum gear, stay on guard by tracking patient’s reports By indianexpress.com Published On :: Sat, 25 Apr 2020 08:17:22 +0000 Full Article Chandigarh Cities
o Stranded with barely any food or money, students, patients from Ladakh an anxious lot By indianexpress.com Published On :: Sat, 25 Apr 2020 09:02:54 +0000 Full Article Chandigarh Cities
o Pathankot: No paediatric expertise available due to lockdown, Army doctors perform life-saving surgery on day-old baby By indianexpress.com Published On :: Sat, 25 Apr 2020 11:56:29 +0000 Full Article Chandigarh Cities
o In Punjab, procurement pace better than ’19 — 61% more wheat purchased By indianexpress.com Published On :: Sat, 25 Apr 2020 12:20:55 +0000 Full Article Chandigarh Cities
o Lockdown Impact: Beas cleanest in state, little improvement in Sutlej downstream from Ludhiana By indianexpress.com Published On :: Sat, 25 Apr 2020 14:10:28 +0000 Full Article Chandigarh Cities
o Amid lockdown, thalassemia patients travel miles for treatment at PGIMER By indianexpress.com Published On :: Sat, 25 Apr 2020 15:07:31 +0000 Full Article Chandigarh Cities
o Punjab firm comes up with anti-infective wear for life after lockdown By indianexpress.com Published On :: Sat, 25 Apr 2020 16:40:16 +0000 Full Article Chandigarh Cities
o Watch: Chandigarh police’ device to catch lockdown violators, with social distancing By indianexpress.com Published On :: Sat, 25 Apr 2020 17:31:35 +0000 Full Article Chandigarh Cities
o Coronavirus outbreak: After MHA nod, Haryana CM says shops to start opening today onwards By indianexpress.com Published On :: Sat, 25 Apr 2020 17:33:21 +0000 Full Article Chandigarh Cities
o 45-hr journey, 100 buses: 3,700 pilgrims stranded at Nanded are on way to Punjab By indianexpress.com Published On :: Sat, 25 Apr 2020 17:44:02 +0000 Full Article Chandigarh Cities
o Haryana launches mobile app for necessary services during lockdown By indianexpress.com Published On :: Sat, 25 Apr 2020 18:19:45 +0000 Full Article Chandigarh Cities
o Post-Covid strategy: Montek to head group tasked to formulate Punjab’s economic revival plan By indianexpress.com Published On :: Sat, 25 Apr 2020 18:55:22 +0000 Full Article Chandigarh Cities
o Chandigarh: J&K govt, SLSA step in, airlifting of patients begins By indianexpress.com Published On :: Sat, 25 Apr 2020 22:22:41 +0000 Full Article Chandigarh Cities
o Coronavirus outbreak: With more cases, Mohali ahead of Chandigarh even in testing By indianexpress.com Published On :: Sat, 25 Apr 2020 22:23:46 +0000 Full Article Chandigarh Cities
o Chandigarh: Another GMCH ward attendant tests positive for COVID-19 By indianexpress.com Published On :: Sat, 25 Apr 2020 22:27:52 +0000 Full Article Chandigarh Cities
o Chandigarh: From iron fist to heart of gold, UT Police undergoes image makeover By indianexpress.com Published On :: Sat, 25 Apr 2020 22:49:00 +0000 Full Article Chandigarh Cities
o Chandigarh: Essential service providers being screened on priority, Admin tells High Court By indianexpress.com Published On :: Sat, 25 Apr 2020 23:10:47 +0000 Full Article Chandigarh Cities
o Haryana: In Majri village, families without ration cards yet to receive help from govt By indianexpress.com Published On :: Sat, 25 Apr 2020 23:17:11 +0000 Full Article Chandigarh Cities
o Coronavirus outbreak: No relaxation in curfew in Mohali district By indianexpress.com Published On :: Sat, 25 Apr 2020 23:44:30 +0000 Full Article Chandigarh Cities
o Panchkula: Kites colour sky everyday, but many at home despair By indianexpress.com Published On :: Sat, 25 Apr 2020 23:46:00 +0000 Full Article Chandigarh Cities
o Coronavirus outbreak: Panchkula to open shops in accordance with Centre’s norms By indianexpress.com Published On :: Sat, 25 Apr 2020 23:52:42 +0000 Full Article Chandigarh Cities
o Hired under central scheme, ‘unpaid’ migrants labour work in farms to survive By indianexpress.com Published On :: Sun, 26 Apr 2020 04:39:04 +0000 Full Article Chandigarh Cities
o Jalandhar: ‘Asked Civil Hospital to assist in Covid patient’s cremation, got no reply,’ alleges private hospital By indianexpress.com Published On :: Sun, 26 Apr 2020 18:05:59 +0000 Full Article Chandigarh Cities
o In the lockdown, take part in the virtual run today By indianexpress.com Published On :: Sun, 26 Apr 2020 19:46:52 +0000 Full Article Chandigarh Cities
o With six new patients, Chandigarh records highest Covid spike in a day By indianexpress.com Published On :: Mon, 27 Apr 2020 00:02:41 +0000 Full Article Chandigarh Cities
o Three infected, but no set quarantine protocol for contractual staff at PGIMER By indianexpress.com Published On :: Mon, 27 Apr 2020 00:18:39 +0000 Full Article Chandigarh Cities
o Hit hard by lockdown: Transgender community stands isolated with no financial resources By indianexpress.com Published On :: Mon, 27 Apr 2020 00:24:19 +0000 Full Article Chandigarh Cities
