Fondation Émergence: Pride Shield

Post pobrano z: Fondation Émergence: Pride Shield
Media, Outdoor, PR
Fondation Emergence

Homophobic violence is on the rise. And for the International Day Against Homophobia and Transphobia, we aimed to show the importance of unity in the face of LGBTQ+ violence and the hope to stop it. 

We conducted and filmed a ballistic experiment and fired a .45 caliber bullet on 193 Pride Flags (one for each country registered in the UN) aligned on metal wires spanning on 200 metres. A single flag would have stood no chance against the bullet. But with each flag, the bullet lost power, eventually stopping in its tracks. The Pride Shield – the only Pride Flag designed to stop violence was born. 

The ballistic experiment became our hero video content piece and the flags that withstood the impact were turned into a traveling art piece symbolizing the importance of standing together in the face of violence.

As we convince ourselves that the world is a more tolerant and accepting place, 72 countries criminalize same-sex relationships, 8 of which impose the death penalty.

May 17th is the International Day Against Homophobia and Transphobia and our objective was to help trigger discussions about the LGBTQ+’s community harsh realities. We needed to catch the attention of the widest audience possible in a time when some people might think that being a LGBTQ+ individual is no longer frowned upon.

Knowing that people tend to shut off when confronted with depictions of violence, we aimed at symbolizing the problem and the solution in an evocative, universal allegory.

Advertising Agency:Rethink, Montréal, Canada
Creative Director:Nicolas Quintal, Chris Staples, Ian Grais
Art Director:Maxime Sauté
Writer:Xavier Blais, Greg Kieltyka
Broadcast Producer:Marie-Noëlle Rosso
Strategist:Pascal Routhier
Account Director:Alex Lefebvre
Web Developer:Steve Lam
Digital Producer:Todd Harrison
Director:Julien Hurteau
Director Of Photography:Mathieu Élie
Colour Grading:Simon Boissonneau
Producer:Alexandre Caron, Jean-René Parenteau
Post Production Coordinator:Gabrielle Doré
Sound Engineer:P.O. Rioux
Flag installation:Nicolas Bélanger
Print Producer:Martine Goyette, Geneviève Croteau
Photographer:John Londono
Assistant Photographer:Philippe Richelet
Image Retouching:Valérie Laliberté, Béatrice Munn

Fondation Émergence: Pride Shield

Post pobrano z: Fondation Émergence: Pride Shield
Media, Outdoor, PR
Fondation Emergence

Homophobic violence is on the rise. And for the International Day Against Homophobia and Transphobia, we aimed to show the importance of unity in the face of LGBTQ+ violence and the hope to stop it. 

We conducted and filmed a ballistic experiment and fired a .45 caliber bullet on 193 Pride Flags (one for each country registered in the UN) aligned on metal wires spanning on 200 metres. A single flag would have stood no chance against the bullet. But with each flag, the bullet lost power, eventually stopping in its tracks. The Pride Shield – the only Pride Flag designed to stop violence was born. 

The ballistic experiment became our hero video content piece and the flags that withstood the impact were turned into a traveling art piece symbolizing the importance of standing together in the face of violence.

As we convince ourselves that the world is a more tolerant and accepting place, 72 countries criminalize same-sex relationships, 8 of which impose the death penalty.

May 17th is the International Day Against Homophobia and Transphobia and our objective was to help trigger discussions about the LGBTQ+’s community harsh realities. We needed to catch the attention of the widest audience possible in a time when some people might think that being a LGBTQ+ individual is no longer frowned upon.

Knowing that people tend to shut off when confronted with depictions of violence, we aimed at symbolizing the problem and the solution in an evocative, universal allegory.

Advertising Agency:Rethink, Montréal, Canada
Creative Director:Nicolas Quintal, Chris Staples, Ian Grais
Art Director:Maxime Sauté
Writer:Xavier Blais, Greg Kieltyka
Broadcast Producer:Marie-Noëlle Rosso
Strategist:Pascal Routhier
Account Director:Alex Lefebvre
Web Developer:Steve Lam
Digital Producer:Todd Harrison
Director:Julien Hurteau
Director Of Photography:Mathieu Élie
Colour Grading:Simon Boissonneau
Producer:Alexandre Caron, Jean-René Parenteau
Post Production Coordinator:Gabrielle Doré
Sound Engineer:P.O. Rioux
Flag installation:Nicolas Bélanger
Print Producer:Martine Goyette, Geneviève Croteau
Photographer:John Londono
Assistant Photographer:Philippe Richelet
Image Retouching:Valérie Laliberté, Béatrice Munn

Hightype: a Type Foundry that Exclusively Creates Three-dimensional Type

Post pobrano z: Hightype: a Type Foundry that Exclusively Creates Three-dimensional Type

Based in Berlin, Germany, Hightype is a type foundry that specializes in the creation 3D typefaces. Founded by Manuel Rossner, it was launched recently and promises to bring good type to VR, interaction design, games, 3D printing, and branding.

To use Hightype’s fonts, you will need to be familiar with 3D software and technologies (obviously). The typefaces are provided in .fbx, .3ds and .obj-format. As 3D typography is still a developing field, some traditional type features like kerning are not yet available.

As Hightype is a very recent type foundry, they have only one font for sale on their website at the moment: HT Standard. The font is a set of 76 characters modelled in 3D. It is the right choice for creating type animations and all kinds of modifications.

The German foundry is also working on a new typeface: Katana. The only image released for the moment looks promising, so we are excited to see more characters.

Hightype also provides service-based work and can create a custom 3D font for any project you may have. For that, just contact them from the website.

Thanks for being a subscriber, here is your FREE house vector icons set.

Hightype: a Type Foundry that Exclusively Creates Three-dimensional Type

Post pobrano z: Hightype: a Type Foundry that Exclusively Creates Three-dimensional Type

Based in Berlin, Germany, Hightype is a type foundry that specializes in the creation 3D typefaces. Founded by Manuel Rossner, it was launched recently and promises to bring good type to VR, interaction design, games, 3D printing, and branding.

To use Hightype’s fonts, you will need to be familiar with 3D software and technologies (obviously). The typefaces are provided in .fbx, .3ds and .obj-format. As 3D typography is still a developing field, some traditional type features like kerning are not yet available.

As Hightype is a very recent type foundry, they have only one font for sale on their website at the moment: HT Standard. The font is a set of 76 characters modelled in 3D. It is the right choice for creating type animations and all kinds of modifications.

The German foundry is also working on a new typeface: Katana. The only image released for the moment looks promising, so we are excited to see more characters.

Hightype also provides service-based work and can create a custom 3D font for any project you may have. For that, just contact them from the website.

Thanks for being a subscriber, here is your FREE house vector icons set.

Hightype: a Type Foundry that Exclusively Creates Three-dimensional Type

Post pobrano z: Hightype: a Type Foundry that Exclusively Creates Three-dimensional Type

Based in Berlin, Germany, Hightype is a type foundry that specializes in the creation 3D typefaces. Founded by Manuel Rossner, it was launched recently and promises to bring good type to VR, interaction design, games, 3D printing, and branding.

To use Hightype’s fonts, you will need to be familiar with 3D software and technologies (obviously). The typefaces are provided in .fbx, .3ds and .obj-format. As 3D typography is still a developing field, some traditional type features like kerning are not yet available.

As Hightype is a very recent type foundry, they have only one font for sale on their website at the moment: HT Standard. The font is a set of 76 characters modelled in 3D. It is the right choice for creating type animations and all kinds of modifications.

The German foundry is also working on a new typeface: Katana. The only image released for the moment looks promising, so we are excited to see more characters.

Hightype also provides service-based work and can create a custom 3D font for any project you may have. For that, just contact them from the website.

Thanks for being a subscriber, here is your FREE house vector icons set.

Surge Send: Large Files Sharing Made for Designers

Post pobrano z: Surge Send: Large Files Sharing Made for Designers

As designers, we are bound to work with large files. If you work with Photoshop and create a bit complex compositions, it’s very possible to create files that are over 1 GB. When working with clients, it can be difficult to send these files.

Surge Send solves this problem in a brilliant way. The platform makes file transfer easy, fast, instant, and secure. It was designed specifically for the needs of creative people, such as photographers, designers, or architects.

No matter where you are and the quality of your internet connect, Surge Send lets you send your designs, photographs, videos, or pretty much anything, without a problem. The interface is extremely user-friendly, with several great features you should check out.

How Surge Send Works

The best proof that Surge Send is easy to use is the image below and the fact it takes only a small paragraph to describe how to use it. Drag-and-drop your files, enter your email ID, and click on a button to send. It’s just as easy as that!

Pause Uploads for a Better Workflow

Stop worrying about your internet connection or upload failure in general. Surge Send gives you the chance to pause your upload at any time and resumes once your connectivity is back to normal. This is especially useful when you are in the middle of a 30 GB file upload and Skype starts ringing. In that case, all you need to do it to pause the upload in a matter of seconds, then you can pick up your call.

Track Downloads for Peace of Mind

If you track whether your emails have been opened or not, you already know how useful it is to be notified of the reception of information you send. With Surge Send, you can do the same with the files you send, thanks to an ingenuous alert system that will email you every time a file is downloaded by a recipient.

A Highly-secured Service

All files sent with Surge Send are encrypted with 256-bit federal level encryption. If that’s not enough for you, you can add a password for it to make sure that only the people with the code will be able to download it. With Surge Send, security is not optional, but it’s a core feature.

Transfer Files on the Go

This feature is something I could have used so often. Do you need to go out in the middle of a file upload? Just pause it and switch to a new device, then you can resume the upload from the new device, not need to lose the precious minutes already spent on that upload.

Share your Files Publicly with Surge Access

As a designer, you can be interested in have a reliable way to share large files for public download. For example, if you create a great resource that is packed in a 6 GB zipped folder, you will want to share it elsewhere than on your own web server (if you have one).

To do so, you just need to upload your files to Surge Send and choose the public option. You will then be able to obtain a share link that you can send in any way you want. Of course, you can always choose to keep your download links private.

Super Surge Will Ensure Faster and Guaranteed Downloads

If downloads of very large files are failing, you can turn on Super Surge, an option that uses the power of P2P to guarantee fast delivery.

Go Pro for an Even Better Experience!

Although Surge Send is already an excellent service with the free plan, it’s possible to make it even better by going premium with Surge Pro. Thanks to the team at Surge Pro, Designer Daily’s readers can get one month free by signing up using this link.

This way, you will enjoy more space for your uploads, the ability to send larger files, the possibility to keep files indefinitely, access to transfers history, or the possibility to schedule the expiry date of link, among other things.

Thanks for being a subscriber, here is your FREE house vector icons set.

Surge Send: Large Files Sharing Made for Designers

Post pobrano z: Surge Send: Large Files Sharing Made for Designers

As designers, we are bound to work with large files. If you work with Photoshop and create a bit complex compositions, it’s very possible to create files that are over 1 GB. When working with clients, it can be difficult to send these files.

Surge Send solves this problem in a brilliant way. The platform makes file transfer easy, fast, instant, and secure. It was designed specifically for the needs of creative people, such as photographers, designers, or architects.

No matter where you are and the quality of your internet connect, Surge Send lets you send your designs, photographs, videos, or pretty much anything, without a problem. The interface is extremely user-friendly, with several great features you should check out.

How Surge Send Works

The best proof that Surge Send is easy to use is the image below and the fact it takes only a small paragraph to describe how to use it. Drag-and-drop your files, enter your email ID, and click on a button to send. It’s just as easy as that!

Pause Uploads for a Better Workflow

Stop worrying about your internet connection or upload failure in general. Surge Send gives you the chance to pause your upload at any time and resumes once your connectivity is back to normal. This is especially useful when you are in the middle of a 30 GB file upload and Skype starts ringing. In that case, all you need to do it to pause the upload in a matter of seconds, then you can pick up your call.

Track Downloads for Peace of Mind

If you track whether your emails have been opened or not, you already know how useful it is to be notified of the reception of information you send. With Surge Send, you can do the same with the files you send, thanks to an ingenuous alert system that will email you every time a file is downloaded by a recipient.

A Highly-secured Service

All files sent with Surge Send are encrypted with 256-bit federal level encryption. If that’s not enough for you, you can add a password for it to make sure that only the people with the code will be able to download it. With Surge Send, security is not optional, but it’s a core feature.

Transfer Files on the Go

This feature is something I could have used so often. Do you need to go out in the middle of a file upload? Just pause it and switch to a new device, then you can resume the upload from the new device, not need to lose the precious minutes already spent on that upload.

Share your Files Publicly with Surge Access

As a designer, you can be interested in have a reliable way to share large files for public download. For example, if you create a great resource that is packed in a 6 GB zipped folder, you will want to share it elsewhere than on your own web server (if you have one).

To do so, you just need to upload your files to Surge Send and choose the public option. You will then be able to obtain a share link that you can send in any way you want. Of course, you can always choose to keep your download links private.

Super Surge Will Ensure Faster and Guaranteed Downloads

If downloads of very large files are failing, you can turn on Super Surge, an option that uses the power of P2P to guarantee fast delivery.

Go Pro for an Even Better Experience!

Although Surge Send is already an excellent service with the free plan, it’s possible to make it even better by going premium with Surge Pro. Thanks to the team at Surge Pro, Designer Daily’s readers can get one month free by signing up using this link.

This way, you will enjoy more space for your uploads, the ability to send larger files, the possibility to keep files indefinitely, access to transfers history, or the possibility to schedule the expiry date of link, among other things.

Thanks for being a subscriber, here is your FREE house vector icons set.

How to Use the Free Marketplace on Visual Composer Hub

Post pobrano z: How to Use the Free Marketplace on Visual Composer Hub

There’s no question that a drag-and-drop editor
makes building websites easy, but its only as good as the design elements it can
access. The Visual Composer Website Builder, working in combination with the
Visual Composer Hub and its massive library of content elements, templates,
blocks, and stock images, makes building a website as fast and easy as can be.

With the Hub, you don’t have to settle for what’s
there, since each of the content elements, blocks, and templates is easily
personalized, so you’ll always get precisely what you want and need.

There’s more to the Visual Composer Hub than
first meets the eye.

That said, let’s take a look at how it works
and what’s inside.

What is the Visual Composer Hub and What’s Inside?  

The Visual Composer
Hub is a cloud-based marketplace of web design elements and features. It
connects to your Visual Composer account and alleviates the problem web
designers often have of having to rely on plugins or custom code to achieve the
results they want.

Your Visual Composer Hub access allows you to search for ready-to-use content, and once found, download it directly to your Visual Composer Website Builder account.

Once downloaded, the selected element will be
in your account and ready to drag, drop, and put to use.

The Visual Composer Hub Library

The Visual Composer Hub’s library of content is
massive and diverse. The content can be used with any theme, including themes
you already have or are using. You can always view all the content in the
forever-free Visual Composer Hub although you need to unlock Visual Composer
Premium for full access and unlimited downloads.

What’s Inside the Visual Composer Hub?

There’s really no other solution like it for access to virtually
unlimited website content and easy content downloads; whether you need –

  • Content Elements
  • Page Templates
  • Block Templates
  • Stock Images

Or, all the above.

Let’s examine each in
detail.

1. Content Elements  

Simpler and slicker than ever best describes searching and downloading the Hub’s first-class content elements from its huge library. With Visual Composer Premium you can have an unlimited number of downloads.

These Hub Content Elements,
which are constantly being updated consist of:

  • Media
  • Social
  • Post Grids
  • Buttons
  • Compatibility elements that
    can be integrated with MailChimp, Ninja Forms, Envira Gallery and more.
  • Advanced Elements that include
    hover boxes, logo sliders, tabs and more.
  • and, an E-Commerce Plug

With these easily accessed elements you can
forget about any need for coding while building your site.

Furthermore –

You can edit any element. Multiple edit options are available for each
element. The edit feature even includes Element CSS Animations you can use
right out of the box to create beautiful and amazing transitions.

You can easily replace elements and also switch between them. The Smart
Replace options enables you to change the look of your content easily and in an
instant.

There are several advanced features you can use; some of which are only
available to Visual Composer Premium users. You can create content types that
allow you to organize elements and create element hierarchies. Turbo-powered
editing flexibility is another feature as is the ability to leave notes to team
members.

If you’re really interested in gaining access to all the designer content elements, take a look at what having a Visual Composer Hub Premium account will do for you.

2. WordPress Templates  

Page templates make up an important part of the Visual Composer Hub Library. Here, you’ll find templates for any theme; and those you find will be fully editable. It’s simply a matter of searching for a template that fits your website look and feel. Having found what you want, simply click download to add it to your account. Adjust it to satisfy your needs and you’ll have a beautiful page in no time at all.

Any template you use or modify can be automatically
stored in the library. You can also store any page you create to be used in the
future as a template, export and import templates, add global templates, and
even add and store template widgets.

Given what’s already in the library, and having
the ability to store pages, other templates, or templates you’ve customized
means you don’t have to be a web designer to create awesome pages; you have
drag and drop and a cloud base solution consisting og a unique library of
designer templates to work with.

3. Block Templates  

With a huge arsenal of content elements and
templates at the ready, you’re set to turn out one stunning website after
another; each one faster and easier than the others.

Yet, something is missing. Something that
combines the flexibility an array of content elements provides with the speed
and simplicity templates offer. Something making up the middle ground, the
designer’s “sweet spot”.

Block Templates represent the Goldilocks standard for the combination of custom design and easy drag-and-drop functionality. Simply put, they can make your work as a designer oh-so-much easier.

A Visual Composer Premium subscription allows
you to unlock Block Templates; giving you the ability to build pages in
sections. It doesn’t get much better.

4. Stock Images  

You’re good to go, except for one thing. If
you’re going to build stunning websites, you’re going to need some good
imagery. The Visual Composer Hub solution to that problem lies in its seamless
integration with Unsplash stock photography.

Find a high-quality stock photo to your liking? Simply download it from your Visual Composer Website Builder’s Frontend editor and it’s ready to use. It just doesn’t get any easier.

If you find an especially appealing image, and
you’d like to see or use more of the same, simply hover over an image, click on
the name of the author, and you’ll be able to download other works by that
author to give your website a more unified look and feel.

Conclusion

It’s indeed true that a drag-and-drop visual website editor
isn’t enough to get the job done. It takes a library of content elements,
templates and stock photography to make web design possible, and truly simple
at the same time.

You now know the basics of what you’ll find in the Visual
Composer Hub. When we said the library is massive, we meant it. What we
didn’t mention were
add-ons and other premium hub elements you can also check out.

Why not log in now to the free version of the Visual Composer Hub? You’ve nothing to lose, and everything to gain.

Thanks for being a subscriber, here is your FREE house vector icons set.

How to Use the Free Marketplace on Visual Composer Hub

Post pobrano z: How to Use the Free Marketplace on Visual Composer Hub

There’s no question that a drag-and-drop editor
makes building websites easy, but its only as good as the design elements it can
access. The Visual Composer Website Builder, working in combination with the
Visual Composer Hub and its massive library of content elements, templates,
blocks, and stock images, makes building a website as fast and easy as can be.

With the Hub, you don’t have to settle for what’s
there, since each of the content elements, blocks, and templates is easily
personalized, so you’ll always get precisely what you want and need.

There’s more to the Visual Composer Hub than
first meets the eye.

That said, let’s take a look at how it works
and what’s inside.

What is the Visual Composer Hub and What’s Inside?  

The Visual Composer
Hub is a cloud-based marketplace of web design elements and features. It
connects to your Visual Composer account and alleviates the problem web
designers often have of having to rely on plugins or custom code to achieve the
results they want.

Your Visual Composer Hub access allows you to search for ready-to-use content, and once found, download it directly to your Visual Composer Website Builder account.

Once downloaded, the selected element will be
in your account and ready to drag, drop, and put to use.

The Visual Composer Hub Library

The Visual Composer Hub’s library of content is
massive and diverse. The content can be used with any theme, including themes
you already have or are using. You can always view all the content in the
forever-free Visual Composer Hub although you need to unlock Visual Composer
Premium for full access and unlimited downloads.

What’s Inside the Visual Composer Hub?

There’s really no other solution like it for access to virtually
unlimited website content and easy content downloads; whether you need –

  • Content Elements
  • Page Templates
  • Block Templates
  • Stock Images

Or, all the above.

Let’s examine each in
detail.

1. Content Elements  

Simpler and slicker than ever best describes searching and downloading the Hub’s first-class content elements from its huge library. With Visual Composer Premium you can have an unlimited number of downloads.

These Hub Content Elements,
which are constantly being updated consist of:

  • Media
  • Social
  • Post Grids
  • Buttons
  • Compatibility elements that
    can be integrated with MailChimp, Ninja Forms, Envira Gallery and more.
  • Advanced Elements that include
    hover boxes, logo sliders, tabs and more.
  • and, an E-Commerce Plug

With these easily accessed elements you can
forget about any need for coding while building your site.

Furthermore –

You can edit any element. Multiple edit options are available for each
element. The edit feature even includes Element CSS Animations you can use
right out of the box to create beautiful and amazing transitions.

You can easily replace elements and also switch between them. The Smart
Replace options enables you to change the look of your content easily and in an
instant.

There are several advanced features you can use; some of which are only
available to Visual Composer Premium users. You can create content types that
allow you to organize elements and create element hierarchies. Turbo-powered
editing flexibility is another feature as is the ability to leave notes to team
members.

If you’re really interested in gaining access to all the designer content elements, take a look at what having a Visual Composer Hub Premium account will do for you.

2. WordPress Templates  

Page templates make up an important part of the Visual Composer Hub Library. Here, you’ll find templates for any theme; and those you find will be fully editable. It’s simply a matter of searching for a template that fits your website look and feel. Having found what you want, simply click download to add it to your account. Adjust it to satisfy your needs and you’ll have a beautiful page in no time at all.

Any template you use or modify can be automatically
stored in the library. You can also store any page you create to be used in the
future as a template, export and import templates, add global templates, and
even add and store template widgets.

Given what’s already in the library, and having
the ability to store pages, other templates, or templates you’ve customized
means you don’t have to be a web designer to create awesome pages; you have
drag and drop and a cloud base solution consisting og a unique library of
designer templates to work with.

3. Block Templates  

With a huge arsenal of content elements and
templates at the ready, you’re set to turn out one stunning website after
another; each one faster and easier than the others.

Yet, something is missing. Something that
combines the flexibility an array of content elements provides with the speed
and simplicity templates offer. Something making up the middle ground, the
designer’s “sweet spot”.

Block Templates represent the Goldilocks standard for the combination of custom design and easy drag-and-drop functionality. Simply put, they can make your work as a designer oh-so-much easier.

A Visual Composer Premium subscription allows
you to unlock Block Templates; giving you the ability to build pages in
sections. It doesn’t get much better.

4. Stock Images  

You’re good to go, except for one thing. If
you’re going to build stunning websites, you’re going to need some good
imagery. The Visual Composer Hub solution to that problem lies in its seamless
integration with Unsplash stock photography.

Find a high-quality stock photo to your liking? Simply download it from your Visual Composer Website Builder’s Frontend editor and it’s ready to use. It just doesn’t get any easier.

If you find an especially appealing image, and
you’d like to see or use more of the same, simply hover over an image, click on
the name of the author, and you’ll be able to download other works by that
author to give your website a more unified look and feel.

Conclusion

It’s indeed true that a drag-and-drop visual website editor
isn’t enough to get the job done. It takes a library of content elements,
templates and stock photography to make web design possible, and truly simple
at the same time.

You now know the basics of what you’ll find in the Visual
Composer Hub. When we said the library is massive, we meant it. What we
didn’t mention were
add-ons and other premium hub elements you can also check out.

Why not log in now to the free version of the Visual Composer Hub? You’ve nothing to lose, and everything to gain.

Thanks for being a subscriber, here is your FREE house vector icons set.

CSS-Tricks on Flywheel

Post pobrano z: CSS-Tricks on Flywheel

I first heard of Flywheel through their product Local, which is a native app for working on WordPress sites. If you ask around for what people use for that kind of work, you’ll get all sorts of answers, but an awful lot of very strong recommendations for Local. I’ve become one of them! We ultimately did a sponsored post for Local, but that’s based on the fact that now 100% of my local WordPress development work is done using it and I’m very happy with it.

Now I’ve taken the next step and moved all my production sites to Flywheel hosting!

Full disclosure here, Flywheel is now a sponsor of CSS-Tricks. I’ve been wanting to work with them for a while. I’ve been out to visit them in Omaha! (👋 at Jamie, Christi, Karissa, and everybody I’ve worked with over there.) Part of our deal includes the hosting. But I was a paying customer and user of Flywheel before this on some sites, and my good experiences there are what made me want to get this sponsorship partnership cooking! There has been big recent news that Flywheel was acquired by WP Engine. I’m also a fan of WP Engine, being also a premium WordPress host that has done innovative things with hosting, so I’m optimistic that a real WordPress hosting powerhouse is being formed and I’ve got my sites in the right place.

Developing on Local is a breeze

It feels like a breath of fresh air to me, as running all the dev dependencies for WordPress has forever been a bit of a pain in the butt. Sometimes you have it going fine, but then something breaks in the most inscrutable possible way and it takes forever to get going again. Whatever, you know what I mean. At this point, I’ve been running Local for over a year and have had almost no issues with it.

There are all kinds of features worth checking out here. Here’s one that is very likely useful to bigger teams. Say you have a Flywheel account with a bunch of production sites on it. Then a new person starts working with you and they have their own computer. You connect Local to Flywheel, and you can pull down the site and have it ready to work on. That’s pretty sweet.

Local doesn’t lock you into anything either. You can use Local for local development and literally use nothing else. Local can push a site up to Flywheel hosting too, which I’ve found to be mighty useful particularly for that first deployment of a new site, but you don’t have to use that if you don’t want. I’ll cover more about workflow below.

Other features that I find worthy of note:

  • Spinning up a new site takes just a second. A quick walkthrough through a wizard where they ask you some login details but otherwise offer smart-but-customizable defaults.
  • Dealing with HTTPS locally is easy. It will create a certificate for you and trust it locally with one click.
  • You can flip on „Live Link”, which uses ngrok to create a live, sharable URL to your localhost site. Great for temporarily showing a client or co-worker something without having to move anything.
  • One click to pop open the database in Sequel Pro, my favorite free database tool. Much easier than trying to spin up phpMyAdmin or whatever on the web to manage from there.

Flywheel’s Dashboard is so clear

I love the simple UI of Local, and I really like how that same design and spirit carries over into the Flywheel hosting dashboard.

There are so many things the dashboard makes easy:

  • You need an SSL cert? Click some buttons.
  • Wanna force HTTPS? Flip a switch.
  • Wanna convert the site to Multisite? Hit a button.
  • Need to edit the database? There is a UI around it built in.
  • Want a CDN? Toggle a thing.
  • Need to invite a collaborator on a site? Go for it.
  • Need a backup? There are in there, download it or restore to that point.

It’s a big deal when everything is simple and works. It means you aren’t burning hours fighting with tools and you can use them doing work that pushes you forward.

Workflow

When I set up my new CSS-Tricks workflow, I had Flywheel move the site for me (thanks gang!) (no special treatment either, they’ll do that for anybody).

I’ve got Local already, so my local development process is the same. But I needed to update my deployment workflow for the new hosting. Local can push a site up to Flywheel hosting, but it just zips everything up and sends it all up. Great for first deployment but not perfect for tiny little changes like 95% of the work I do. There is a new Local for Teams feature, which uses what they call MagicSync for deployment, which only deploys changed files. That’s very cool, but I like working with a Git-based system, where ultimately merges to master are what trigger deployment of the changed files.

For years I’ve used Beanstalk for Git-based deployment over SFTP. I still am using Beanstalk for many sites and think it’s a great choice, but Beanstalk has the limitation that the Git-repo is basically a private Git repo hosted by Beanstalk itself.

During this change, I needed to switch up what the root of the repo is (more on that in a second) so I wanted to create a new repo. I figured rather than doing that on Beanstalk, I’d make a private GitHub repo and set up deployment from there. There are services like DeployHQ and DeployBot that will work well for that, but I went with Buddy, which has a really really nice UI for managing all this stuff, and is capable of much more than just deployment should I ultimately need that.

Regarding the repo itself, one thing that I’ve always done with my WordPress sites is just make the repo the whole damn thing starting at the root. I think it’s just a legacy/comfort thing. I had some files at the root I wanted to deploy along with everything else and that seemed like the easiest way. In WordPress-land, this isn’t usually how it’s done. It’s more common to have the /wp-content/ folder be the root of the repo, as those are essentially the only files unique to your installation. I can imagine setups where even down to individual themes are repos and deployed alone.

I figured I’d get on board with a more scoped deployment, but also, I didn’t have much of a choice. Flywheel literally locks down all WordPress core files, so if your deployment system tries to override them, it will just fail. That actually sounds great to me. There is no reason anyone from the outside should alter those files, might as well totally remove it as an attack vector. Flywheel itself keeps the WordPress version up to date. So I made a new repo with /wp-content/ at the root, and I figured I’d make it on GitHub instead just because that’s such an obvious hub of developer activity and keeps my options wide open for deployment choices.

Maybe I’ll open source it all one day when I’ve had a chance to comb through it.

For the same kind of spiritual reasons, during the the move, I moved the DNS over to Cloudflare. This gives me control over DNS from a third-party so it’s easy for me to point things where I need them. Kind of a decentralization of concerns. That’s not for everyone, but it’s great for me on this project. While now I might suffer from Cloudflare outages (rare, but it literally just happened), I benefit from all sorts of additional security and performance that Cloudflare can provide.

So the workflow is Local > GitHub > Buddy > Flywheel.

And the hosting is Cloudflare > Flywheel with image assets on Cloudinary.

And I’ve got backups from both Flywheel and Jetpack/VaultPress.

The post CSS-Tricks on Flywheel appeared first on CSS-Tricks.

Agregator najlepszych postów o designie, webdesignie, cssie i Internecie