#314: The Future of Loading on the Web

Frontend Focus Issue 314 — November 1, 2017 Creating HTML Web Components with Vanilla JS While native Web Component support isn’t 100% yet, polyfills are available, and this tutorial walks through what’s involved to create your own HTML tags as components. Ayush Gupta HTTP 103: A Draft HTTP Status Code for Indicating 'Hints' The idea is to allow Web servers to send back certain headers (e.g. preload link headers) early before the main response. IETF 🚀 Add PDF Support to Your Web App in No Time A step-by-step tutorial on how to display and annotate PDF files inside your web app using the PSPDFKit JavaScript library. Features include cross-browser support (IE 11 and up), mobile optimized UI, and no server-side component. PSPDFKit   Sponsor How to Write a JS-Free Todo App With Only HTML and CSS An interesting creative attempt to create a basic ‘web app’ using nothing but HTML & CSS. Matt Zeunert Web Typography: Designing Tables to be Read, Not Looked At Richard Rutter goes deep on how to improve the readability of your data tables. Richard Rutter I Watched All The Chrome Dev Summit Vids So You Don’t Have To The takeaway: Google wants you to build PWAs, reduce JS file size, use Web Components, and configure your forms to support autofill. Dan Fabulich Building a Fast Search Experience How popular car selling platform Auto Trader created a high-performance search experience that regularly returns results in less than a second. Elliot Sumner The Future of Loading on the Web Sam Saccone explores recently shipped performance primitives, cutting edge performance techniques, and a glimpse into what the future of loading on the web may hold. Google Chrome Developers The Accessibility Cheatsheet A helpful overview with some simple things you can do to take positive steps towards a more accessible web. From 2015, but worth revisiting. Ire Aderinokun Jobs Frontend Developer at X-Team (Remote)We help our developers keep learning and growing every day. Unleash your potential. Work from anywhere. Join X-Team. X-Team UI Designer/Frontend DeveloperInterested in #tech4good? We’re seeking a UI Designer to work across ideation, prototyping coding for international development. Catalpa International craigslist seeks JavaScript Developers (San Francisco, CA)CL seeks JS developers to join our small (~50) team. Come help us save the world, or at least our corner of the Internet. craigslist In Brief Microsoft's Plan to Bring Progressive Web Apps (PWAs) to Windows 10 news Paul Thurrott W3C Invites Implementations of Preload news This spec defines the preload keyword that may be used with link elements. W3C JS Kongress Munich - The Future of JavaScript on Nov 13-14 news Join us for two days on the Future of JavaScript (inc. WebAssembly Tooling). Topics include Frontend Architecture, webpack, Angular, React, Perf, etc. JS Kongress Munich  Sponsor Unlocking the Benefits of CSS Variables tutorial The benefits of CSS variables and helpful tips and tricks for working with them. Jonathan Harrell How to Build an Interactive Virtual Globe with Three.js tutorial Jeanne Castillo 3 Commands to Add SSL to 'localhost' for https://localhost on MacOS tutorial Paul Browne A Look at the Relatively Uncommon 'output' HTML Element tutorial Robin Rendle Using Redux When Building Chrome Extensions tutorial Bruno Antunes Emulating CSS Timing Functions with JavaScript tutorial Ana Tudor Getting Around a Revoked Certificate in macOS tutorial Geoff Graham Using ReactJS, ES6 & JSX to Build a UI (the rise of MERN) tutorial Part 5 of our Modern Application Stack series - Why ReactJS is driving the development of modern apps. MONGODB  Sponsor The Web Began Dying in 2014, Here's How opinion “GOOG and FB now have direct influence over 70%+ of internet traffic.” André Staltz An Animated Flexbox Playground tools A helpful visual reminder of what effect certain Flexbox properties have. Blake Bowen grid-kiss: A PostCSS Plugin to Keep CSS Grids 'Stupidly Simple' tools Sylvain Pollet-Villard Koa11y: An Open Source Web Accessibility Tool tools A desktop app for automatically detecting Web accessibility issues. Jared Wilcurt A Better Focus? demo An attempt at a more ‘visually-pleasing focus for keyboard users’. CodePen

by via Frontend Focus

#182: 9 Principles of Mobile Web Design

Mobile Dev Weekly November 1, 2017   #182 Peter Cooper recommends 9 Principles of Mobile Web Design — Revisiting a golden oldie that tells us to keep menus simple, keep forms short, have obvious calls to action, plus more mobile Web common sense. Kim Speier Brian Rinaldi recommends The Meaning of AMP — Some thoughts on Google’s ‘alternative facts’ over what the AMP (Accelerated Mobile Pages) project really is. Jeremy Keith Sponsored 2017 Video Developer Report - Free Download — 78% of video developers encode for HLS (56% for DASH) - The majority of developers plan to use HEVC in 2018 - Cloud encoding 45% more popular in US than Europe. Get the full 24 page report. Bitmovin Brian Rinaldi recommends I Watched All The Chrome Dev Summit Videos So You Don’t Have To — The takeaway: Google wants you to build PWAs, reduce JS file size, use Web Components, and configure your forms to support autofill. Dan Fabulich Brian Rinaldi recommends Microsoft's Bold Plan to Bring PWAs to Windows 10 — “I recently spoke with Microsoft’s Jeff Burtoft and Aaron Gustafson about the company’s plans to bring Progressive Web Apps to Windows 10.” Paul Thurrott Holly Schinsky recommends deviceframe: Put Device Frames Around Your Mobile/Web/Progressive App Screenshots Brian Hann Mobile Web Brian Rinaldi recommends A New Day for PWAs — “With Service Worker coming in Safari, the single biggest obstacle to fully adopting Progressive Web Apps is being removed.” Jeff Cross Holly Schinsky recommends Workbox: An Easier Way of Adding A Service Worker to Your Web App — How to use the ‘Workbox’ JavaScript toolbox to easily add service workers to your progressive web apps. Bakani Pilime Chris Brandrick recommends Samsung Internet V6.2 Now Stable — Includes an updated Chromium engine, support for CSS Grid and experimental features (behind flags). Jo Franchetti Chris Brandrick recommends React Native: 4 Steps to Improve Your Workflow As A Mobile Developer — Some tips to boost your productivity when creating mobile apps in React Native. Eliasz Sawicki Brian Rinaldi recommends React Virgin: The React-Native UI Kit You've Been Looking for Trixie Holly Schinsky recommends Combining Graphical And Voice Interfaces For A Better User Experience — An introduction to​ ​multi-modal​ ​interfaces as​ “​a​ ​more​ ​human​ ​way​ ​of​ ​communication​ ​between​ ​user​ ​and​ machine”. David Pasztor Holly Schinsky recommends Consuming Remote Data via HTTP in a Vue App Nic Raboy Hybrid Apps Za'e Johnson recommends Creating Layouts within Ionic using CSS Grid Mastering Ionic Chris Brandrick recommends Ionic: 2017-18 Roadmap — What the next 6 to 12 months looks like for everything Ionic. Max Lynch Chris Brandrick recommends How to Use Font Awesome in an Ionic Application Aman Mittal Native Development Brian Rinaldi recommends Android Studio 3.0 Release — A major release of the official IDE for Android development, including a variety of new features and improvements. Google Brian Rinaldi recommends The Android Oreo 8.1 Developer Preview Is Now Available — Google has released the latest developer preview of Android Oreo. 8.1 will be released in December, but Android Beta Program users can test it now. The Verge Sponsored Best Practices for Architecting Highly Monitorable Applications — Is your application easy to monitor in production? Many applications are, but sadly, some are designed with observability as an afterthought. VividCortex Holly Schinsky recommends Why Your Push Notifications Never See The Light of Day — Push Notifications often fail on specific Android phones, learn why. Neil Mathew Brian Rinaldi recommends Updating Your App for iOS 11 — An overview of the changes required in order to update your app for iOS 11. Doron Katz Brian Rinaldi recommends An Introduction to Native Android and iOS Development with NativeScript Nic Raboy

by via Mobile Dev Weekly

How to Use Influencer Marketing to Amplify Your Message

Wondering if social media influencers can increase your company’s reach? Looking for tips to find and evaluate potential influencers for a professional fit? In this article, you’ll discover how all businesses, even B2Bs, can partner with influencers to elevate their messaging. Influencer Marketing Can Work for B2B Companies B2Bs often look at how consumer brands [...]

This post How to Use Influencer Marketing to Amplify Your Message first appeared on .
- Your Guide to the Social Media Jungle

by Tom Augenthaler via

Tale of Freelancing: Boon or Bane? - #Infographic

Freelancing! A sensational buzz that's been ruling a part of work culture for quite some time now. Be it working from the comfort of your home or not being constantly pegged down by your bosses or being able to make your own creative decisions - people get allured by the predominating...

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

by Web Desk via Digital Information World

New Course on WordPress Conditional Tags

KBS Canada

KBS is a global, full-service integrated agency, and we do work that mattersfor clients, brands and most of all people. So, what matters to you?
by via Awwwards - Sites of the day

Valudio corporate website

Design & development of Valudio\\\\\\\’s corporate website including interaction design and content generation.

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery