#325: Using Variable Fonts in the Real World

This Week's HTML, CSS, Browser, and Frontend News — Read this e-mail on the Web Frontend Focus Issue 325 — January 31, 2018 How to Use Variable Fonts in the Real World Using variable fonts (now supported across multiple browsers) in a real production context can be tricky. Here’s how studio Clearleft achieved it for a new conference website. Richard Rutter Recreating the GitHub Contribution Graph with CSS Grid Recreating layouts is a great way to learn new frontend technologies, and recreating GitHub’s famous contribution graph is an interesting task. Ire Aderinokun The Increasing Nature of Frontend Complexity The rise in frontend complexity stems from an increased diversity of clients, a higher quality bar, and huge market growth. Kevin Ball Planning a React Application: Whitepaper Start your next React project with confidence. Learn strategies for tooling, frontend and UX, testing and performance to boost your (and your team’s) productivity. Get your free copy. Progress   Sponsor Automated Browser Testing from Windows 10 An overview of the concepts and techniques involved in running test scripts against browsers using WebDriverJS on Windows 10 and Microsoft Edge. Smashing Magazine Video: New Adventures in Responsive Web Design Smashing Magazine’s founder Vitaly Friedman on crafting flexible responsive design systems using the latest web technologies. Vitaly Friedman Indexed Database API 2.0 Now a W3C Recommendation The next version of IndexedDB, an API for working with a client-side database of records holding simple values and hierarchical objects. W3C Jobs Technical Writer (Full Time / Part Time / Remote)Do you like writing for a technical audience? Looking for a bit of extra income, a part-time or a full time role, drop us a line. Raygun Frontend Web Engineer at Citymapper - Junior and SeniorWe're looking for more incredible frontend web engineers to help with our React powered consumer websites and complex map based tools. Citymapper Front-end Dev Jobs at 4,000+ CompaniesTry Vettery and we’ll connect you directly with thousands of companies looking for talented front-end devs. Vettery In Brief Safari 11.1: Service Workers, Payment Request API, and more news A few compelling new features in the latest Mac and iOS browser. Apple WCAG 2.1 Now A W3C Candidate Recommendation news The latest Web Content Accessibility Guidelines (WCAG). Andrew Kirkpatrick Enter The 'Dragon (Drop)': Accessible List Reordering tutorial Dragon Drop is a drag-and-drop list reordering module that works well with screen readers and other assistive technology. Harris Schneiderman Serverless Development with Node.js, AWS Lambda & MongoDB Atlas tutorial mongodb  Sponsor Choosing Web Fonts: A Beginner's Guide tutorial Google Design Phone Number Links and Accessibility tutorial Styling phone numbers on different clients while following WCAG 2.0 guidelines. Matt Smith The Building Blocks of Web Workers and 5 Cases for Their Use tutorial A way to run JS in background threads in the browser. Alexander Zlatkov The Compact Guide to Web Maintainability: 200 Tips and Resources tutorial Jens Oliver Meiert How to Style a Form with Tailwind CSS tutorial Nick Basile Building a Modal Component with Vue.js tutorial Filipa Lacerda What's New in Chrome 64's DevTools in 3 Minutes video Google Chrome Developers Why Your Site is Slow  Pantheon  Sponsor Debugging CSS Performance with Chrome's Profiling Tools story How a tricky problem was analyzed using Chrome’s tools. Dan Roberts A Tale of Two Rooms: Understanding Screen Reader Navigation opinion Ryan Jones Please Stop Using 'Local Storage' opinion Why you should stop using it to store session data. Randall Degges Challenges for Web Developers opinion Paul Kinlan shares some of the challenges he believes developers now face every day. Paul Kinlan Why Japanese Web Design Is (Still) the Way It Is opinion Doug McGowan Bulma: A CSS Framework to Consider in 2018 opinion Mat Writes Get the Best, Most Complete Collection of Angular UI Controls: Wijmo tools Wijmo’s dependency-free UI controls include rich declarative markup, full IntelliSense, and the best data grid. GrapeCity Wijmo  Sponsor Clippy: A CSS 'clip-path' Maker Tool tools Bennett Feely purgecss: A Tool to Remove Unused CSS tools Full Human Sockette: The Cutest Little WebSocket Wrapper code A 339 byte wrapper around WebSocket that auto reconnects if the connection drops. Luke Edwards Curated by Peter Cooper and Chris Brandrick and published by Cooperpress. Stop getting FrontEnd Focus : Change email address : Read this issue on the Web Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK

Project Management Software Teams Love

🎉 Say goodbye to expensive, pay-per-download image providers!   Project Management Software Teams Love!   Simplify the way your team works. Get a 14 day full-feature trial of monday on us! No credit card required.   TRY IT FREE NOW     Simple, Intuitive and Visual Project Management Customize monday to manage any workflow or process.     Replace Email and Meetings Actually execute on projects instead of talking about taking action.   Complete Transparency Visualize everything your team is working on at a single glance.      Trusted By The Best Join hands with world class brands like Uber, Wework and Discovery Channel.      It's everything you love about Trello, Slack and Asana (and everything you hate about spreadsheets!) rolled into one easy-to-use app.   TRY IT FREE NOW   Unlock your 14 day full-featured trial. No credit card required.  SitePoint 48 Cambridge Street Collingwood, VIC 3066 | Australia You're receiving this email because you signed up to receive news from SitePoint. Smart choice!   Like    Tweet    Share    Forward  Preferences  |  Unsubscribe

#241: Principles and Applications of Postgres's Index Types

.

Read this on the Web

Postgres Weekly Issue 241 — January 31, 2018

DO or UNDO - There Is No VACUUM What if Postgres didn’t need VACUUM at all? This seems hard to imagine, but some folks at EnterpriseDB are investigating the possibility. Robert Haas Principles and Applications of Postgres's Index Types Explanation, links, and examples of B-trees, hashes, GIN, GiST, SP-GiST, BRIN, RUM, Bloom filter, bitmap and other types. Alibaba Cloud Using Table Partitioning for Storing Logs in Postgres Using table partitioning to support an idea akin to ‘rotating’ log files, but with logs stored in Postgres. Arpit Agarwal Real-Time Postgres Performance Monitoring Collect out-of-the-box and custom Postgres metrics and correlate them with data from across your distributed infrastructure and applications. Gain real-time performance insights and set intelligent alerts with Datadog. Try it free. Datadog    #sponsored  Postgres Indexes Under the Hood An accessible introduction to B-tree indexes and how they work. Russell Cohen Upcoming Enhancements to Partitioning and Indexes in PG 11 A very brief overview: “PostgreSQL 11 is looking like we’ll be able to add referential integrity to partitioned tables.” Simon Riggs   #news  Citus 7.2: Distributed Postgres W/ CTEs, Complex Subqueries, Set Operations, and More The Citus 7.2 extension to Postgres now includes distributed database features such as expanded support for distributed SQL and the distribution of complex subqueries across multiple nodes, and more. citusdata   #news  PostgresConf US 2018 Earlybird Reg Ends.. Today (31st) PGConf   #news  PGDay.IT 2018: Call for Papers and Call for Workshops Taking place on Lake Garda, Italy, on June 29th. postgresql.​org   #news  Citus and pg_partman: Creating a Scalable Time Series Database pg_partman is a ‘best in class’ extension for improving time-based partitioning on Postgres and here’s how to use it with a Citus cluster. Citus Data How We Built A Multi-Tenant Job Queue System with PG & Ruby Huy Nguyen Avoiding Unnecessary Stored Procedure Calls in Postgres It’s possible to write stored procedures in almost any language. When it comes to slow procedures Postgres often isn’t to blame, and here’s why. Hans-Juergen Schoenig How A Bad Network Configuration Can Cause Table Bloat Laurenz Albe Demystifying Postgres Logical Replication Percona    #sponsored  Postgres Weekly is curated by Craig Kerstiens Read this issue on the Web See our archives Change your email address Stop getting this newsletter Published by Cooperpress Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

#192: PWAs in iOS 11.3

Read this on the Web Mobile Dev Weekly January 31, 2018   #192 Brian Rinaldi recommends PWAs Are Coming to iOS 11.3: Cupertino, We Have A Problem — Multi-platform PWAs are now possible, but right now iOS support comes with some caveats. Maximiliano Firtman Chris Brandrick recommends Mobile Web Apps Finally Becoming An Alternative to Native Apps — “web apps are finally becoming an alternative to native applications, and that’s something to be excited about” Corbin Davenport Sponsored Multimodel Flexibility with EDB Postgres — Learn how the unique capabilities of EDB Postgres helps inMobi serve more than 26 billion ad impressions per month worldwide. EnterpriseDB Brian Rinaldi recommends Progressive Web Apps Are Here. What's The Big Deal? — PWAs are mobile-friendly sites that can do many things native apps can do, and they’re coming to Firefox for Android. The Firefox Frontier Holly Schinsky recommends The Increasing Nature of Frontend Complexity — The rise in frontend complexity stems from the confluence of three mega-trends coming together to create a perfect storm. Kevin Ball Peter Cooper recommends Swift Project Launches Swift Forums — Develop for iOS using Apple’s Swift? There are now open forums being monitored by the Swift team. Swift Forums Mobile Web Brian Rinaldi recommends What's New in Safari 11.1 — Introduces Service Worker support, the Payment Request API, web inspector changes and various security fixes. Apple Peter Cooper recommends Swiper: Modern Mobile Touch Slider — A touch slider aimed at mobile use with hardware accelerated transitions. Demos here. Vladimir Kharlampidi Holly Schinsky recommends Building A Progressive Web App with Stencil: An Introduction to Stencil — Using Ionic’s web component compiler Stencil to create a PWA. Josh Morony Peter Cooper recommends wasap.js: Start A WhatsApp Chat From Your Site Conversabit Hybrid Apps Holly Schinsky recommends PhoneGap 8.0.0 Now on PhoneGap Build, iOS upgraded to XCode 9.2 — PhoneGap 8.0.0 is now available on PhoneGap Build with support for Cordova Android 7.0.0 and XCode 9.2. Ryan Willoughby Holly Schinsky recommends Migrating from Framework7 v1 to v2: A How To Vladimir Kharlampidi Holly Schinsky recommends Using Ionic 4 Components in Your Vue.js Apps — Interested in using Ionic components, but want to stick to Vue.js? Well it’s now possible, thanks to Stencil. Paul Halliday Native Development Holly Schinsky recommends Mobile Application Architecture: React Native with Redux — A white paper on architecting mobile apps with React Native and Redux, including a look at Redux’s high-level components and key goals. Ajit Singh Bhurgy Peter Cooper recommends The Complete List of iOS & Android 2018 Conferences Bugfender Brian Rinaldi recommends How to Code a Navigation Drawer for an Android App Chike Mgbemena Chris Brandrick recommends Web and Mobile Code Sharing with Angular and NativeScript — This hour-long webinar explains how you can leverage Angular and NativeScript to streamline your dev process, bringing your web and mobile code under the same roof. NativeScript Holly Schinsky recommends React Native Pros and Cons — This article takes a look at the advantages of React Native, why it’s so popular, and some potential drawbacks you might want to consider. Jim Karg Curated by Brian Rinaldi and Holly Schinsky for Cooperpress. Cooperpress is located at Office 30, Fairfield Enterprise Centre, Louth, LN11 0LS, UK Update your email address or stop receiving MDW here