March 22, 2017 Read this e-mail on the WebFrontEnd Focus Issue 282 — March 22, 2017 Do you use React? If so, check out React Status. It’s our sister newsletter dedicated to React and React Native. The latest issue is here. 🙂How to Use HTML5 Custom Data Attributes (and Why)Gajendar Singh explains HTML’s custom data attributes, why they’re useful, how to use them from CSS, and manipulating them with JavaScript. SitePointPreventing Cross-Site Attacks using Same-Site CookiesHow Dropbox rolled out same-site cookie based defenses, and some guidelines on how you can do the same for your site. DropboxBeyond The Browser: From Web Apps To Desktop AppsBuilding desktop apps using Web technologies has never been easier. This tutorial compares NW.js and Electron and digs into the key concepts and issues. Adam LynchCreate a Quick-Start Application with Angular and WijmoFind out how Wijmo’s advanced UI components can help you to create an Angular application quickly and efficiently – we take you through step-by-step. GrapeCity SponsorWays to Improve Your Billing Form’s UXMake your credit card form support autocompletion, improve how numbers are laid out, and perform simple validations on the fly. Margarita KlubochkinaChrome 58 Beta: IndexedDB 2.0 and a New IFRAME Feature IndexedDB 2.0 is now fully supported. IFRAME elements now support a allow-top-navigation-by-user-activation sandbox keyword allowing them to navigate the top-level page. GoogleWhich Responsive Design Framework Is Best? It Depends..Which framework should we be using, and why? Also, should we be using the whole framework or just parts of it? Jen KramerJobs Sr. Front-End Engineer — React/Redux (Brannan St, San Francisco)We’re looking for an enthusiastic app developer to join our team. We use React, Flow, GraphQL, Relay, Apollo Client on a daily basis. Quri Inc Frontend Developer at X-Team (Remote)We’re looking for a frontend developer with an extensive knowledge of Javascript. We are 100% remote and we provide the funding needed to help you achieve your goals and grow. X-Team Software Engineer, Web – Zürich, SwitzerlandCentralway is seeking an experienced programmer to come and join the team. The right candidate will be responsible for building and maintaining high performance web applications with cutting-edge technologies. Centralway NumbrsCan’t find the right job? Want companies to apply to you? Try Hired.com.In BriefCodePen Projects: Edit Multiple Files and Host Sites on CodePen news A big step forward for the popular HTML and CSS sandbox.Chris CoyierDRM in HTML5 Takes Its Next Step Toward Standardization newsPeter BrightGuetzli: A New Open Source JPEG Encoder Yielding 35% Smaller Files newsGoogleWorkshop: Brian Lonsdorf’s Practically Functional Programming course Master monoids, monads & other algebraic abstractions to produce highly composable, safer, & simpler code.Forward Courses SponsorAnimating Your Site’s Hero Header with CSS tutorialDonovan HutchinsonSmoothly Animating 1000s of Points with HTML5 Canvas and D3 tutorialPeter BeshaiExperimenting with the Web Share API tutorialPhil NashText Effects with CSS (and A Little ‘contenteditable’ Trick) tutorial demoChris Coyiercss-razor: A Fast Way to Remove Unused Selectors From CSS tools Uses cheerio to parse static html to removed unused selectors in CSS.Tim ScanlinA Chrome Extension That Fills Out Forms Automatically tools Aims to make life for developers easier. Can use faked or pre-defined info.Stephan AhlfSQL Source Control: track each change to your SQL Server database tools Get a full history in your source control system. See who made changes, what they did why. See how.Red Gate SponsorBarebone: A Minimal SCSS-Based Framework for Rapid UI Development codeBareboneFetch Inject: Dynamically Inline Assets Into The DOM using Fetch Injection code Here’s an introduction and explanation.Josh HabdasmoveTo: A Dependency-Free Scroll Animation JavaScript Library codeHasan Aydo?duVizceral: WebGL Animated Traffic Visualization Tool codeNetflixPlanck.js: A Pure JS Rewrite of Box2D’s Physics Engine code For cross-platform HTML5 game development. Demos.Ali Shakibaminireset.css: A Tiny Modern CSS Reset codeJeremy ThomasCurated by Peter Cooper and published by Cooperpress. If you like this, you may also enjoy: JavaScript Weekly, Node Weekly, and React Status.Stop getting FrontEnd Focus : Change email address : Read this issue on the Web© Cooper Press Ltd. Office 30, Lincoln Way, Louth, LN11 0LS, UK Source link