Wednesday, October 7, 2020

Instagram seems to be working on bringing the ‘Discover People’ tab in profile section

Alessandro Paluzzi, a leaker, and mobile developer has recently posted a screenshot on Twitter about a new feature that Instagram is likely to be working on. As per his tweet, Instagram is testing a link to the ‘Discover People’ section in the Profile. This new link ‘Find People to Follow’ can...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Arooj Ahmed via Digital Information World

Instagram is bringing some new changes by expanding its anti-bullying features and re-introducing the photo-mapping feature

Instagram has recently announced that it is expanding its anti-bullying features and making some changes to avoid cyber-bullying and hate comments. As per this latest update, if someone tries to post a nasty comment, Instagram will send them a warning message to let them know that if they post...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Arooj Ahmed via Digital Information World

New Office-365 Credential-Phishing Attack, Involving Multiple CAPTCHAs, has the Hospitality Industry Shook!

A recent Office 365 credential-phishing scam has been a topic of concern for quite some time now. The prime target of this attack is the hospitality industry. This scam employs the use of CAPTCHAs for luring the victims into believing that the entire trick is legitimate. Well-renowned websites...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Ali Siddiqui via Digital Information World

Template Review: Split

‘Split’ is a free One Page multipurpose HTML template with a minimal, centrally-divided layout. The template can be used for pretty much anything but perfect for a professional online presence featuring a big image of yourself, team or product with alongside content.

Full Review


by Rob Hope @robhope via One Page Love

Microsoft brings the DevTools into VS Code

#461 — October 7, 2020

Web Version

 ðŸš€  Frontend Focus

Full-Bleed Layout Using CSS Grid — Every era of Web design has its equivalent of the ‘holy grail layout’ and Josh looks at a modern readable and responsive way to lay out content while still offering full edge-to-edge for images, break out boxes, etc. This then provoked an equally useful response post about getting the same effect with simpler CSS.

Josh W Comeau

Bringing the Browser DevTools to VS Code — Microsoft has released a Edge Tools for VS Code extension which takes the usual DevTools directly into the popular editor (including the Network pane).

Chris Heilmann (Microsoft)

Monitor Frontend Performance With User-Centric Metrics — Page load time isn't enough to guarantee you're providing a solid user experience; your users care about perceived performance. Learn to track interactivity metrics like `firstInteraction` so you can build for impact. Your users will thank you.

New Relic sponsor

Why Tailwind CSS?“Why I changed my mind on Tailwind CSS, and why I now consider it the Goldilocks Styling Solution”

Shawn 'swyx' Wang

A Complete Guide to CSS Media Queries — We’ve all used them – if you want certain CSS rules to apply when certain conditions about the client’s environment are met, you turn to media queries. This is one of those useful roundups you’d turn to when you forget the syntax yet again (or, at least, I do!)

Andres Galante

⚡️ Quick bits:

💻 Jobs

Frontend Developer at X-Team (Remote) — Join the most energizing community for developers and work on projects for Riot Games, FOX, Sony, Coinbase, and more.

X-Team

Find Your Next Job Through Vettery — Create a profile on Vettery to connect with hiring managers at startups and Fortune 500 companies. It's free for job-seekers.

Vettery

🧑‍💻 Looking to share your job listing in Frontend Focus? There's more info here.

📙 Tutorials, Articles & Opinion

An Honest Review of GatsbyGatsby is a popular React-based framework commonly associated with (but not limited to!) building static sites. Sentry have been using it for their documentation and here’s the tale of how that’s gone.. (spoiler: it’s not exactly all sunshine and roses)

David Cramer

Handling Range Requests in a Service Worker — Make sure your service worker knows what to do when a partial response is requested.

Jeff Posnick

How to Build for Modern Browsers (With Legacy Browser Support)

Shopify Partners sponsor

Bidirectional Scrolling: What’s Not to Like? — Bidirectional scrolling on sites like Netflix and Disney+ organize programs into rows of categories. This pattern seems great on the face of it but still over-complicates matters. Find out why here.

Adam Silver

The Failed Promise of Web Components — A response to Lea Verou’s article that we shared last week. The author proclaims that Web Components “are basically just failed solutions to the wrong problems”.

Carl M. Johnson

Does Web Performance Matter? It Depends. — A look at the Lighthouse scores for a variety of ‘big’ successful sites and some thoughts on whether hitting the hallowed 100 score is the be all and end all.

Aleksandr Hovhannisyan

Flexbox Froggy: A Game for Learning CSS Flexbox — We first linked this five years ago but this is still a neat introduction to flexible box layout which is now, at least, supported by basically every visual browser going.

Codepip

🔧 Code, Tools and Resources

13 Beautiful CSS 3D Transform Perspective Examples — The folks behind the Polypane responsive development browser share 13 different single div-based 3D transformation examples, complete with copyable code.

Polypane

Test Website Security with Snyk’s Newest WebPageTest Integration — Run a website scan to check for vulnerable JavaScript libraries and missing HTTP security headers.

Snyk sponsor

SVGOMG: An SVGO-Powered Online SVG Optimization Tool — Got SVG images you want to optimize? You could download SVGO or.. you could use this online version for a more interactive experience.

Jake Archibald

Parsel: A Tiny, Permissive CSS Selector Parser — This is an ES module with a simple API that lets you parse and traverse CSS selectors, calculating specificity. Supports the full Selectors 4 syntax and no dependencies.

Lea Verou

Integrate Draw.io into VS Code — This unofficial extension integrates a popular online diagramming tool now called ‘Diagrams.net’ into VS Code.

Henning Dieterichs

Good Web Design: A Catalog of Landing Pages — A curated directory of product and service-oriented landing pages and elements that you can filter in various ways for inspiration.

Charlie and Yitong


by via Frontend Focus

Website Inspiration: All.ai 2020

Long-scrolling Landing Page built using Webflow for the upcoming All.ai 2020 virtual conference.

Full Review


by Rob Hope @robhope via One Page Love

Google Introduces A New Jacquard Backpack By Collaborating With Samsonite

As Google is more focused on introducing new forms of ambient computing with every passing day, the company has been able to surprise the world with smart TVs, speakers, and a lot of other connected technology. They even went one step further by stepping into the world of clothing with their...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Daniyal Malik via Digital Information World