Elevenses #16

Feel free to suggest an article yourself. Naturally we’ll include your github handle as credit.

News & Opinion

• HTTPS or bust: Chrome’s plan to label sites as “Not Secure”
• Refactoring UI
• Aiming to fill skill gaps in AI
• Microsoft sinks data centre off Orkney
• Cursor keys belong at the center of your keyboard - one for the vim lovers ;-)

Development

• HTTP Cats
• A Complete Guide to the Table Element - useful reminder
• Getting Started With CSS Layout - useful ground-up approach
• Responsive tables, revisited | Lea Verou
• Understanding React “Suspense”
• cssgr.id - An interactive CSS Grid code
• 30 Seconds of CSS
• I dropped 95% of my Firebase bundle size
• The introduction to Reactive Programming you’ve been missing- Nice intro to RxJs
• Grid by Example
• puppeteer-examples
• What’s you favorite CSS snippets which you use again and again? - great thread of CSS tips and tricks
• The complete guide to SVG
• A Look at CSS Viewport Units

DotNet Core / Azure

• How to reference a .NET Core library in Windows Forms - .NET standard explained

SQL

• It’s Hard To Destroy Data
• Azure SignalR Service, a fully-managed service to add real-time functionality

Cloud

• Guidance on how to observe, measure, and correct common issues in a cloud-based system - focus on Azure

Accessibility

• Accessible CSS-Only Floating Labels
• Print All URLs - nice CSS snippet to expand out hyperlinks to include the full URL in print stylesheets

JavaScript / Angular2+ / Ionic2+ / ReactJS

• What’s New in Angular 6
• Version 6 of Angular Now Available - Be mindful I’ve experienced issues installating behind a corporate proxy - although this may have been fixed now
• The Front-End Checklist - The Front-End Checklist Application is perfect for modern websites and meticulous developers!
• Pull to Refresh.js
• 10 JavaScript array methods you should know
• How to Work with Service Workers In Angular 5
• A Complete Guide to Flexbox | CSS-Tricks
• A Directory of design and front-end resources
• 3 Useful TypeScript Tips for Angular ― Scotch
• 10 Essential TypeScript Tips and Tricks
• Connect Angular Forms to @ngrx/store
• Angular - All Talks from ng-conf 2018
• RXJS Pipeable operators

Libraries / Plugins / Components

• Vue Native
• jsdom/README.md at master · jsdom/jsdom
• GitHub - miguel-perez/smoothState.js
• HTML UI Elements for Mobile & Web Application
• GitHub - xx45/dayjs- Fast 2KB immutable moment.js

Data / APIs

• Troy Hunt: Enhancing Pwned Passwords API - for an out of the box solution, see my little library, pappwords #plug

UI & UX

• Design Patterns on CodePen
• SVG Icons Library - Vivid.js
• Reactive Sticky Header in Angular
• Material Design Box Shadows - Material design box shadows

Tools

• LayoutIt! - Interface Builder for CSS Grid (and Bootstrap)
• Record and Share Videos of Your Screen
• ESLint - Pluggable JavaScript linter
• Use the GitHub markdown service to convert md to html via powershell
• isomorphic-git · A pure JavaScript implementation of git in node and browser
• Catch Angular template errors like a boss
• Screely - Generate Beautiful Images
• Chrome Devtools: Quickly disable JS
• Boxy SVG - Online SVG designer

Performance

• Run weekly speed tests, and save results to Google sheeets

Security

• The Zip Slip vulnerability – what you need to know
• Are your Android apps sending unencrypted data
• Serious XSS vulnerability discovered in Signal
• Patch now! Microsoft and Adobe release security updates

Misc

• Live CCTV coverage of motorway traffic cameras
• MOT rule changes: 20 May 2018 - GOV.UK

Social / Fun / Cool

• The Postal Museum

Funky code things

• CSS abuse
• CodePen - Infinitely drawing icons
• CodePen - way wavy way
• CodePen - CSS Mask animation
• CodePen - Useful Pens for Everyday Front End Development
• CodePen - feature-level layout categories
• CodePen - CSS Animation - Circular Floating Action
• CodePen - Creative Upload

Posted in : elevenses