bennettdams

import { z } from 'zod'

const emptyStringToUndefined = z.literal('').transform(() => undefined)

/**
 * Provide a schema and get a schema that is optional and empty strings are transformed to `undefined`.
 * When someone removes his input of this field, the then empty string is transformed to `undefined`.
 *
 * Example:
 *

davatron5000

The State of Container Queries

tl;dr Developers would like the idea to style components based on a parent's width rather than depend solely on the viewport media query. This would allow modular components to style themselves while being agnostic to the viewport.

There is currently a lot of developer interest in getting a feature like Container Queries (née "Element Queryies") shipped in a browser.

2-min Catchup

Here are official'ish documents to outline the developer community's desires.

jonathantneal

Font Face

A mixin for writing @font-face rules in SASS.

Usage

Create a font face rule. Embedded OpenType, WOFF2, WOFF, TrueType, and SVG files are automatically sourced.

@include font-face(Samplino, fonts/Samplino);

axi

<?php

/*
 * This file is part of the Twig Extension TruncateHtmlExtension.
 *
 * Author Leon Radley <leon@radley.se>
 * Rewrite by Instabledesign
 *
 *
 * Truncate Html string without stripping tags

markgoodyear

/*!
 * gulp
 * $ npm install gulp-ruby-sass gulp-autoprefixer gulp-cssnano gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache del --save-dev
 */

// Load plugins
var gulp = require('gulp'),
    sass = require('gulp-ruby-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    cssnano = require('gulp-cssnano'),

instabledesign

<?php

/*
 * This file is part of the Twig Extension TruncateHtmlExtension.
 *
 * Author Leon Radley <leon@radley.se>
 * Rewrite by Instabledesign
 *
 *
 * Truncate Html string without stripping tags

hereswhatidid

<?php
// Disable reinstalling Akismet and Hello, Dolly! plugins
// when upgrading WordPress core

define( 'CORE_UPGRADE_SKIP_NEW_BUNDLED', true);

// Disable built-in file editor

define('DISALLOW_FILE_EDIT', TRUE)

desandro

In addition to awesome docs #228, Bower deserves a proper logo. See below for sketches. I'm curious if you think any of these are worth me putting more effort into.

---

Take a look at Yeoman right now.

The other two entities have awesome logos. Bower's got to represent.