Craft Link List (Archive)

Introduction

It's getting better all the time.

Before we kick off, here's your musical accompaniment for the issue. YouTube deletes these sort of tracks regularly, so perhaps dig out your own copy of the track.

One thing I've noticed recently involves the process of how I find links to include in each issue. I jump into the Craft Slack channel to keep up with what people are talking about regarding Craft and development.

The volume of unread messages each time I log in continues to jump. More discussion around Craft is a great sign for the health of Craft. It also makes for link-filled issues of CLL. I expect the release of Craft 3 to only continue this trend. Fun times ahead for all of us.

If you've got a link to share, be sure to hit me up on Slack or send me an email.

Enough talk. Let's hit the links.

-John Morton

News

Craft 3.0.0-beta.10 released

Craft 3 beta keeps chugging along, fixing a hole or two, including a bug preventing manual installation of plugins. (Yes, that was another Beatles reference.)

How devMode checking changes in Craft 3

Your friend and mine, devMode, is getting some tweaks in Craft 3 according to Brandon:

craft.config.devMode is how you would [check on devMode inside a template] in in Craft 2, and it is still supported in Craft 3 but it's deprecated (and will be removed in Craft 4).

In Beta 1-8, the new syntax was craft.app.config.get('devMode'). In Beta 9 we completely removed that syntax and replaced it with craft.app.config.general.devMode

Featured Sponsor

Pic Puller: The Instagram plugin for Craft CMS

Pic Puller brings your Instagram media into Craft CMS. Full documentation and code samples get you up and running quickly.

Tools, tips, and fundamentals

Self-hosting requirements and scaling of Craft CMS sites

How to pass a Craft field object to JavaScript function

dhboilerplate

David Hellmann shares his Yeoman generator with all kinds of Gulp and Sass goodies.

Pure

A set of small, responsive CSS modules that you can use in every web project.

Install Composer with MAMP Pro for Windows

Have you had issues with getting Composer and MAMP Pro for Windows set up? Jeroen Kenters says we can work it out.

You don't need to pay for private git repos

How to do advanced date filters for events

Perfecting your technique

Vue.js Tutorial: An Example to Build and Prerender an SEO-Friendly Site

That title basically says it all.

Craft KeyCDN Integration

This tutorial show how to integrate KeyCDN into a Craft CMS installation.

Local Development with Vagrant / Homestead

Andrew continues to make us better developers.

Craft Walk

Interesting question from Slack: "... if I have a task that's very query intensive -- running 1000+ of queries and taking 15 - 20 minutes to run -- what are the ways to make sure the process doesn't substantially hinder the website's performance?"

Along with an answer: Use a Craft-aware array_walk() method, plus some console commands for extra convenience, to easily apply Craft service/helper/task methods to a collection of elements.

Plugged In

Disable Stripe Receipts

Disables Stripe receipt e-mail when using Stripe with Commerce.

Craft Papertrail

A CraftCMS service for publishing Papertrail logs from templates and plugins.

Graylog2 log target for Yii2

If the Papertrail plugin interested you, this Yii2 extension, pointed out by Brandon, might also be on your list to check out.

You can "redirect" your logs to third-party services as shown in this plugin point to the open-source Graylog. Of this example Brandon said:

"You could write a plugin that adds [your log manager] as a target to Craft::$app->log from your main plugin class:"

public function init()
{
    parent::init();

    Craft::$app->log->targets[] = Craft::createObject([
        'class' => \nex\graylog\GraylogTarget::class,
        'levels' => ['error', 'warning', 'info'],
        'categories' => ['application'],
        'logVars' => [], // This prevent yii2-debug from crashing ;)
        'host' => '127.0.0.1',
        'facility' => 'facility-name',
    ]);
  }

Ansel Image Field Type for Craft CMS

Ansel is a plugin you may know from EE, but it's now available for Craft CMS. "The power of cropping and manipulating images at your fingertips. You can define constraints and aspect ratios to bend images to your will." Sound interesting? If so, check it out now because it's on sale during its launch.

Here are some videos of Ansel in action too.

Zip assets

Zip Assets plugin for Craft CMS

The Craft Advantage

Craft CMS Reputation Leagues

A little help from your friends on the Craft CMS Stack Exchange.

It’s not Craft, but it’s interesting.

Input font

The first of several coding fonts mentioned in Slack in the last few weeks. "Input takes its aesthetic cues from monospaced fonts and pixel fonts designed for consoles and screens, but casts off the technical limitations that constrained them."

Iosevka

Iosevka is a slender monospace sans-serif and slab-serif typeface inspired by Pragmata Pro.

ProFont for Windows, for Macintosh, for Linux

A mono-spaced font that "has slashed zeros; distinct forms of I, l and 1; and it is designed to look good a really small sizes so you can cram lots of lines of code into the window of your editor."

$PHP = 💩; – Fuzz – Medium

The web looks like 💩

The Ultimate Semantic SEO Guide for 2017 & Beyond

Hassle-free Full Bleed with *:not() - daverupert.com

Slidebars

Slidebars is a jQuery framework for creating app-style off-canvas menus and sidebars.

Awesome VScode

A curated list of delightful VS Code packages and resources.

Neat - Version 2.0.0

Another grid for another day.

Hero Patterns

A collection of repeatable SVG background patterns for you to use on your web projects.

Develop Basic Web Apps with Vue.js

It's 16 minutes long. You've got 16 minutes, right?

CSS, Sass and Less support in VS Code

Responsive Navigation with Foundation 6

Time Off: Paid Time Off from Work

All you need is love? No, you need PTO also.

Tasks in Visual Studio Code

Flightplan

Run sequences of shell commands against local and remote hosts.

Explain Shell

Bookmark this one. One of my favorite links from this issue because shell commands can be confusing.

Totally Tooling Tips with Addy Osmani & Matt Gaunt

In Totally Tooling Tips discusses the long and winding road of issues and workarounds for building apps and libraries.

Should I use Vagrant or Docker for creating an isolated environment?

lazysizes

lazysizes is a fast (jank-free), SEO-friendly and self-initializing lazyloader for images (including responsive images picture/srcset), iframes, scripts/widgets and much more. It also prioritizes resources by differentiating between crucial in view and near view elements to make perceived performance even faster.