August 2, 2017 | Comments Frontend Focus Issue 301 — August 2, 2017 Best Practices for Links Back to the HomepageA site logo linking to the homepage is not always enough. Here’s some best practices for that key link. Nielsen Norman GroupShoelace.css: A Pure CSS Alternative to BootstrapA back to basics CSS starter kit “for when you don’t need the whole boot”. Cory LaViskaA W3C Report on a Formal ‘Browser Extensions’ APIWork is underway on standardizing an API for creating extensions that are browser interoperable, as is possible with the non-formalized WebExtensions API. W3C[Whitepaper] The Future of JavaScript—2017 and Beyond2017 predictions for the key and rising JavaScript libraries and frameworks and JS’s New Frontiers in this whitepaper. Telerik SponsorElm In Production: 25,000 Lines Later Elm is a ‘compile to JavaScript’ language for declaratively building front-end Web interfaces. This is one company’s experience with it. Christian CharukiewiczWhat’s New in Chrome 60 (Stable)..includes Paint Timing API, font loading controls with the CSS font-display property and WebAssembly. Video round-up of features here. Google DevelopersCrafting Webfont Fallbacks See how you can get attractive webfont visuals, good performance and reliable functionality by properly employing a finely-tuned fallback. Front End CenterWhat The Web Owes FlashSome more thoughts following last week’s announcement that Adobe is to end support for Flash. Brian notes that “Flash helped make the web what it is today”. Brian RinaldiJobs Frontend Developer at X-Team (Remote)We are 100% remote. We’ll work with you 1-on-1 to motivate and fund you to learn, grow and build a legacy. Join X-Team. X-Team Lead Frontend Developer/React.js at Mosaic (New York)Be a cornerstone in the development of an innovative project management tool using cutting edge technology, React.js. Mosaic Manages TeamworkCan’t find the right job? Want companies to apply to you? Try Hired.com.In BriefUpdates to Media Playback in Chrome 61 news On Android, when a video is playing, rotating the device will automatically put it fullscreen.Google DevelopersBuild your first Javascript, Android, or iOS app with MongoDB Stitch tutorial Get started with the beta release of MongoDB’s backend-as-a-service with step-by-step tutorials and sample apps.MONGODB SponsorHow to Create An Animated Loader with Nothing But CSS tutorialJulien BenchetritThe Lightest Grays You Can Use While Maintaining Good Contrast tutorial #767676 is relatively safe.Brent JacksonWes Bos and Scott Tolinski on CSS Preprocessors and Structuring CSS podcastSyntax PodcastHow I Built a Wind Map with WebGL storyVladimir AgafonkinApple’s Refusal to Support PWAs Is A Detriment to Future of The Web opinionGreg BlassWhat is Timeless Web Design? opinion How would you design a site to look good 10 years from now?Chris CoyierThe Browser Statistics That Matter opinion “The browser statistics that matter are the browser usage statics of your web site, and nobody else’s.”Chris CoyierCan QML Become The Next Standard for Web UI? opinionMartin KutnyExplore the Powerful Features of the ExtReact Grid for React Web Apps Try ExtReact and see how to easily add the grid and many other data-driven components into your apps.Sencha, Inc. SponsorA ‘Gigantic’ List of 1000+ Useful Frontend Tools and Resources toolsTim NavrotskyyGridBugs: A Community Curated List of CSS Grid Layout Bugs toolsRachel AndrewChromeless: Chrome Automation Made Simple code A TypeScript browser automation library for controlling Chrome.Graphcoolimage-compressor: A Simple JavaScript Image Compressor code Reduce image sizes client-side before uploading? Demo.XkeshiA Pure CSS 5-Star Rating Control demoCodePen Source link