Friday Frontend: Welcome to September Edition

View this email in your browser

Hey there,

Greetings from smoke-filled California, where we’re all hunkered down inside our houses most of the time and running out to spend time outside any time the smoke even momentarily clears. I hope you’ve all had as good of a week as possible in 2020.

This week there’s a number of interesting articles, but the ones that grabbed me the most are all down in the ‘Other Awesome’ section. I particularly like the articles on creating your own luck, writing better microcopy, and our tendency to re-solve solved problems.

Best,

KBall from ZenDev

 

CSS & SCSS

 

How to Use CSS Grid for Sticky Headers and Footers

Great step-by-step instructions on using CSS Grid for an extremely common problem - sticky headers and footers. The proposed solution is also useful for app-style layouts where you have a “frame” around some sort of interactive content.

Custom CSS Styles for Form Inputs and Textareas

I love this! And it’s part of a great series I’ve linked to pieces of several times now. Shows how to use modern CSS to create super clean, consistent, custom styles for a persistently challenging part of HTML: Form inputs and textareas.

shape-margin property

Simple explanation of this super-useful property for layouts that go beyond boxes. If you’re using shape-outside you should know about shape-margin. Interesting thing that I hadn’t realized until I played with the demo: This appears to only work up to the point of the original bounding box. As your shape-margin pushes your shape beyond that box the text will conform to the box instead.

Why CSS ::before doesn’t work on inputs and images

I’ve run into this limitation before, but always chalked it up to the arbitrariness of specification design and the meandering path of the web platform. But no, there’s a coherent reason behind it! Check it out!

Proportional Resizing with CSS Variables

Super useful, simple technique for defining height/width ratios and allowing for proportional resizing using CSS variables. Define your ratio, override it as desired, and watch everything smoothly adjust in proportion!

 

JavaScript

 

Why use Getters and Setters functions

Solid introduction to why you might use getters and setters. A reason not mentioned is being able to track and do things related to when variables are accessed or changed… prior to Vue 3, the entire Vue reactivity system was built on top of getters and setters, and there’s tons of potential to build useful reactive actions at a micro level using them.

6 Tips and Best Practices for a Scalable React Project

The recommendations here are pretty high level, but the author breaks them down into some more concrete examples or questions you can ask yourself to help guide your thinking.

Designing a JavaScript Plugin System

Plugins are a super common pattern in libraries, but can also be useful for internal systems that aren’t intended to be public. This post is nominally about JavaScript, but really is about what goes into a good plugin interface and how to create a simple plugin system for whatever project you may be working on.

Introducing Danfo.js, a Pandas-like Library in JavaScript

Python (and pandas) continues to be the de facto standard for data science once you get out of the world of R and Matlab and into full-featured programming languages. I’ve been using Pandas a fair amount recently myself. But I love to see developments like this that allow the potential of full-stack javascript solutions even in data science heavy environments.

 

Other Awesomeness

 

How to Create Luck

This is a super useful mindset post. And while it’s worth bearing in mind that your experiences will vary based on your situation and level of privilege, there are some aspects of this ability to “create luck” that will apply to everyone. In the startup world we used to say “You work hard so you can get lucky”. A more historical framing of this from Louis Pasteur is “Chance favors the prepared mind”. You can’t control luck, but you can put yourself in more situations to get lucky and prepare yourself to better take advantage of that luck when it strikes.

7 Practical Tips for Better Microcopy

While it’s great when you can work with an excellent copywriter, often times designers or front-end developers are making tons of decisions on the microcopy that goes into your user interfaces. This makes a huge difference, and studying good copy practices IMO should be a part of understanding interface design & development. This article is a good start.

Solving Solved Problems

Super useful and thought provoking article about our tendency as engineers to keep reinventing the wheel. Worth reading and taking a moment to reflect on your and your team’s practices.

Introducing: Modern Web

This looks interesting - a website dedicated to helping developers get up and running quickly on the modern web. It’s brand new and not super clear how extensive it’s going to get, but looks like the big focus right now is on ES Modules, helping folks get going on that both with guides and an ES module-first based test runner.

Hands-on WebAssembly: Try the basics

Step by step tutorial to teach you how to WebAssembly works and how to get it built all the way from a file of C or Rust code up to wasm and served to the browser.

Copyright © 2020 ZenDev, LLC, All rights reserved.
You are receiving this email because you opted in at our website, zendev.com.

Our mailing address is:
ZenDev, LLC
922 San Leandro Ave., Unit C
Mountain View, California 94043

Add us to your address book


Want to change how you receive these emails?
You can update your preferences or unsubscribe from this list.

Email Marketing Powered by Mailchimp

Older messages

Friday Frontend: Back to School Edition

Friday, August 28, 2020

If you're a parent, I really feel your pain right now. I and every other parent I know is struggling navigating the complicated transition of kids View this email in your browser Hey there, If you

Friday Frontend: Apocalypse 2020 Edition

Friday, August 21, 2020

Hope your week was a little less apocalyptic than mine -- this newsletter is coming to you from California, where we've been embroiled in a massive... View this email in your browser Hey there,

Friday Frontend: Mozilla Death Rattle Edition

Friday, August 14, 2020

Welcome to August! Okay so it's already halfway done, but after taking a week off it's the first time I get to talk to you! View this email in your browser Hey there, Welcome to August! Okay so

Friday Frontend: Many Types of Design Edition

Friday, July 31, 2020

Congratulations, you made it to the end of July! I hope you're holding in there and doing okay. View this email in your browser Hey there, Congratulations, you made it to the end of July! I hope

Friday Frontend: July 24 Edition

Friday, July 24, 2020

One of the things that feels most challenging to me about this long disaster we're going through as a world... View this email in your browser Hey there, One of the things that feels most

You Might Also Like

Import AI 399: 1,000 samples to make a reasoning model; DeepSeek proliferation; Apple's self-driving car simulator

Friday, February 14, 2025

What came before the golem? ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Defining Your Paranoia Level: Navigating Change Without the Overkill

Friday, February 14, 2025

We've all been there: trying to learn something new, only to find our old habits holding us back. We discussed today how our gut feelings about solving problems can sometimes be our own worst enemy

5 ways AI can help with taxes 🪄

Friday, February 14, 2025

Remotely control an iPhone; 💸 50+ early Presidents' Day deals -- ZDNET ZDNET Tech Today - US February 10, 2025 5 ways AI can help you with your taxes (and what not to use it for) 5 ways AI can help

Recurring Automations + Secret Updates

Friday, February 14, 2025

Smarter automations, better templates, and hidden updates to explore 👀 ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

The First Provable AI-Proof Game: Introducing Butterfly Wings 4

Friday, February 14, 2025

Top Tech Content sent at Noon! Boost Your Article on HackerNoon for $159.99! Read this email in your browser How are you, @newsletterest1? undefined The Market Today #01 Instagram (Meta) 714.52 -0.32%

GCP Newsletter #437

Friday, February 14, 2025

Welcome to issue #437 February 10th, 2025 News BigQuery Cloud Marketplace Official Blog Partners BigQuery datasets now available on Google Cloud Marketplace - Google Cloud Marketplace now offers

Charted | The 1%'s Share of U.S. Wealth Over Time (1989-2024) 💰

Friday, February 14, 2025

Discover how the share of US wealth held by the top 1% has evolved from 1989 to 2024 in this infographic. View Online | Subscribe | Download Our App Download our app to see thousands of new charts from

The Great Social Media Diaspora & Tapestry is here

Friday, February 14, 2025

Apple introduces new app called 'Apple Invites', The Iconfactory launches Tapestry, beyond the traditional portfolio, and more in this week's issue of Creativerly. Creativerly The Great

Daily Coding Problem: Problem #1689 [Medium]

Friday, February 14, 2025

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Google. Given a linked list, sort it in O(n log n) time and constant space. For example,

📧 Stop Conflating CQRS and MediatR

Friday, February 14, 2025

​ Stop Conflating CQRS and MediatR Read on: m​y website / Read time: 4 minutes The .NET Weekly is brought to you by: Step right up to the Generative AI Use Cases Repository! See how MongoDB powers your