Are you over 18 and want to see adult content?
More Annotations
![A complete backup of sport.se.pl/pilka-nozna/bundesliga/schalke-hertha-tv-transmisja-na-zywo-puchar-niemiec-schalke-hertha-live-](https://www.archivebay.com/archive2/1edfc9d0-71c1-4c03-954b-c8b4a0bc881f.png)
A complete backup of sport.se.pl/pilka-nozna/bundesliga/schalke-hertha-tv-transmisja-na-zywo-puchar-niemiec-schalke-hertha-live-
Are you over 18 and want to see adult content?
![A complete backup of www.forbes.com/sites/brianmazique/2020/02/09/ufc-247-controversial-judge-defends-his-shocking-scorecard-for](https://www.archivebay.com/archive2/49967bbb-bba1-4145-af96-909330e5fcb5.png)
A complete backup of www.forbes.com/sites/brianmazique/2020/02/09/ufc-247-controversial-judge-defends-his-shocking-scorecard-for
Are you over 18 and want to see adult content?
Favourite Annotations
![A complete backup of https://secrettantric.com](https://www.archivebay.com/archive6/images/56a938e3-4e95-444a-b6ec-8b40bf57b9e7.png)
A complete backup of https://secrettantric.com
Are you over 18 and want to see adult content?
![A complete backup of https://mccolls.co.uk](https://www.archivebay.com/archive6/images/f822d52e-7f62-4588-a75c-c2579154714f.png)
A complete backup of https://mccolls.co.uk
Are you over 18 and want to see adult content?
![A complete backup of https://kgf.com.tr](https://www.archivebay.com/archive6/images/6e9314a8-3e5d-46cd-816f-acb67b23c2f4.png)
A complete backup of https://kgf.com.tr
Are you over 18 and want to see adult content?
![A complete backup of https://tools.co.ua](https://www.archivebay.com/archive6/images/abbf8f1f-28dd-4a6a-9030-0c3364bdfd7c.png)
A complete backup of https://tools.co.ua
Are you over 18 and want to see adult content?
![A complete backup of https://designingidea.com](https://www.archivebay.com/archive6/images/7d5c80ea-4cae-41b6-a7fd-81f5da8e9a78.png)
A complete backup of https://designingidea.com
Are you over 18 and want to see adult content?
![A complete backup of https://digitalnc.org](https://www.archivebay.com/archive6/images/65b7018c-1114-4dc7-8a95-d62c4b090f7c.png)
A complete backup of https://digitalnc.org
Are you over 18 and want to see adult content?
![A complete backup of https://occupywriters.com](https://www.archivebay.com/archive6/images/26826560-798c-4423-acdf-a2f599224fdd.png)
A complete backup of https://occupywriters.com
Are you over 18 and want to see adult content?
![A complete backup of https://kenmore.com](https://www.archivebay.com/archive6/images/a2566ac8-2cdd-406a-a7d7-ec05a5e680cc.png)
A complete backup of https://kenmore.com
Are you over 18 and want to see adult content?
![A complete backup of https://saif.com](https://www.archivebay.com/archive6/images/92fb9c28-3057-46f7-964d-6de03b34bc64.png)
A complete backup of https://saif.com
Are you over 18 and want to see adult content?
![A complete backup of https://pnca.edu](https://www.archivebay.com/archive6/images/8e0fc3e0-48ca-4b75-84ce-be289ed5a1d6.png)
A complete backup of https://pnca.edu
Are you over 18 and want to see adult content?
![A complete backup of https://timesonline.com](https://www.archivebay.com/archive6/images/2b9a41cd-96ce-457b-8e6e-c766776b387e.png)
A complete backup of https://timesonline.com
Are you over 18 and want to see adult content?
![A complete backup of https://grangecoop.com](https://www.archivebay.com/archive6/images/3ad7e0c5-06a3-4fb4-a7fc-a417017e58fb.png)
A complete backup of https://grangecoop.com
Are you over 18 and want to see adult content?
Text
NYSTUDIO107
Making the web better one site at a time, with a focus on performance,usability & SEO
NYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny.NYSTUDIO107
What this is showing is that Craft CMS 3 Plugins are actually Yii 2 Modules, but just with some enhancements added to them by Pixel & Tonic. These enhancements allow plugins to be uninstalled, have settings, AdminCP sections, etc. Note that you can have settings and AdminCP sections in a Module as well, but you have to “ roll your own” via listening TWIGPACK DOCUMENTATION Documentation for the Twigpack plugin. It will combine the localFiles.basePath with localFiles.criticalPrefix, and then add on the path of the currently rendering template, suffixed with localFiles.criticalSuffix.. So for example, with the default settings, if the blog/index template was rendering, the following file would be included, wrapped in tags: YOUTUBE LIVE EMBED DOCUMENTATION To embed a live stream video, simply do: { { craft.youtubelive.embedStream() }} This will embed a responsive element with a fixed aspect ratio that grows to fill its parent container. The default aspect ratio is 16:9 but you can also optionally change it via: { { craft.youtubelive.embedStream(ASPECT_RATIO_X, ASPECT_RATIO_Y) }}NYSTUDIO107
As websites become more complicated to build, a frontend workflow automation tool of some sort becomes a necessity. Gulp is one such tool: gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.NYSTUDIO107
Update: Tailwind Labs has released the TailwindCSS JIT that provides excellent performance gains.It’s still an alpha version at the time of this writing, but it’s worth a look instead of implementing the “ CSS splitting” described in this article.. Tailwind CSS is a utility-first CSS framework that we’ve been using for several years, and it’sNYSTUDIO107
Link GraphQL & Craft CMS. Related talk: Solving Problems with Modern Tooling This article explores coding patterns you might find useful when working with Craft CMS’s GraphQL API via real-world examples, and also why you might want to use GraphQL to begin with.. This article describes the technical implementation of this project; if you want to get into theNYSTUDIO107
Models are objects representing business data, rules and logic. Models are used to represent data and validate data via a set of rules. For instance, Craft CMS has a User element (which is also a model) that encapsulates all of the data needed to represent a User in Craft CMS. It also has validation rulesfor the data:
NYSTUDIO107
One of the wonderful things about Craft CMS is that you have great flexibility in designing both the frontend and the backend of your website.. This is due in large part to Craft’s concept of Elements.Most of the things you interact with on the backend such as Entries, Categories, Assets, Users, and even Matrix blocks are all Elements.NYSTUDIO107
Making the web better one site at a time, with a focus on performance,usability & SEO
NYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny.NYSTUDIO107
What this is showing is that Craft CMS 3 Plugins are actually Yii 2 Modules, but just with some enhancements added to them by Pixel & Tonic. These enhancements allow plugins to be uninstalled, have settings, AdminCP sections, etc. Note that you can have settings and AdminCP sections in a Module as well, but you have to “ roll your own” via listening TWIGPACK DOCUMENTATION Documentation for the Twigpack plugin. It will combine the localFiles.basePath with localFiles.criticalPrefix, and then add on the path of the currently rendering template, suffixed with localFiles.criticalSuffix.. So for example, with the default settings, if the blog/index template was rendering, the following file would be included, wrapped in tags: YOUTUBE LIVE EMBED DOCUMENTATION To embed a live stream video, simply do: { { craft.youtubelive.embedStream() }} This will embed a responsive element with a fixed aspect ratio that grows to fill its parent container. The default aspect ratio is 16:9 but you can also optionally change it via: { { craft.youtubelive.embedStream(ASPECT_RATIO_X, ASPECT_RATIO_Y) }}NYSTUDIO107
As websites become more complicated to build, a frontend workflow automation tool of some sort becomes a necessity. Gulp is one such tool: gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.NYSTUDIO107
Update: Tailwind Labs has released the TailwindCSS JIT that provides excellent performance gains.It’s still an alpha version at the time of this writing, but it’s worth a look instead of implementing the “ CSS splitting” described in this article.. Tailwind CSS is a utility-first CSS framework that we’ve been using for several years, and it’sNYSTUDIO107
Link GraphQL & Craft CMS. Related talk: Solving Problems with Modern Tooling This article explores coding patterns you might find useful when working with Craft CMS’s GraphQL API via real-world examples, and also why you might want to use GraphQL to begin with.. This article describes the technical implementation of this project; if you want to get into theNYSTUDIO107
Models are objects representing business data, rules and logic. Models are used to represent data and validate data via a set of rules. For instance, Craft CMS has a User element (which is also a model) that encapsulates all of the data needed to represent a User in Craft CMS. It also has validation rulesfor the data:
NYSTUDIO107
One of the wonderful things about Craft CMS is that you have great flexibility in designing both the frontend and the backend of your website.. This is due in large part to Craft’s concept of Elements.Most of the things you interact with on the backend such as Entries, Categories, Assets, Users, and even Matrix blocks are all Elements.NYSTUDIO107
Writings about web development, Craft CMS, optimization, SEO, and the like. Making the web better one site at a time, with a focus onperformance,
NYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny.NYSTUDIO107
SEO done right. Plugin Store. $99.00. SEOmatic facilitates modern SEO best practices & implementation for Craft CMS 3. It is a turnkey SEO system that is comprehensive, powerful, and flexible.NYSTUDIO107
These are the method declarations that your variable class must implement. Fortunately for you, the implementation work has already been done in the ViteVariableTrait.. A trait in PHP is a way for the language to sort of implement multiple inheritance in its object model. A given class can use as many traits as it likes, which allows you to extend classNYSTUDIO107
Creating the plugindev environment. This will create a project named plugindev which is a turnkey Craft CMS install for developing plugins. Composer will have already created a .env file in the cms/ directory, based off of the provided example.env. We just need to make a few small edits to customize the setup for you:NYSTUDIO107
The commands in this article are current as of Craft CMS 3. 3. 16. 1. Craft CMS 3 comes with a wonderful console command line interface (CLI), but some people fear CLI’s in general, and others may not fully appreciate what the Craft CLI can do for you. Fortunately, the best way to overcome both is throughunderstanding.
NYSTUDIO107
There are many guides out there for using PhpStorm with Vagrant/ Homestead but many of them are out of date, and given the stumbling blocks I ran into, I figured I’d put up a quick “ how to” on the subject.. This is a very specific tutorial. If you’re not using PhpStorm with Vagrant/ Homestead in order to do PHP development (or a mix of PHP and frontend develNYSTUDIO107
Structured data allows you to tell search engines contextual information about what is on your web pages, rather than leaving it up to them to guess. It uses the standardized vocabulary from schema .org expressed via JSON-LD to convey the context and connections between data.. Many articles talk about structured data; this article is going to focus on realSEOMATIC FIELDS
#SEOmatic Fields # SEO Settings Field SEOmatic has an SEO Settings Field that you can add to your Field Layouts. For most sites, the Field is not needed; instead set up the fields to pull from in the Content SEO settings for each Section.NYSTUDIO107
The instructions here were all done on a VPS running Ubuntu 16. 04 or 18. 04 via Forge. They also work fine on my local dev Homestead environment, which is also Ubuntu 16. 04. First, make sure you have all of the packages we need to build mozjpeg installed via: sudo apt-get update sudo apt-get install cmake autoconfautomake
NYSTUDIO107
Making the web better one site at a time, with a focus on performance,usability & SEO
NYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny.NYSTUDIO107
What this is showing is that Craft CMS 3 Plugins are actually Yii 2 Modules, but just with some enhancements added to them by Pixel & Tonic. These enhancements allow plugins to be uninstalled, have settings, AdminCP sections, etc. Note that you can have settings and AdminCP sections in a Module as well, but you have to “ roll your own” via listening TWIGPACK DOCUMENTATION Documentation for the Twigpack plugin. It will combine the localFiles.basePath with localFiles.criticalPrefix, and then add on the path of the currently rendering template, suffixed with localFiles.criticalSuffix.. So for example, with the default settings, if the blog/index template was rendering, the following file would be included, wrapped in tags: YOUTUBE LIVE EMBED DOCUMENTATION To embed a live stream video, simply do: { { craft.youtubelive.embedStream() }} This will embed a responsive element with a fixed aspect ratio that grows to fill its parent container. The default aspect ratio is 16:9 but you can also optionally change it via: { { craft.youtubelive.embedStream(ASPECT_RATIO_X, ASPECT_RATIO_Y) }}NYSTUDIO107
As websites become more complicated to build, a frontend workflow automation tool of some sort becomes a necessity. Gulp is one such tool: gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.NYSTUDIO107
Update: Tailwind Labs has released the TailwindCSS JIT that provides excellent performance gains.It’s still an alpha version at the time of this writing, but it’s worth a look instead of implementing the “ CSS splitting” described in this article.. Tailwind CSS is a utility-first CSS framework that we’ve been using for several years, and it’sNYSTUDIO107
Link GraphQL & Craft CMS. Related talk: Solving Problems with Modern Tooling This article explores coding patterns you might find useful when working with Craft CMS’s GraphQL API via real-world examples, and also why you might want to use GraphQL to begin with.. This article describes the technical implementation of this project; if you want to get into theNYSTUDIO107
Models are objects representing business data, rules and logic. Models are used to represent data and validate data via a set of rules. For instance, Craft CMS has a User element (which is also a model) that encapsulates all of the data needed to represent a User in Craft CMS. It also has validation rulesfor the data:
NYSTUDIO107
One of the wonderful things about Craft CMS is that you have great flexibility in designing both the frontend and the backend of your website.. This is due in large part to Craft’s concept of Elements.Most of the things you interact with on the backend such as Entries, Categories, Assets, Users, and even Matrix blocks are all Elements.NYSTUDIO107
Making the web better one site at a time, with a focus on performance,usability & SEO
NYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny.NYSTUDIO107
What this is showing is that Craft CMS 3 Plugins are actually Yii 2 Modules, but just with some enhancements added to them by Pixel & Tonic. These enhancements allow plugins to be uninstalled, have settings, AdminCP sections, etc. Note that you can have settings and AdminCP sections in a Module as well, but you have to “ roll your own” via listening TWIGPACK DOCUMENTATION Documentation for the Twigpack plugin. It will combine the localFiles.basePath with localFiles.criticalPrefix, and then add on the path of the currently rendering template, suffixed with localFiles.criticalSuffix.. So for example, with the default settings, if the blog/index template was rendering, the following file would be included, wrapped in tags: YOUTUBE LIVE EMBED DOCUMENTATION To embed a live stream video, simply do: { { craft.youtubelive.embedStream() }} This will embed a responsive element with a fixed aspect ratio that grows to fill its parent container. The default aspect ratio is 16:9 but you can also optionally change it via: { { craft.youtubelive.embedStream(ASPECT_RATIO_X, ASPECT_RATIO_Y) }}NYSTUDIO107
As websites become more complicated to build, a frontend workflow automation tool of some sort becomes a necessity. Gulp is one such tool: gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.NYSTUDIO107
Update: Tailwind Labs has released the TailwindCSS JIT that provides excellent performance gains.It’s still an alpha version at the time of this writing, but it’s worth a look instead of implementing the “ CSS splitting” described in this article.. Tailwind CSS is a utility-first CSS framework that we’ve been using for several years, and it’sNYSTUDIO107
Link GraphQL & Craft CMS. Related talk: Solving Problems with Modern Tooling This article explores coding patterns you might find useful when working with Craft CMS’s GraphQL API via real-world examples, and also why you might want to use GraphQL to begin with.. This article describes the technical implementation of this project; if you want to get into theNYSTUDIO107
Models are objects representing business data, rules and logic. Models are used to represent data and validate data via a set of rules. For instance, Craft CMS has a User element (which is also a model) that encapsulates all of the data needed to represent a User in Craft CMS. It also has validation rulesfor the data:
NYSTUDIO107
One of the wonderful things about Craft CMS is that you have great flexibility in designing both the frontend and the backend of your website.. This is due in large part to Craft’s concept of Elements.Most of the things you interact with on the backend such as Entries, Categories, Assets, Users, and even Matrix blocks are all Elements.NYSTUDIO107
Writings about web development, Craft CMS, optimization, SEO, and the like. Making the web better one site at a time, with a focus onperformance,
NYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny.NYSTUDIO107
SEO done right. Plugin Store. $99.00. SEOmatic facilitates modern SEO best practices & implementation for Craft CMS 3. It is a turnkey SEO system that is comprehensive, powerful, and flexible.NYSTUDIO107
These are the method declarations that your variable class must implement. Fortunately for you, the implementation work has already been done in the ViteVariableTrait.. A trait in PHP is a way for the language to sort of implement multiple inheritance in its object model. A given class can use as many traits as it likes, which allows you to extend classNYSTUDIO107
Creating the plugindev environment. This will create a project named plugindev which is a turnkey Craft CMS install for developing plugins. Composer will have already created a .env file in the cms/ directory, based off of the provided example.env. We just need to make a few small edits to customize the setup for you:NYSTUDIO107
The commands in this article are current as of Craft CMS 3. 3. 16. 1. Craft CMS 3 comes with a wonderful console command line interface (CLI), but some people fear CLI’s in general, and others may not fully appreciate what the Craft CLI can do for you. Fortunately, the best way to overcome both is throughunderstanding.
NYSTUDIO107
There are many guides out there for using PhpStorm with Vagrant/ Homestead but many of them are out of date, and given the stumbling blocks I ran into, I figured I’d put up a quick “ how to” on the subject.. This is a very specific tutorial. If you’re not using PhpStorm with Vagrant/ Homestead in order to do PHP development (or a mix of PHP and frontend develNYSTUDIO107
Structured data allows you to tell search engines contextual information about what is on your web pages, rather than leaving it up to them to guess. It uses the standardized vocabulary from schema .org expressed via JSON-LD to convey the context and connections between data.. Many articles talk about structured data; this article is going to focus on realSEOMATIC FIELDS
#SEOmatic Fields # SEO Settings Field SEOmatic has an SEO Settings Field that you can add to your Field Layouts. For most sites, the Field is not needed; instead set up the fields to pull from in the Content SEO settings for each Section.NYSTUDIO107
The instructions here were all done on a VPS running Ubuntu 16. 04 or 18. 04 via Forge. They also work fine on my local dev Homestead environment, which is also Ubuntu 16. 04. First, make sure you have all of the packages we need to build mozjpeg installed via: sudo apt-get update sudo apt-get install cmake autoconfautomake
NYSTUDIO107
Making the web better one site at a time, with a focus on performance,usability & SEO
NYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny.NYSTUDIO107
What this is showing is that Craft CMS 3 Plugins are actually Yii 2 Modules, but just with some enhancements added to them by Pixel & Tonic. These enhancements allow plugins to be uninstalled, have settings, AdminCP sections, etc. Note that you can have settings and AdminCP sections in a Module as well, but you have to “ roll your own” via listening TWIGPACK DOCUMENTATION Documentation for the Twigpack plugin. It will combine the localFiles.basePath with localFiles.criticalPrefix, and then add on the path of the currently rendering template, suffixed with localFiles.criticalSuffix.. So for example, with the default settings, if the blog/index template was rendering, the following file would be included, wrapped in tags: YOUTUBE LIVE EMBED DOCUMENTATION To embed a live stream video, simply do: { { craft.youtubelive.embedStream() }} This will embed a responsive element with a fixed aspect ratio that grows to fill its parent container. The default aspect ratio is 16:9 but you can also optionally change it via: { { craft.youtubelive.embedStream(ASPECT_RATIO_X, ASPECT_RATIO_Y) }}NYSTUDIO107
As websites become more complicated to build, a frontend workflow automation tool of some sort becomes a necessity. Gulp is one such tool: gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.NYSTUDIO107
Update: Tailwind Labs has released the TailwindCSS JIT that provides excellent performance gains.It’s still an alpha version at the time of this writing, but it’s worth a look instead of implementing the “ CSS splitting” described in this article.. Tailwind CSS is a utility-first CSS framework that we’ve been using for several years, and it’sNYSTUDIO107
Models are objects representing business data, rules and logic. Models are used to represent data and validate data via a set of rules. For instance, Craft CMS has a User element (which is also a model) that encapsulates all of the data needed to represent a User in Craft CMS. It also has validation rulesfor the data:
NYSTUDIO107
Link GraphQL & Craft CMS. Related talk: Solving Problems with Modern Tooling This article explores coding patterns you might find useful when working with Craft CMS’s GraphQL API via real-world examples, and also why you might want to use GraphQL to begin with.. This article describes the technical implementation of this project; if you want to get into theNYSTUDIO107
One of the wonderful things about Craft CMS is that you have great flexibility in designing both the frontend and the backend of your website.. This is due in large part to Craft’s concept of Elements.Most of the things you interact with on the backend such as Entries, Categories, Assets, Users, and even Matrix blocks are all Elements.NYSTUDIO107
Making the web better one site at a time, with a focus on performance,usability & SEO
NYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny.NYSTUDIO107
What this is showing is that Craft CMS 3 Plugins are actually Yii 2 Modules, but just with some enhancements added to them by Pixel & Tonic. These enhancements allow plugins to be uninstalled, have settings, AdminCP sections, etc. Note that you can have settings and AdminCP sections in a Module as well, but you have to “ roll your own” via listening TWIGPACK DOCUMENTATION Documentation for the Twigpack plugin. It will combine the localFiles.basePath with localFiles.criticalPrefix, and then add on the path of the currently rendering template, suffixed with localFiles.criticalSuffix.. So for example, with the default settings, if the blog/index template was rendering, the following file would be included, wrapped in tags: YOUTUBE LIVE EMBED DOCUMENTATION To embed a live stream video, simply do: { { craft.youtubelive.embedStream() }} This will embed a responsive element with a fixed aspect ratio that grows to fill its parent container. The default aspect ratio is 16:9 but you can also optionally change it via: { { craft.youtubelive.embedStream(ASPECT_RATIO_X, ASPECT_RATIO_Y) }}NYSTUDIO107
As websites become more complicated to build, a frontend workflow automation tool of some sort becomes a necessity. Gulp is one such tool: gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.NYSTUDIO107
Update: Tailwind Labs has released the TailwindCSS JIT that provides excellent performance gains.It’s still an alpha version at the time of this writing, but it’s worth a look instead of implementing the “ CSS splitting” described in this article.. Tailwind CSS is a utility-first CSS framework that we’ve been using for several years, and it’sNYSTUDIO107
Models are objects representing business data, rules and logic. Models are used to represent data and validate data via a set of rules. For instance, Craft CMS has a User element (which is also a model) that encapsulates all of the data needed to represent a User in Craft CMS. It also has validation rulesfor the data:
NYSTUDIO107
Link GraphQL & Craft CMS. Related talk: Solving Problems with Modern Tooling This article explores coding patterns you might find useful when working with Craft CMS’s GraphQL API via real-world examples, and also why you might want to use GraphQL to begin with.. This article describes the technical implementation of this project; if you want to get into theNYSTUDIO107
One of the wonderful things about Craft CMS is that you have great flexibility in designing both the frontend and the backend of your website.. This is due in large part to Craft’s concept of Elements.Most of the things you interact with on the backend such as Entries, Categories, Assets, Users, and even Matrix blocks are all Elements.NYSTUDIO107
Writings about web development, Craft CMS, optimization, SEO, and the like. Making the web better one site at a time, with a focus onperformance,
NYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny.NYSTUDIO107
We saw how to set up a containerized local development environment in the A Craft CMS Plugin Local Development Environment article, and looked at the benefits of using Vite.js modern frontend tooling in the Vite.js Next Generation Frontend Tooling + Craft CMS article.. Now let’s bring them together for a great plugin developmentDX
NYSTUDIO107
Creating the plugindev environment. This will create a project named plugindev which is a turnkey Craft CMS install for developing plugins. Composer will have already created a .env file in the cms/ directory, based off of the provided example.env. We just need to make a few small edits to customize the setup for you:NYSTUDIO107
A client I work with is building a fairly complicated Craft CMS website that includes a very custom online store that uses Craft Commerce.. They are using a site module as described in the Enhancing a Craft CMS 3 Website with a Custom Module article, to make extending and customizing their site easy to do.. For their content authors, they had the need to creNYSTUDIO107
The commands in this article are current as of Craft CMS 3. 3. 16. 1. Craft CMS 3 comes with a wonderful console command line interface (CLI), but some people fear CLI’s in general, and others may not fully appreciate what the Craft CLI can do for you. Fortunately, the best way to overcome both is throughunderstanding.
NYSTUDIO107
Structured data allows you to tell search engines contextual information about what is on your web pages, rather than leaving it up to them to guess. It uses the standardized vocabulary from schema .org expressed via JSON-LD to convey the context and connections between data.. Many articles talk about structured data; this article is going to focus on realNYSTUDIO107
There are many guides out there for using PhpStorm with Vagrant/ Homestead but many of them are out of date, and given the stumbling blocks I ran into, I figured I’d put up a quick “ how to” on the subject.. This is a very specific tutorial. If you’re not using PhpStorm with Vagrant/ Homestead in order to do PHP development (or a mix of PHP and frontend develNYSTUDIO107
Link Making the Web a Better Place. Craft CMS comes with built-in image transforms that let you do things like scale an image down to a particular size, or always convert images to a particular format. This works pretty well, but there are some plugins available that allow us to really go the extra mile and create a great experience.NYSTUDIO107
Assets like images, PDFs, and other files are often an important part of the “ content” that a Content Management System handles.. Although this article was written with Craft CMS in mind, the vast majority of the article applies generically to any CMS or website.. Craft CMS has some fantastic native handling of said assets, which by default are storedNYSTUDIO107
Making the web better one site at a time, with a focus on performance,usability & SEO
TWIGPACK DOCUMENTATION Documentation for the Twigpack plugin. It will combine the localFiles.basePath with localFiles.criticalPrefix, and then add on the path of the currently rendering template, suffixed with localFiles.criticalSuffix.. So for example, with the default settings, if the blog/index template was rendering, the following file would be included, wrapped in tags:NYSTUDIO107
As websites become more complicated to build, a frontend workflow automation tool of some sort becomes a necessity. Gulp is one such tool: gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.NYSTUDIO107
Update: Tailwind Labs has released the TailwindCSS JIT that provides excellent performance gains.It’s still an alpha version at the time of this writing, but it’s worth a look instead of implementing the “ CSS splitting” described in this article.. Tailwind CSS is a utility-first CSS framework that we’ve been using for several years, and it’s YOUTUBE LIVE EMBED DOCUMENTATION To embed a live stream video, simply do: { { craft.youtubelive.embedStream() }} This will embed a responsive element with a fixed aspect ratio that grows to fill its parent container. The default aspect ratio is 16:9 but you can also optionally change it via: { { craft.youtubelive.embedStream(ASPECT_RATIO_X, ASPECT_RATIO_Y) }}NYSTUDIO107
Similar for Craft lets you find elements, Entries, Categories, Commerce Products, etc, that are similar, based on other relatedelements.
NYSTUDIO107
Link GraphQL & Craft CMS. Related talk: Solving Problems with Modern Tooling This article explores coding patterns you might find useful when working with Craft CMS’s GraphQL API via real-world examples, and also why you might want to use GraphQL to begin with.. This article describes the technical implementation of this project; if you want to get into theNYSTUDIO107
One of the wonderful things about Craft CMS is that you have great flexibility in designing both the frontend and the backend of your website.. This is due in large part to Craft’s concept of Elements.Most of the things you interact with on the backend such as Entries, Categories, Assets, Users, and even Matrix blocks are all Elements.NYSTUDIO107
There are many guides out there for using PhpStorm with Vagrant/ Homestead but many of them are out of date, and given the stumbling blocks I ran into, I figured I’d put up a quick “ how to” on the subject.. This is a very specific tutorial. If you’re not using PhpStorm with Vagrant/ Homestead in order to do PHP development (or a mix of PHP and frontend develSEOMATIC FIELDS
#SEOmatic Fields # SEO Settings Field SEOmatic has an SEO Settings Field that you can add to your Field Layouts. For most sites, the Field is not needed; instead set up the fields to pull from in the Content SEO settings for each Section.NYSTUDIO107
Making the web better one site at a time, with a focus on performance,usability & SEO
TWIGPACK DOCUMENTATION Documentation for the Twigpack plugin. It will combine the localFiles.basePath with localFiles.criticalPrefix, and then add on the path of the currently rendering template, suffixed with localFiles.criticalSuffix.. So for example, with the default settings, if the blog/index template was rendering, the following file would be included, wrapped in tags:NYSTUDIO107
As websites become more complicated to build, a frontend workflow automation tool of some sort becomes a necessity. Gulp is one such tool: gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.NYSTUDIO107
Update: Tailwind Labs has released the TailwindCSS JIT that provides excellent performance gains.It’s still an alpha version at the time of this writing, but it’s worth a look instead of implementing the “ CSS splitting” described in this article.. Tailwind CSS is a utility-first CSS framework that we’ve been using for several years, and it’s YOUTUBE LIVE EMBED DOCUMENTATION To embed a live stream video, simply do: { { craft.youtubelive.embedStream() }} This will embed a responsive element with a fixed aspect ratio that grows to fill its parent container. The default aspect ratio is 16:9 but you can also optionally change it via: { { craft.youtubelive.embedStream(ASPECT_RATIO_X, ASPECT_RATIO_Y) }}NYSTUDIO107
Similar for Craft lets you find elements, Entries, Categories, Commerce Products, etc, that are similar, based on other relatedelements.
NYSTUDIO107
Link GraphQL & Craft CMS. Related talk: Solving Problems with Modern Tooling This article explores coding patterns you might find useful when working with Craft CMS’s GraphQL API via real-world examples, and also why you might want to use GraphQL to begin with.. This article describes the technical implementation of this project; if you want to get into theNYSTUDIO107
One of the wonderful things about Craft CMS is that you have great flexibility in designing both the frontend and the backend of your website.. This is due in large part to Craft’s concept of Elements.Most of the things you interact with on the backend such as Entries, Categories, Assets, Users, and even Matrix blocks are all Elements.NYSTUDIO107
There are many guides out there for using PhpStorm with Vagrant/ Homestead but many of them are out of date, and given the stumbling blocks I ran into, I figured I’d put up a quick “ how to” on the subject.. This is a very specific tutorial. If you’re not using PhpStorm with Vagrant/ Homestead in order to do PHP development (or a mix of PHP and frontend develSEOMATIC FIELDS
#SEOmatic Fields # SEO Settings Field SEOmatic has an SEO Settings Field that you can add to your Field Layouts. For most sites, the Field is not needed; instead set up the fields to pull from in the Content SEO settings for each Section.NYSTUDIO107
Writings about web development, Craft CMS, optimization, SEO, and the like. Making the web better one site at a time, with a focus onperformance,
NYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny.NYSTUDIO107
We saw how to set up a containerized local development environment in the A Craft CMS Plugin Local Development Environment article, and looked at the benefits of using Vite.js modern frontend tooling in the Vite.js Next Generation Frontend Tooling + Craft CMS article.. Now let’s bring them together for a great plugin developmentDX
YOUTUBE LIVE EMBED DOCUMENTATION To embed a live stream video, simply do: { { craft.youtubelive.embedStream() }} This will embed a responsive element with a fixed aspect ratio that grows to fill its parent container. The default aspect ratio is 16:9 but you can also optionally change it via: { { craft.youtubelive.embedStream(ASPECT_RATIO_X, ASPECT_RATIO_Y) }}NYSTUDIO107
SEO done right. Plugin Store. $99.00. SEOmatic facilitates modern SEO best practices & implementation for Craft CMS 3. It is a turnkey SEO system that is comprehensive, powerful, and flexible.NYSTUDIO107
Link Intelligent Redirects. In addition to supporting traditional exact and RegEx matching of URL patterns, Retour allows you to have dynamic redirects that have access to the data in your entries when matching URL patterns.. Retour offers true multi-site capability, allowing you to have redirects that affect only certain sites, as well as all sites.NYSTUDIO107
Creating the plugindev environment. This will create a project named plugindev which is a turnkey Craft CMS install for developing plugins. Composer will have already created a .env file in the cms/ directory, based off of the provided example.env. We just need to make a few small edits to customize the setup for you:NYSTUDIO107
These are the packages you’ll need to set up a bare-bones Vite.js setup that works with Tailwind CSS.If you want to use Vue.js or React or Svelte or some other frontend framework, you’ll just add those packages and the appropriate Vite.js plugins.. Then do an npm install to install your packages, and then generate default tailwind.config.js and postcss.config.jsNYSTUDIO107
An Annotated webpack 4 Config for Frontend Web Development. As web development becomes more complex, we need tooling to help us build modern websites. Here’s a complete real-world production example of a sophisticated webpack 4 config. Building a modern website has become custom applicationdevelopment.
NYSTUDIO107
Structured data allows you to tell search engines contextual information about what is on your web pages, rather than leaving it up to them to guess. It uses the standardized vocabulary from schema .org expressed via JSON-LD to convey the context and connections between data.. Many articles talk about structured data; this article is going to focus on realNYSTUDIO107
Making the web better one site at a time, with a focus on performance,usability & SEO
TWIGPACK DOCUMENTATION Documentation for the Twigpack plugin. It will combine the localFiles.basePath with localFiles.criticalPrefix, and then add on the path of the currently rendering template, suffixed with localFiles.criticalSuffix.. So for example, with the default settings, if the blog/index template was rendering, the following file would be included, wrapped in tags:NYSTUDIO107
Link Taking a Gulp. So let’s have a look at how Gulp can be used to make our lives easier. This article is really a sister to the A Better package.json for the Frontend article, so if you haven’t read that yet, please do.. N.B.: This article gets pretty in the thick of things pretty quick. YOUTUBE LIVE EMBED DOCUMENTATION N.B. That in order to enable Monetization, you must have a linked AdSense account. Just enabling monetization is enough, and ads must be enabled, but they will not appear in your videos unless you specifically enable them.NYSTUDIO107
Update: Tailwind Labs has released the TailwindCSS JIT that provides excellent performance gains.It’s still an alpha version at the time of this writing, but it’s worth a look instead of implementing the “ CSS splitting” described in this article.. Tailwind CSS is a utility-first CSS framework that we’ve been using for several years, and it’sNYSTUDIO107
Similar for Craft lets you find elements, Entries, Categories, Commerce Products, etc, that are similar, based on other relatedelements.
NYSTUDIO107
One of the wonderful things about Craft CMS is that you have great flexibility in designing both the frontend and the backend of your website.. This is due in large part to Craft’s concept of Elements.Most of the things you interact with on the backend such as Entries, Categories, Assets, Users, and even Matrix blocks are all Elements.NYSTUDIO107
Link GraphQL & Craft CMS. Related talk: Solving Problems with Modern Tooling This article explores coding patterns you might find useful when working with Craft CMS’s GraphQL API via real-world examples, and also why you might want to use GraphQL to begin with.. This article describes the technical implementation of this project; if you want to get into theNYSTUDIO107
There are many guides out there for using PhpStorm with Vagrant/ Homestead but many of them are out of date, and given the stumbling blocks I ran into, I figured I’d put up a quick “ how to” on the subject.. This is a very specific tutorial. If you’re not using PhpStorm with Vagrant/ Homestead in order to do PHP development (or a mix of PHP and frontend develSEOMATIC FIELDS
#SEOmatic Fields # SEO Settings Field SEOmatic has an SEO Settings Field that you can add to your Field Layouts. For most sites, the Field is not needed; instead set up the fields to pull from in the Content SEO settings for each Section.NYSTUDIO107
Making the web better one site at a time, with a focus on performance,usability & SEO
TWIGPACK DOCUMENTATION Documentation for the Twigpack plugin. It will combine the localFiles.basePath with localFiles.criticalPrefix, and then add on the path of the currently rendering template, suffixed with localFiles.criticalSuffix.. So for example, with the default settings, if the blog/index template was rendering, the following file would be included, wrapped in tags:NYSTUDIO107
Link Taking a Gulp. So let’s have a look at how Gulp can be used to make our lives easier. This article is really a sister to the A Better package.json for the Frontend article, so if you haven’t read that yet, please do.. N.B.: This article gets pretty in the thick of things pretty quick. YOUTUBE LIVE EMBED DOCUMENTATION N.B. That in order to enable Monetization, you must have a linked AdSense account. Just enabling monetization is enough, and ads must be enabled, but they will not appear in your videos unless you specifically enable them.NYSTUDIO107
Update: Tailwind Labs has released the TailwindCSS JIT that provides excellent performance gains.It’s still an alpha version at the time of this writing, but it’s worth a look instead of implementing the “ CSS splitting” described in this article.. Tailwind CSS is a utility-first CSS framework that we’ve been using for several years, and it’sNYSTUDIO107
Similar for Craft lets you find elements, Entries, Categories, Commerce Products, etc, that are similar, based on other relatedelements.
NYSTUDIO107
One of the wonderful things about Craft CMS is that you have great flexibility in designing both the frontend and the backend of your website.. This is due in large part to Craft’s concept of Elements.Most of the things you interact with on the backend such as Entries, Categories, Assets, Users, and even Matrix blocks are all Elements.NYSTUDIO107
Link GraphQL & Craft CMS. Related talk: Solving Problems with Modern Tooling This article explores coding patterns you might find useful when working with Craft CMS’s GraphQL API via real-world examples, and also why you might want to use GraphQL to begin with.. This article describes the technical implementation of this project; if you want to get into theNYSTUDIO107
There are many guides out there for using PhpStorm with Vagrant/ Homestead but many of them are out of date, and given the stumbling blocks I ran into, I figured I’d put up a quick “ how to” on the subject.. This is a very specific tutorial. If you’re not using PhpStorm with Vagrant/ Homestead in order to do PHP development (or a mix of PHP and frontend develSEOMATIC FIELDS
#SEOmatic Fields # SEO Settings Field SEOmatic has an SEO Settings Field that you can add to your Field Layouts. For most sites, the Field is not needed; instead set up the fields to pull from in the Content SEO settings for each Section.NYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny.NYSTUDIO107
Writings about web development, Craft CMS, optimization, SEO, and the like. Making the web better one site at a time, with a focus onperformance,
NYSTUDIO107
Link Automatic Metadata. SEOmatic populates your templates with SEO Meta in the same way that Craft populates your templates with entry variables, with a similar level of freedom and flexibility in terms of how you utilize them.. SEOmatic works automatically with Craft Commerce 2 & Solspace Calendar as well, providing metadataNYSTUDIO107
We saw how to set up a containerized local development environment in the A Craft CMS Plugin Local Development Environment article, and looked at the benefits of using Vite.js modern frontend tooling in the Vite.js Next Generation Frontend Tooling + Craft CMS article.. Now let’s bring them together for a great plugin developmentDX
NYSTUDIO107
Link Intelligent Redirects. In addition to supporting traditional exact and RegEx matching of URL patterns, Retour allows you to have dynamic redirects that have access to the data in your entries when matching URL patterns.. Retour offers true multi-site capability, allowing you to have redirects that affect only certain sites, as well as all sites.NYSTUDIO107
Link Optimize your Images. ImageOptimize allows you to automatically create & optimize responsive image transforms from your Craft 3 assets.. It works equally well with native Craft image transforms, and image services like Imgix, Thumbor, or Sharp with zero template changes.. You use the native Craft UI / UX to create your image transforms, whether in theNYSTUDIO107
Structured data allows you to tell search engines contextual information about what is on your web pages, rather than leaving it up to them to guess. It uses the standardized vocabulary from schema .org expressed via JSON-LD to convey the context and connections between data.. Many articles talk about structured data; this article is going to focus on realNYSTUDIO107
Link Adopting Webpack. A bit over a year ago, I published the article A Gulp Workflow for Frontend Development Automation that showed how to use Gulp to accomplish the same thing. However in the intervening time, I’ve been doing more and more with frontend frameworks like VueJS and GraphQL, as discussed in the Using VueJS + GraphQL to make Practical MagNYSTUDIO107
You don’t have to learn Docker in-depth to reap the benefits from using it. Whether you’re just using Node.js as a way to run a buildchain to generate frontend assets that uses Grunt / Gulp / Mix / webpack / NPM scripts, or you’re developing full-blown Node.js apps, you can benefit from running Node.js in Docker.. In this article, we’ll show you how you canNYSTUDIO107
Can you tell the difference between these images? You shouldn’t, because the optimization is lossless.The image itself is unchanged. The savings are not a huge difference in terms of jpegoptim vs. mozjpeg (81,950 bytes vs 79,822 bytes), but 2k is 2k and the difference can be more than this ~3% savings depending on the image.NYSTUDIO107
Making the web better one site at a time, with a focus on performance,usability & SEO
NYSTUDIO107
Writings about web development, Craft CMS, optimization, SEO, and the like. Making the web better one site at a time, with a focus onperformance,
NYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny. TWIGPACK DOCUMENTATION Documentation for the Twigpack plugin. It will combine the localFiles.basePath with localFiles.criticalPrefix, and then add on the path of the currently rendering template, suffixed with localFiles.criticalSuffix.. So for example, with the default settings, if the blog/index template was rendering, the following file would be included, wrapped in tags:NYSTUDIO107
Link GraphQL & Craft CMS. Related talk: Solving Problems with Modern Tooling This article explores coding patterns you might find useful when working with Craft CMS’s GraphQL API via real-world examples, and also why you might want to use GraphQL to begin with.. This article describes the technical implementation of this project; if you want to get into theNYSTUDIO107
One of the wonderful things about Craft CMS is that you have great flexibility in designing both the frontend and the backend of your website.. This is due in large part to Craft’s concept of Elements.Most of the things you interact with on the backend such as Entries, Categories, Assets, Users, and even Matrix blocks are all Elements.NYSTUDIO107
Update: Tailwind Labs has released the TailwindCSS JIT that provides excellent performance gains.It’s still an alpha version at the time of this writing, but it’s worth a look instead of implementing the “ CSS splitting” described in this article.. Tailwind CSS is a utility-first CSS framework that we’ve been using for several years, and it’s YOUTUBE LIVE EMBED DOCUMENTATION To embed a live stream video, simply do: { { craft.youtubelive.embedStream() }} This will embed a responsive element with a fixed aspect ratio that grows to fill its parent container. The default aspect ratio is 16:9 but you can also optionally change it via: { { craft.youtubelive.embedStream(ASPECT_RATIO_X, ASPECT_RATIO_Y) }}NYSTUDIO107
As websites become more complicated to build, a frontend workflow automation tool of some sort becomes a necessity. Gulp is one such tool: gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.NYSTUDIO107
There are many guides out there for using PhpStorm with Vagrant/ Homestead but many of them are out of date, and given the stumbling blocks I ran into, I figured I’d put up a quick “ how to” on the subject.. This is a very specific tutorial. If you’re not using PhpStorm with Vagrant/ Homestead in order to do PHP development (or a mix of PHP and frontend develNYSTUDIO107
Making the web better one site at a time, with a focus on performance,usability & SEO
NYSTUDIO107
Writings about web development, Craft CMS, optimization, SEO, and the like. Making the web better one site at a time, with a focus onperformance,
NYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny. TWIGPACK DOCUMENTATION Documentation for the Twigpack plugin. It will combine the localFiles.basePath with localFiles.criticalPrefix, and then add on the path of the currently rendering template, suffixed with localFiles.criticalSuffix.. So for example, with the default settings, if the blog/index template was rendering, the following file would be included, wrapped in tags:NYSTUDIO107
Link GraphQL & Craft CMS. Related talk: Solving Problems with Modern Tooling This article explores coding patterns you might find useful when working with Craft CMS’s GraphQL API via real-world examples, and also why you might want to use GraphQL to begin with.. This article describes the technical implementation of this project; if you want to get into theNYSTUDIO107
One of the wonderful things about Craft CMS is that you have great flexibility in designing both the frontend and the backend of your website.. This is due in large part to Craft’s concept of Elements.Most of the things you interact with on the backend such as Entries, Categories, Assets, Users, and even Matrix blocks are all Elements.NYSTUDIO107
Update: Tailwind Labs has released the TailwindCSS JIT that provides excellent performance gains.It’s still an alpha version at the time of this writing, but it’s worth a look instead of implementing the “ CSS splitting” described in this article.. Tailwind CSS is a utility-first CSS framework that we’ve been using for several years, and it’s YOUTUBE LIVE EMBED DOCUMENTATION To embed a live stream video, simply do: { { craft.youtubelive.embedStream() }} This will embed a responsive element with a fixed aspect ratio that grows to fill its parent container. The default aspect ratio is 16:9 but you can also optionally change it via: { { craft.youtubelive.embedStream(ASPECT_RATIO_X, ASPECT_RATIO_Y) }}NYSTUDIO107
As websites become more complicated to build, a frontend workflow automation tool of some sort becomes a necessity. Gulp is one such tool: gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.NYSTUDIO107
There are many guides out there for using PhpStorm with Vagrant/ Homestead but many of them are out of date, and given the stumbling blocks I ran into, I figured I’d put up a quick “ how to” on the subject.. This is a very specific tutorial. If you’re not using PhpStorm with Vagrant/ Homestead in order to do PHP development (or a mix of PHP and frontend develNYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny.NYSTUDIO107
Writings about web development, Craft CMS, optimization, SEO, and the like. Making the web better one site at a time, with a focus onperformance,
NYSTUDIO107
What this is showing is that Craft CMS 3 Plugins are actually Yii 2 Modules, but just with some enhancements added to them by Pixel & Tonic. These enhancements allow plugins to be uninstalled, have settings, AdminCP sections, etc. Note that you can have settings and AdminCP sections in a Module as well, but you have to “ roll your own” via listeningNYSTUDIO107
These are the method declarations that your variable class must implement. Fortunately for you, the implementation work has already been done in the ViteVariableTrait.. A trait in PHP is a way for the language to sort of implement multiple inheritance in its object model. A given class can use as many traits as it likes, which allows you to extend classNYSTUDIO107
Creating the plugindev environment. This will create a project named plugindev which is a turnkey Craft CMS install for developing plugins. Composer will have already created a .env file in the cms/ directory, based off of the provided example.env. We just need to make a few small edits to customize the setup for you:NYSTUDIO107
The commands in this article are current as of Craft CMS 3. 3. 16. 1. Craft CMS 3 comes with a wonderful console command line interface (CLI), but some people fear CLI’s in general, and others may not fully appreciate what the Craft CLI can do for you. Fortunately, the best way to overcome both is throughunderstanding.
NYSTUDIO107
An Annotated webpack 4 Config for Frontend Web Development. As web development becomes more complex, we need tooling to help us build modern websites. Here’s a complete real-world production example of a sophisticated webpack 4 config. Building a modern website has become custom applicationdevelopment.
NYSTUDIO107
Structured data allows you to tell search engines contextual information about what is on your web pages, rather than leaving it up to them to guess. It uses the standardized vocabulary from schema .org expressed via JSON-LD to convey the context and connections between data.. Many articles talk about structured data; this article is going to focus on realNYSTUDIO107
There are many guides out there for using PhpStorm with Vagrant/ Homestead but many of them are out of date, and given the stumbling blocks I ran into, I figured I’d put up a quick “ how to” on the subject.. This is a very specific tutorial. If you’re not using PhpStorm with Vagrant/ Homestead in order to do PHP development (or a mix of PHP and frontend develNYSTUDIO107
make docker — this will build our Node.js Docker image for us. You need to build a Docker image from a Dockerfile before you can run it as a container. make npm run xxx — once built, this will run our Docker container, and execute the NPM script named xxx as listed in the package.json. For instance, make npm run build willNYSTUDIO107
Making the web better one site at a time, with a focus on performance,usability & SEO
NYSTUDIO107
Writings about web development, Craft CMS, optimization, SEO, and the like. Making the web better one site at a time, with a focus onperformance,
NYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny. TWIGPACK DOCUMENTATION Documentation for the Twigpack plugin. It will combine the localFiles.basePath with localFiles.criticalPrefix, and then add on the path of the currently rendering template, suffixed with localFiles.criticalSuffix.. So for example, with the default settings, if the blog/index template was rendering, the following file would be included, wrapped in tags:NYSTUDIO107
Link GraphQL & Craft CMS. Related talk: Solving Problems with Modern Tooling This article explores coding patterns you might find useful when working with Craft CMS’s GraphQL API via real-world examples, and also why you might want to use GraphQL to begin with.. This article describes the technical implementation of this project; if you want to get into theNYSTUDIO107
One of the wonderful things about Craft CMS is that you have great flexibility in designing both the frontend and the backend of your website.. This is due in large part to Craft’s concept of Elements.Most of the things you interact with on the backend such as Entries, Categories, Assets, Users, and even Matrix blocks are all Elements.NYSTUDIO107
Update: Tailwind Labs has released the TailwindCSS JIT that provides excellent performance gains.It’s still an alpha version at the time of this writing, but it’s worth a look instead of implementing the “ CSS splitting” described in this article.. Tailwind CSS is a utility-first CSS framework that we’ve been using for several years, and it’s YOUTUBE LIVE EMBED DOCUMENTATION To embed a live stream video, simply do: { { craft.youtubelive.embedStream() }} This will embed a responsive element with a fixed aspect ratio that grows to fill its parent container. The default aspect ratio is 16:9 but you can also optionally change it via: { { craft.youtubelive.embedStream(ASPECT_RATIO_X, ASPECT_RATIO_Y) }}NYSTUDIO107
As websites become more complicated to build, a frontend workflow automation tool of some sort becomes a necessity. Gulp is one such tool: gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.NYSTUDIO107
There are many guides out there for using PhpStorm with Vagrant/ Homestead but many of them are out of date, and given the stumbling blocks I ran into, I figured I’d put up a quick “ how to” on the subject.. This is a very specific tutorial. If you’re not using PhpStorm with Vagrant/ Homestead in order to do PHP development (or a mix of PHP and frontend develNYSTUDIO107
Making the web better one site at a time, with a focus on performance,usability & SEO
NYSTUDIO107
Writings about web development, Craft CMS, optimization, SEO, and the like. Making the web better one site at a time, with a focus onperformance,
NYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny. TWIGPACK DOCUMENTATION Documentation for the Twigpack plugin. It will combine the localFiles.basePath with localFiles.criticalPrefix, and then add on the path of the currently rendering template, suffixed with localFiles.criticalSuffix.. So for example, with the default settings, if the blog/index template was rendering, the following file would be included, wrapped in tags:NYSTUDIO107
Link GraphQL & Craft CMS. Related talk: Solving Problems with Modern Tooling This article explores coding patterns you might find useful when working with Craft CMS’s GraphQL API via real-world examples, and also why you might want to use GraphQL to begin with.. This article describes the technical implementation of this project; if you want to get into theNYSTUDIO107
One of the wonderful things about Craft CMS is that you have great flexibility in designing both the frontend and the backend of your website.. This is due in large part to Craft’s concept of Elements.Most of the things you interact with on the backend such as Entries, Categories, Assets, Users, and even Matrix blocks are all Elements.NYSTUDIO107
Update: Tailwind Labs has released the TailwindCSS JIT that provides excellent performance gains.It’s still an alpha version at the time of this writing, but it’s worth a look instead of implementing the “ CSS splitting” described in this article.. Tailwind CSS is a utility-first CSS framework that we’ve been using for several years, and it’s YOUTUBE LIVE EMBED DOCUMENTATION To embed a live stream video, simply do: { { craft.youtubelive.embedStream() }} This will embed a responsive element with a fixed aspect ratio that grows to fill its parent container. The default aspect ratio is 16:9 but you can also optionally change it via: { { craft.youtubelive.embedStream(ASPECT_RATIO_X, ASPECT_RATIO_Y) }}NYSTUDIO107
As websites become more complicated to build, a frontend workflow automation tool of some sort becomes a necessity. Gulp is one such tool: gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.NYSTUDIO107
There are many guides out there for using PhpStorm with Vagrant/ Homestead but many of them are out of date, and given the stumbling blocks I ran into, I figured I’d put up a quick “ how to” on the subject.. This is a very specific tutorial. If you’re not using PhpStorm with Vagrant/ Homestead in order to do PHP development (or a mix of PHP and frontend develNYSTUDIO107
Writings about web development, Craft CMS, optimization, SEO, and the like. Making the web better one site at a time, with a focus onperformance,
NYSTUDIO107
We make plugins for Craft CMS that help you create and maintain professional websites. Many are free, others are worth every penny.NYSTUDIO107
SEO done right. Plugin Store. $99.00. SEOmatic facilitates modern SEO best practices & implementation for Craft CMS 3. It is a turnkey SEO system that is comprehensive, powerful, and flexible.NYSTUDIO107
Link Intelligent Redirects. In addition to supporting traditional exact and RegEx matching of URL patterns, Retour allows you to have dynamic redirects that have access to the data in your entries when matching URL patterns.. Retour offers true multi-site capability, allowing you to have redirects that affect only certain sites, as well as all sites. YOUTUBE LIVE EMBED DOCUMENTATION To embed a live stream video, simply do: { { craft.youtubelive.embedStream() }} This will embed a responsive element with a fixed aspect ratio that grows to fill its parent container. The default aspect ratio is 16:9 but you can also optionally change it via: { { craft.youtubelive.embedStream(ASPECT_RATIO_X, ASPECT_RATIO_Y) }}NYSTUDIO107
An Annotated webpack 4 Config for Frontend Web Development. As web development becomes more complex, we need tooling to help us build modern websites. Here’s a complete real-world production example of a sophisticated webpack 4 config. Building a modern website has become custom applicationdevelopment.
NYSTUDIO107
Image handler distribution — this is your Serverless Image Handler distribution that you’ll access from your frontend code to get your optimized, transformed images; Website distribution for solution — this is a distribution created by the Demo UI so you can play with; While this will create an S 3 bucket for you if you create theNYSTUDIO107
Advanced SEOmatic Tips. SEOmatic is a plugin that offers deep functionality. In this article, we dive in to look at some of the more advanced features that will make your life easier, and your SEO better. SEOmatic is a plugin for Craft CMS 3 that offers a comprehensive SEO solution for your websites.NYSTUDIO107
Models are objects representing business data, rules and logic. Models are used to represent data and validate data via a set of rules. For instance, Craft CMS has a User element (which is also a model) that encapsulates all of the data needed to represent a User in Craft CMS. It also has validation rulesfor the data:
NYSTUDIO107
Assets like images, PDFs, and other files are often an important part of the “ content” that a Content Management System handles.. Although this article was written with Craft CMS in mind, the vast majority of the article applies generically to any CMS or website.. Craft CMS has some fantastic native handling of said assets, which by default are stored* Plugins
* Articles
FAST.
CHEAP.
QUALITY.
CHECK WHAT YOU NEED.CONSULTING.
BRANDING.
DESIGN.
DEVELOPMENT.
SELECT CLIENTS
__ Email __ Facebook __Twitter __ Github
Copyright ©2020 nystudio107. Designed by nystudio107Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0