#gripeless

[cococouture]

Check out this listing I just added to my Poshmark closet: PAEQHO Gripeless Houndstooth Pull On Pants by GRETCHEN SCOTT.

[nicsparkles]

Check out this listing I just added to my Poshmark closet: Gretchen Scott Designs NEW! GripeLess Cotton Spandex Jeans Size Small.

[selling4college4kids]

Check out this listing I just added to my Poshmark closet: Gretchen Scott Red Blue Print Pants M-L.

[msshannon-journey]

Just for the record; not all positive change feels positive in the beginning! Do it anyways! ⠀ #newweekahead #slaydragons #achievegoals #sweatmore #gripeless #ditchthefear

[womenpantstoza]

^^@^^ Gretchen Scott GripeLess Cotton Spandex Jeans Lifesaver Print Goddess Size XXL https://ift.tt/2BZ3rDF

[t-baba]

Jest 26, JS one liners, and comparing Ember to React

#487 — May 8, 2020

Unsubscribe  :  Read on the Web

JavaScript Weekly

Jest 26 Released: The Popular Testing Framework — Jest is a popular testing framework that works with pretty much everything. This release focuses on getting the dependency count and install size down (this causes some breaking changes, unsurprisingly), adds a new fake timer implementation, drops Node 8 support, and initial, experimental ESM support to play with.

Christoph Nakazawa

1LOC: A Collection of One-Line JS Snippets — A neat little collection of vanilla JavaScript one-liners divided into various categories (arrays, date/time, checking objects, DOM work, etc.) You can submit your own for inclusion too.

Nguyen Huu Phuoc

Hardcore Functional Programming in JavaScript — Brian Lonsdorf teaches you functional programming concepts in JavaScript such as pure functions, currying, composition, functors, monads and more.

Frontend Masters sponsor

Debug Anything: The Basics — A six part series (all ready to read now) on debugging your JavaScript and TypeScript code with the debugger built into Visual Studio Code.

Charles Szilagyi

Comparing Ember Octane and React — This is about as detailed a comparison as you could hope for and a demonstration of just how much Ember contributes to the JavaScript ecosystem. Octane really kicks things up a notch for Ember, too.

Chris Garrett

Deno 1.0 is Due Next Week: Here's What You Need to Know — In 2018 Node's creator Ryan Dahl told us 10 Things I Regret About Node.js and revealed a prototype of Deno, a new V8-based runtime, and here's what you need to know about it. Short of time? This two-minute video sums up the biggest wins quickly.

David Else

Our newest newsletter..

Carrying on from the Deno item above, yes, we've started Deno Weekly, a new newsletter dedicated to the newest runtime in the JavaScript/TypeScript world. Issue 2 goes out just after 1.0 is released next week.

Even if you don't stick with Deno long term, feel free to subscribe then unsubscribe at any time — we won't take offence 😄

Subscribe to Deno Weekly here or enjoy issue 1 here.

💻 Jobs

JavaScript Developer at X-Team (Remote) — Join X-Team and work on projects for companies like Riot Games, FOX, Coinbase, and more. Work from anywhere.

X-Team

Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

📚 Tutorials

How To Build a Vue Survey App Using Firebase — A step-by-step guide to building a functional survey app using Vue.js and Firebase for both authentication and as a database.

David Atanda

A Brief Look at ES2020's Promise.any — When you need to know when at least 1 promise got resolved among an iterable of Promise objects, Promise.any() is the solution.

Marios Fakiolas

ES2020: Everything You Need to Know — An ES2020 roundup!

Martin McKeaveney

Building a Crossword Puzzle Generator — As a NY Times crossword addict, I love a good crossword, but if you’d rather figure out how to make your computer solve them, be my guest 😄 This post guides you on how to approach the problem.

Mitchum

Git Best Practices for SOC 2 Compliance Quick Wins — Get quick wins for your SOC 2 compliance audit, and raise developer productivity at the same time.

Datree.io sponsor

Getting Started with Sapper and Svelte — Sapper is a Svelte-powered framework.

Chris Boakes

A ES2015+ Cheatsheet — A one-page guide to ES2015+ features based around brief example snippets.

Devhints.io

How to Fix ESLint Errors Upon Save in VS Code — A quick-fire tip.

David Walsh

How to Build a Blog with Next 9.3, Netlify, and Markdown — Learn how to build a Next.js-powered Markdown blog and deploy it to the Netlify platform.

Cassidy Williams

A Canvas Engine Comparison: PixiJS vs Two.js vs Paper.js — A benchmark of three popular 2D rendering engines/drawing APIs. Note: This will tax your system.

SlayLines

🎉 BTW, if you like videos, we need to shout out Florin Pop's YouTube channel as he's just passed 20k subscribers by posting neat JavaScript videos and live streams nearly every day for the past six months! 😁 Lots of great stuff on there for JavaScript developers of all skill levels.

🔧 Code & Tools

Selecto.js: Make Elements Selectable Within an Area — Let’s say you have a number of elements that represent choices, data, whatever, and you want users to be able to select a subset of them by clicking/pointing and dragging. That’s what this does. Live examples here.

Daybrush (Younkue Choi)

Visual Studio Code April 2020 Released — Probably the most widely used editor in the JavaScript space now and April brings some neat new features like being able to work on GitHub issues within the editor.

Microsoft

Stream Chat API & JavaScript SDK for Custom Chat Apps — Build real-time chat in less time. Rapidly ship in-app messaging with our highly reliable chat infrastructure.

Stream sponsor

Majestic 1.7: A Zero Config GUI for Jest — A tool to help make your JavaScript testing life a little easier. Run npx majestic in the folder of any project that uses Jest to give it a quick try.

Raathi Kugarajan

Pico: Take Browser Screenshots Client-Side with JavaScript — Different from capturing a webpage using Puppeteer or a similar tool in that the screenshot taking happens entirely client side.

Gripeless

React Flow: A Library for Rendering Interactive Graphs — If you have a need to lay out graphs in a visual way and be able to smoothly pan and zoom around such graphs, this is an interesting new library. Live demo here.

Moritz Klack

MongoDB Is Easy. Now Make It Powerful. Free Download for 30 Days.

Studio 3T sponsor

NeutralinoJS: Build Cross-Platform Apps Using JS, HTML and CSS — Sounds just like Electron, right? Not quite. NeutralinoJS use less memory and are smaller as they don’t ship a full browser inside. 1.4.0 just dropped.

Neutralinojs

Slugify 1.0: Simply Turns Strings into URL/Filename-Friendly 'Slugs' — e.g. ‘I ♥ Dogs’ becomes ‘i-love-dogs’

Sindre Sorhus

RxJS Primitives: A Set of Libraries That Provide Operators for RxJS

Tane Piper

⚡️ Quick releases:

Madge 3.9 — Plot graphs of your module dependencies.

Glider 1.7.2 — Dependency-free carousel alternative.

vue-virtual-scroll-list 2.2 — High performance large list rendering.

Pickr 1.6 — Color picker, now with i18n support.

vue-test-utils 1.0 — Official Vue.js testing utilities.

Espree 7.0 — Esprima-compatible JavaScript parser.

by via JavaScript Weekly https://ift.tt/3bjgDzg

[cococouture]

Check out this listing I just added to my Poshmark closet: PAEQDDA Beige & Black Pull On Pants Gripeless by GRETCHEN SCOTT.

[nicsparkles]

Check out this listing I just added to my Poshmark closet: Gretchen Scott Designs NEW! GripeLess Cotton Spandex Jeans Size Small.

[ctmaples2]

I just added this listing on Poshmark: Gretchen Scott Gripeless Pull-On Ankle Skinny Pant.

[mhkeiger]

I just added this listing on Poshmark: New! Gretchen Scott Palm Palm Jeans.

[growingpage]

Gripeless

Every product has some gripes that could be improved. The gripes could be things like broken flows, unintuitive UX behaviors, or some interactions being too slow - you name it. Everybody has their favourite products, and each of those products (awesome as they may be) have a couple of small things that could be improved to make them even better. What\'s interesting, though, due to a variety of reasons users usually don\'t report those things at all - users might not think the complaint is solicited, users might not think that anything will be fixed after we report the thing, or even just writing and sending a semi-formal letter is too much friction for such a simple task. According to research, only 4% of people ever actually tell the business owner what\'s wrong with their service before moving onto the competition! Complaints therefore should be encouraged as much as possible and can make the business really stand out. This is the reason behind Gripeless, an all-in-1 solution to make the process as smooth as possible for the user so that they don\'t have to write emails, don\'t have to think whether the product-owner is acting on those complaints or even requesting complaints in the first place. Gripeless can be installed onto any website - the provided script is only 20kB gzipped it performs really well even on the slowest devices. : https://www.emerald.com/insight/content/doi/10.1108/sd.2006.05622cad.007/full/html Read the full article

[findingfergie-blog]

#MotivationMonday It's brand new week to kick butt, kick fear in the face and achieve your goals! #kickfearintheface #slaydragons #sweatmore #gripeless #ditchthefear #hopedealer #dreamchaser #whydefender #healthcoach #findingfergie

[womenpantstoza]

^^@^^ Gretchen Scott Gripeless Women's Large Pants Bright Orange Stretchy Leggings EXC https://ift.tt/39b8YmB

[t-baba]

A Complete Guide to CSS Functions

#439 — May 6, 2020

Read on the Web

Frontend Focus

Introducing Web Vitals: Essential Metrics for Healthy Sites — Web Vitals is a new Google initiative to provide guidance on quality signals (think first input delay, load speed, etc.) that are key to delivering good user experiences on the web.

Google

A Complete Guide to CSS Functions — A thorough resource detailing everything you need to know about functions in CSS. They can be inserted where you’d place a value, or in some cases, accompanying another value declaration — this is a good look at how to use them.

CSS Tricks

7 Design Tips for Pixel-Perfect Operational Reports — Pixel-perfect operational reports allow you to control every component down to the individual pixel level, so the rendered report is set exactly to spec. But how do you design them? Follow these 7 tips for creating beautiful, high-precision reports.

Logi Analytics sponsor

10 Years of HTML5 Boilerplate — A look at some of the history behind the front-end framwork that started them all: HTML5 Boilerplate, which is now 10 years old.

Rob Larsen

Firefox 76: Audio Worklets and Other Tricks — This latest version delivers new features for web platform support, such as Audio Worklets and Intl improvements, on the JavaScript side. Also a number of improvements to the DevTools have been added. Here’s the list of dev-focused changes.

Chris Mills & Harald Kirschner (Mozilla)

⚡️ Quick bytes:

The CSS Working Group has published a First Public Working Draft of CSS Box Model 4. The two major changes are the introduction of the margin-trim property and content related to writing modes.

Firefox for Mobile (Android, really) now supports NoScript, PrivacyBadger, and HTTPS Everywhere extensions.

Need to be compliant with European data protection law? You can’t make access to your site dependant on a visitor agreeing that you can process their data — aka a ‘consent cookie'.

Did you know that the `<br>` element should only be used for line breaks that are actually part of content (such as in poems or addresses)?

Working with static sites? We have a JAMstack newsletter that may be of interest.

💻 Jobs

Frontend Developer at X-Team (Remote) — Join X-Team and work on projects for companies like Riot Games, FOX, Coinbase, and more. Work from anywhere.

X-Team

Find a Job Through Vettery — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

ℹ️ Interested in running a job listing in Frontend Focus? There's more info here.

📙 News, Tutorials & Opinion

Exciting Things on the Horizon For CSS Layout — …such as a new Grid inspector for Chrome, the ‘gap’ property in Chrome Canary, and (amazingly) masonry-style grids in Firefox Nightly.

Michelle Barker

Selection in CSS — Another one of Ahmad’s great deep dives, this time covering the ::selection pseudo-element and the user-select property in CSS.

Ahmad Shadeed

File Sharing Now in WebKit — Looks like more Web Share API support (Level 2 / file sharing) is landing in WebKit — spotted via this tweet from Jake Archibald.

WebKit Bugzilla

For Many, Accessibility Is An Unknown Unknown — “Accessibility is, for all intents and purposes, duct-taped onto the web. We need to make it a first class citizen in browsers. Until we do, we’ll keep wondering why developers aren’t making accessible websites.”

Kilian Valkhof

Is It Time for A Web Performance Rebrand? — “Web Performance is a niche term in a broad market, should we broaden our appeal to reach more people?”

Simon Hearne

Free for 30 Days: MongoDB Atlas Is Easy. Make It Powerful. — Use MongoDB Atlas? Try the perfect partner for it. Save hours with our GUI & unlock the power you need, with Studio 3T.

Studio 3T sponsor

Beginner's Guide to Eleventy — This is an extensive and down-to-earth multi-part introductory guide to using Eleventy the popular static site generator.

Tatiana Mac

A Guide to window.location — A breakdown that covers most of the methods and properties available on the DOM’s window.location object.

samantha ming

Styling in the Shadow DOM With CSS Shadow Parts — Using the ::part() selector.

Ollie Williams

Progressively Enhancing Radio Buttons with SVG Whilst Staying Accessible

Christian Heilmann

How to Create Pure CSS Games (No JS)

Elad Shechter

🔧 Code, Tools and Resources

Pico: Take Browser Screenshots Client-Side with JavaScript — Different from capturing a webpage using Puppeteer or a similar tool in that the screenshot taking happens entirely client side.

Gripeless

🌍 I18n Ally: An All-in-One i18n Extension for VS Code — Got some internationalization work to do? I18n Ally gives you inline annotations, automated translations via Google Translate (which you can review), progress indication, etc. Supports React, Angular, Vue and other frameworks.

Anthony Fu

web-vitals-extension: A Chrome Extension to Measure Essential Metrics for A Healthy Site — This extension measures three core web vitals metrics (Largest contentful paint, cumulative layout shift, and first input delay) in a way that matches how they’re measured by Chrome and reported to other Google tools (see top feature in this issue).

Google Chrome

Faster CI/CD for All Your Software Projects Using Buildkite

Buildkite sponsor

utfu: Replace Busted Characters From Legacy Text with UTF-8 — Useful when old content contains characters like “— in place of a single quote, and similar legacy text issues.

Daniel Sieradski

Sitesauce: A Static Site for Your Dynamically-Generated Website — This paid tool converts dynamic websites (e.g. WordPress, Ghost, Joomla, etc.) into static sites, and keeps content in sync.

Miguel Piedrafita

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

[cococouture]

Check out this listing I just added to my Poshmark closet: PAEQWTA Gripeless Watteaur Turquoise Printed Pants by GRETCHEN SCOTT.

[ctmaples2]

I just added this listing on Poshmark: Gretchen Scott Gripeless Pull-On Ankle Skinny Pant.