#infinitegrids

[gcdesigning]

Breath taking Beauty @canoncanada #winter #Vancouver #vancity #vancouverbc #vancouverisawesome #vancouvercanada #vancouver_urban_streets #vancouverphotographer #anywherevancouver #vancouverviews #vancouver_canada #vancouver_ig #604nowexplorevancouver #vancouverofficial #vancityvibe #604now #dailyhivevan #dailyhivevancouver #urbavancouver #vancitynow #fallcity #scape_captures #infinitegrids #fallphotography #explorebc #raw_community #raw_canada #rawartistscanada #raw_seasons #raw_cityscapes https://www.instagram.com/p/CnL95KGOQ4O/?igshid=NGJjMDIxMWI=

[t-baba]

A Straightforward Introduction to 'Houdini'

#357 — September 12, 2018

Read on the Web

Frontend Focus

A Straightforward Introduction to 'Houdini' — Three years ago, Houdini was called ‘maybe the most exciting development in CSS you’ve never heard of’. And even now it can be tricky to understand what this collection of mostly incomplete CSS related APIs and technologies really represents. This mini-site helps clear it up.

Sam Richard

Latest Chrome Stripping 'www' from Hostnames in Location Bar — Chrome is hiding ‘trivial’ subdomains (such as www. and m.) in the location bar, but a lot of people aren’t happy about the change, and it kicked off one of Hacker News’s biggest discussions. You can turn the feature off though.

Chromium

Reduce Time Spent on Meetings & Increase Productivity — monday.com is a project management tool which is the next generation of visual tools, built specifically for developers. It’s designed to work with ease, and allows you to see what everyone on your team is working on in a single glance.

monday.com sponsor

Customizing Radio Buttons Without Compromising Accessibility — If you want to use HTML’s support for radio buttons to create more elaborate controls, this will be very handy.

Chen Hui Jing

Investigating Chrome's NOSCRIPT Intervention — Chrome on Android may, in future, disable JavaScript on weak connections to attempt to speed things up. This article looks at how to test the feature out.

Tim Kadlec

Designing a Textbox, Unabridged — You might think it’s as easy as putting an input type="text" element down but this article goes into much more depth about what’s involved in making a text entry field for the Web that does what you want.

Shane Hudson

Use React? Check Out Our React-Focused Newsletter — If you work with React and haven’t heard about our React-focused newsletter yet, check it out as that’s where most of our React links go. 🙂

Cooperpress

Two Amazing Conference Days on Design, UX and Code. Get 100 USD Off

SMASHINGCONF NYC sponsor

💻 Jobs

React & Redux Frontend Engineer (New York, Paris, Remote) — We transform complex datasets into beautiful visualizations and implement innovative browser-app UIs. Apply to join us here.

Datadog

Try Vettery — Create a profile to connect with inspiring companies seeking Frontend devs.

Vettery

📘 Articles & Tutorials

Chromium Intent to Implement: ElementTiming for 'img' Elements — The ElementTiming API will allow developers to know when certain specified image elements are first displayed on the screen.

blink-dev

How GitHub Removed jQuery From Their Frontend — GitHub.com has just completely removed jQuery as a dependency but it’s taken years and here’s how they pulled it off.

GitHub Engineering

Creating Sliding Effects using Sticky Positioning — A break down of a novel slider effect that uses position: sticky.

Preethi Sam

Five Reasons Why You Might Want to Join Us for SIGNAL on Oct 17 & 18

Twilio sponsor

The Web Font Loading Checklist — Four key points to consider when both getting the most out of Web fonts and keeping your perf budget tight.

Zach Leatherman

Using the Speech Synthesis Interface of the Web Speech API — Get your browser to speak back to you.

Manuel Wieser

Color Cycling with Workers — A classic, oldschool visual effect but neatly brought into the modern frontend era.

Dave Rupert

The Benefits of Using CSS Grid for Web Form Layout

Craig Buckler

Implementing Single File Web Components

Tomasz Jakut

Master the Latest Technology and Trends Impacting Software Engineering — Online & evening M.S. in Software Engineering. Advanced understanding of Java™, C# and Swift, JavaScript, HTML, and CSS.

Regis University sponsor

Babel Explained in Simple and Digestible Terms — Babel 7 came out recently and if you’re wondering what the fuss is about, this might help.

Kashyap Mukkamala

Progressively Enhanced CSS Layouts: Floats to Flexbox and Grid — How to convert a traditional, float-based layout into one that harnesses flexbox and grid, plus tips on graceful degradation and progressive enhancement.

Diogo Souza

🔧 Code

InfiniteGrid 3.4: Arrange Card Elements Infinitely on a Grid Layout — If you want to build a card-based layout, this could come in very handy. Check out this tutorial on making a Pinterest-style layout with it. GitHub repo.

NAVER

Splitting: CSS Variables for Split Words, Characters, and Other Elements — “Splitting creates elements and adds CSS variables to unlock amazing possibilities for animating text, grids, and more.”

Stephen Shaw

Ky: Tiny, Elegant Fetch-Based HTTP Client for Browsers — Makes the Fetch API tidier to use as shown here.

Sindre Sorhus

React Color: 13 Color Pickers from Sketch, Photoshop, GitHub, Twitter, etc. — A wide selection of color picking controls for your React projects.

Case Sandberg

luma.gl: WebGL2 Components for Data Visualization

Uber

by via Frontend Focus https://ift.tt/2N8hEmv

[webdesigner4u]

@goodwebdesign : Weekly News for Designers No. 431 - CSS Animation Library, InfiniteGrid System, CSS Gradients - #webdesign @speckyboy https://t.co/tp9M74b3nI https://t.co/G2L25o98AP

[coldharborstudios]

Weekly News for Designers № 431 - CSS Animation Library, InfiniteGrid System, CSS Gradients http://dlvr.it/QNq2hn

[creationsiteinternet]

@Infinitegrids

Création Site Web MarocRT @jaouanebrahim: Agence #Webmarketing et agence #web offshore : #SEO, rédaction web, création site internet, réseaux sociaux.… https://t.co/6Vx6oj3osK from http://twitter.com/Infinitegrids via IFTTT

[webdesigner4u]

@goodwebdesign : RT @speckyboy: Weekly News for Designers № 431 incl. CSS Animation Library, InfiniteGrid System, #CSS Gradients, and more https://t.co/wjGbB6sCDf https://t.co/knD0vMO04C

[t-baba]

Nerv - A Fast React 16-Compatible React Alternative

This week's JavaScript news — Read this e-mail on the Web

JavaScript Weekly

Issue 368 — January 12, 2018

TC39 to Recommend 'Consistently Explicit Semicolon Use'?

..rather than relying on automatic semicolon insertion, as future language developments may affect the situations where ASI works. Brendan Eich signalled his dissent, causing some debate - with many thinking TC39 could recommend the use of a linter instead.

Ecma TC39

The Brutal Lifecycle of JavaScript Frameworks

Every now and then, a new framework pops up claiming it will revolutionize development. Until the next one. Stack Overflow looks at such lifecycles based on questions asked on its service.

Ian Allen

Nerv: A Fast React 16-Compatible React Alternative

Nerv bills itself as a tinier, faster React alternative and has browser compatibility as a particular focus, supporting right back to IE8.

Li Weitao

See Why Facebook, Spotify, & Fastlane Trust CircleCI with Their CI/CD

Automate the software development process using continuous integration and continuous delivery so you can focus on what matters: building great things, not waiting for great things to build.

CircleCI   Sponsor

Functional-Light JavaScript: A Balanced Book on FP in JS

Kyle Simpson’s written an interesting book that takes a pragmatic look at functional programming concepts in JavaScript. And, yes, you can read it all on GitHub.

Kyle Simpson

React, Redux and JavaScript Architecture

A gentle, but thorough, walkthrough of writing good React and Redux code and, crucially, the why behind each step.

James Sinclair

Workerize: Run A Module in a Web Worker

Moves a module into a Web Worker, automatically reflecting exported functions as asynchronous proxies. There’s workerize-loader for Webpack users, too.

Jason Miller

TOAST UI Editor: A Markdown WYSIWYG Editor for the Web

Works with GitHub Flavored Markdown (GFM) but can be extended with your own extensions. Supports all major browsers (IE10+). GitHub repo.

NHN Entertainment

Jobs

Fullstack Software Engineer (Chicago — Relocation Available)Join a team that cares about people & craft. We invest in you and together we'll solve some of the most interesting problems you've seen. Fraight AI

Visual Analytics Researchers and Software Developers - Vienna, AustriaJoin our team and develop novel Web intelligence solutions for EU and Google Digital News Initiative projects (JavaScript, Java). webLyzard technology

Looking for a Job at a Company That Prioritizes JavaScript?Try Vettery and we’ll connect you directly with thousands of companies looking for talented front-end devs. Vettery

In Brief

Webpack 4 to Work 'Configless' by Default news Inspired by Parcel’s approach. John-David Dalton on Twitter

JSON Tree Shaking Landing in Webpack 4.0 news It’s shaping up to be an interesting release.

6 Tiny But Awesome ES7 + ES8 Features tutorial David Walsh

Building a Real Time Chat App From Scratch using TypeScript tutorial Luis Aviles

Build Your First Vue.js Component tutorial Sarah Dayan

An Introduction to Algebraic Data Types and Structural Pattern Matching in TypeScript tutorial Erin Swenson-Healey

Learn How to Visualize Your Time Series Data With InfluxDB & Rickshaw tutorial Visualize your time series data from the fastest growing open source TSDB. InfluxData  Sponsor

5 Traps to Avoid While Unit Testing Vue.js tutorial Aurélien Bottazini

Googlebot's JavaScript random() Function is Deterministic story Probably not useful, but an interesting quirk. Tom Anthony

Things to Consider When Choosing a Database for Your JavaScript App  Not all JSON support is created equal. mongodb  Sponsor

ngrev: Tool for Reverse Engineering/Navigating Angular Projects tools Minko Gechev

InfiniteGrid: Arrange Card Elements Infinitely on a Grid Layout code GitHub repo. NAVER

Polythene: A Material Design Component Library for Mithril and React code Arthur Clemens

match-sorter: Simple, Expected, & Deterministic Best-Match Array Sorting code Kent C. Dodds

SweetAlert: Attractive Modal Popup Alerts/Messages code

KaTeX: Fast Math Typesetting for the Web code Easy-to-use library for TeX math rendering on the web. Khan Academy

JavaScript Test Results Displayed Inline in Your Editor as You Type  Wallaby.js  Sponsor

Curated by Peter Cooper and published by Cooperpress.

Like this? You may also enjoy: FrontEnd Focus : Node Weekly : React Status

Stop getting JavaScript Weekly : Change email address : Read this issue on the Web

© Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK

by via JavaScript Weekly http://ift.tt/2qYJDdV