October 31, 2018 #364 — October 31, 2018Read on the WebFrontend Focus Splicing HTML’s DNA With CSS Attribute Selectors — Even confident CSS developers often seem to steer away from attribute selectors. This excellent primer introduces how they work, plus some interesting use cases.John RheaGoogle Releases reCAPTCHA V3: The New Way to Stop Bots — Instead of just showing a CAPTCHA, reCAPTCHA v3 gives incoming visitors a risk score and lets you take custom actions based on that score.Google “Managing” Your Developers Isn’t as Effective as It Appears — No one wants to be the heavy-handed, nit-picking, by-the-book manager. Yet that’s what most management books teach. What if you had the tools to lead with inspiration instead of micromanaging your team? Stop managing, and start leading, today.Tech Lead Training sponsorYou Might Not Need JavaScript — JavaScript is great, yet you can build so many functional UI components without it. Here are some common web components built with HTML and CSS/SCSS.Una KravetsAn Annotated webpack 4 Config for Frontend Development — As web development becomes more complex, we need tooling to help us build modern websites. Here’s a very thorough example of a real-world production webpack 4 config.Andrew WelchWeb Performance 101 — An easily accessible, diagram and code heavy primer to making a site or webapp faster by optimizing assets like JS, CSS, images and fonts.Ivan AkulovThe CSS Working Group At TPAC: What’s New In CSS? — Last week, Rachel Andrew attended the CSS Working Group meeting at W3C TPAC, and rounds up some of the discussions in this post.Rachel AndrewWebAssembly Threads: Ready to Try in Chrome 70 — WebAssembly thread support, which allows for real multi-threaded web apps, has shipped in Chrome 70 under an origin-trial.Google Developers? JobsReactJS Developer at Komoot (Remote) — Millions get inspired and plan adventures with our apps. To help us make Komoot the place to go to plan outdoor adventures, we’re looking for an ambitious React developer to join our team.KomootSenior UI Engineer – Sailthru (New York) — Join our team in NYC building next gen apps that help marketers deliver the right message to the right person at the right time.SailthruJoin Our Career Marketplace & Get Matched With A Job You Love — Through Hired, software engineers have transparency into salary offers, competing opportunities, and job details.Hired? Tutorials & OpinionLearn CSS Flexbox by Building a Photo Card Component — A good practical example to help you learn the fundamentals of Flexbox.Ayo IsaiahConcise Media Queries with CSS Grid — Focuses on the use of grid-template-areas to quickly create responsive layouts with a single rule inside a media query.Stephen LindbergCreate a Serverless Powered API in 10 Minutes — Use Cloudflare Workers to create and deploy a serverless API to 150+ data centers.Cloudflare Workers sponsorCSS Previous Sibling Selectors and How to Fake Them — CSS previous sibling selectors don’t exist, but they can be ‘faked’.Facundo CorradiniUsing Dark Mode in CSS with macOS Mojave — The latest Safari Tech Preview lets you use different CSS properties depending on the underlying color scheme of the OS.Paul MillerYou’re Using the em Element Wrong — Semantically, em is for stress emphasis, whereas i is still appropriate for alternate voice or mood.Facundo CorradiniCreating a Simple Form with CSS GridZell LiewA Practical Introduction to MongoDB ViewsStudio 3T sponsorCreating Grid Tile Layouts with auto-fit and minmaxDave Geddes? Code and ToolsWebAIM: Link Contrast Checker — Check the contrast of your text and links and get a score.Center for Persons with DisabilitiesIronDB: A ‘Relentless’ Key-Value Store for the Browser — Relentless in the sense that it redundantly stores data in multiple browser stores (i.e. in cookies, localStorage, sessionStorage and IndexedDB) and tries to ‘self heal’ upon data loss.Ansgar Grunseid(ZURB) Foundation 6.5.0 Released — After 900 commits versions 6.5.0 of this popular framework fixes over 100 bugs fixed, offers more customization, enhanced accessiblility and more.Nicolas CodenShop Like a Developer – Discover and Experiment with Hot New Services ?Manifold sponsorsimple-keyboard: A Slick Virtual JavaScript Keyboard for the Web — Very smooth and easy to customize.Francisco Hodgesimplebar: A Vanilla JavaScript Library for Custom ScrollbarsAdrien Denat Source link