What's new?

On syntax podcast they talk about an extension that pretties up JavaScript every time you save a file. I sure could use something like that for Sass.

I’m trying out Sage 9 today and it’s a bit tedious to get thrown errors constantly about errant spaces and extra lines. I’d much rather the file just get reformatted automatically rather than get slapped on the wrist over and over!

That would be Prettier :sweat_smile:

VS Code implementation here: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode.

It explains it in the link above but you then add the following to your settings:

"editor.formatOnSave": true,
"prettier.eslintIntegration": true,

On save, you’re SCSS/JS file are cleaned up.

Might be worth a separate thread on VS Code.

EDIT: Ah. Also, for Style lint (SCSS), you need to use:

"prettier.stylelintIntegration": true,

2 Likes

Yoast SEO attachment to attached page redirection also seems to be a nice way.
The SEO framework is an open alternative to it.

On the rare-these-days occasion that I use a Windows machine I try to use cmd+arrow approximately five billion times a minute.

1 Like

Or the ‘End’ (‘Pos1’) key :slight_smile:

Oh I didn’t realise Prettier did SCSS as well, thought it was purely for JS!

It doesn’t seem to cover all the errors being thrown by Sage 9 but does a damn lot of them. Amazing!

Thoughts on Tide?

https://xwp.co/tide-a-path-to-better-code-across-the-wordpress-ecosystem/

My first thought: they’re crimping on Root’s style a bit with that logo!

My colleague at Pressbooks, @connerbw, made this over the weekend:

Also available via Composer (https://packagist.org/packages/connerbw/parsedownparty). It uses the new CodeMirror library in WordPress 4.9 for Markdown syntax highlighting. :+1:

3 Likes

nice!! love the default usage of CodeMirror :+1:

This looks neat

Just saw this: https://parceljs.org/

:eyes:

Chrome enforcing HTTPS by default on .dev domain extensions is now in effect! I’ve just provisioned for hours thinking there was something wrong with trellis :smiley: - don’t be me, use .test

3 Likes

I’ve been working on a WordPress plugin for code snippets, WP-Gistpen, and I’ve finally got it ready to be beta tested. If you’re interested in checking it out, you can find more information here or download the latest version from GitHub’s releases page.

1 Like

DigitalOcean reduces its pricing!

1 Like

For those who want to support Roots and get a $10 credit :wink: DigitalOcean | Cloud Hosting for Builders

3 Likes

Bah. I’d hoped they might match Vultr’s $2.50 tier to push them into offering more of them.

Impossible has happened:

http://blog.getbootstrap.com/2018/01/18/bootstrap-4/

bootstrap4 is out now!

3 Likes

Applying compression, removing metadata and reducing the number of colors to PNGs, JPGs, SVGs and GIFs is now one command away: typisttech/image-optimize-command

$ du -bsh /app/public/wp-content/uploads
3.1M	/app/public/wp-content/uploads

$ wp image-optimize run --limit=3
Success: 3 unoptimized attachment(s) found. Starting...

Start optimizing /app/public/wp-content/uploads/2018/01/source-150x150.gif
Using optimizer: `Spatie\ImageOptimizer\Optimizers\Gifsicle`
Executing `"gifsicle" -b -O3 '/app/public/wp-content/uploads/2018/01/source-150x150.gif'`

...omitted...

Success: 3 attachment(s) optimized

$ du -bsh /app/public/wp-content/uploads
2.8M	/app/public/wp-content/uploads

Update: Introductory post published: https://typist.tech/articles/easily-optimize-wordpress-images-using-wp-cli-and-some-binaries/

3 Likes

Neat and small Parallax effect.

1 Like

http://devilbox.org

Docker-based LAMP and MEAN stack for local Dev