{"id":302802,"date":"2020-02-05T14:19:46","date_gmt":"2020-02-05T21:19:46","guid":{"rendered":"https:\/\/css-tricks.com\/?p=302802"},"modified":"2020-02-05T15:28:38","modified_gmt":"2020-02-05T22:28:38","slug":"https-is-easy","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/https-is-easy\/","title":{"rendered":"HTTPS is Easy!"},"content":{"rendered":"\n

I’ve been guilty of publicly bemoaning the complexity of HTTPS. In the past, I’ve purchased SSL certificates from third-party vendors and had trouble installing them. I’ve had certificates expire and had to scramble to fix them. I’ve had to poke and prod hosting companies to help me ensure things were going to renew correctly, and left unsatisfied. <\/p>\n\n\n\n

But I’d say in the last few years, this has really chilled out. CSS-Tricks went HTTPS<\/a> around five years ago, so we’re well past any struggles with insecure content or anything like that. These days my host (and sponsor) Flywheel<\/a> makes it a flip of a switch in their admin, so it’s entirely no-brainer. The things I have on Netlify<\/a> are automatically HTTPS<\/a>. I also tend to put Cloudflare<\/a> in front of everything, because of all the flip-switch security and performance things they offer, mostly for free. HTTPS is just getting a lot easier.<\/p>\n\n\n\n

The name of this blog post is the name of this little microsite project from Troy Hunt: HTTPS is Easy!<\/a> It’s a four-part series of five-minute videos walking through the process of adding enterprise-grade security to a site quickly and for free with Cloudflare. It almost feels like an ad for Cloudflare, and I couldn’t care less if it is, but Troy says:<\/p>\n\n\n\n

[…] this isn’t a commercial activity on my behalf; Cloudflare didn’t engage me to create this and it’ll come as a surprise to them the first time they see it.<\/p><\/blockquote>\n\n\n\n

It really is easy and free, so I feel like I’m doing my duty here in making up for past complaints about HTTPS. <\/p>\n\n\n\n

Part of what helps me feel more confident is minimizing the number of setups I have for different things. All my WordPress sites are on Flywheel \u2014 they aren’t scattered around, so I don’t have to learn multiple systems. All my deployment is through Buddy. All my domains are on a single registrant, so what I learn in managing one domain is useful for all of them. All my sites run through Cloudflare, so I feel confident in my management skills there. This kind of consolidation is good at keeping my stress levels low.<\/p>\n","protected":false},"excerpt":{"rendered":"

I’ve been guilty of publicly bemoaning the complexity of HTTPS. In the past, I’ve purchased SSL certificates from third-party vendors and had trouble installing them. I’ve had certificates expire and had to scramble to fix them. I’ve had to poke and prod hosting companies to help me ensure things were going to renew correctly, and […]<\/p>\n","protected":false},"author":3,"featured_media":302856,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[4],"tags":[1042,779],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/01\/cloudflare-add-site.png?fit=1200%2C600&ssl=1","jetpack-related-posts":[{"id":300586,"url":"https:\/\/css-tricks.com\/gogetssl\/","url_meta":{"origin":302802,"position":0},"title":"GoGetSSL","date":"December 26, 2019","format":false,"excerpt":"Hey, Chris here. I'm pulling this sponsored post. It was for a paid SSL service. I'm very much not an SSL expert. I've always relied on my host to install SSL certificates on my servers and manage it. I know enough that I know about Let's Encrypt and how that's\u2026","rel":"","context":"In "Sponsored"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":303706,"url":"https:\/\/css-tricks.com\/do-this-to-improve-image-loading-on-your-website\/","url_meta":{"origin":302802,"position":1},"title":"Do This to Improve Image Loading on Your Website","date":"February 19, 2020","format":false,"excerpt":"In the video embedded below, Jen Simmons explains how to improve image loading by using width and height attributes. The issue is that there\u2019s a lot of jank when an image is first loaded because an img will naturally have a height of 0 before the image asset has been\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/02\/jen-simmons-video-still.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":151976,"url":"https:\/\/css-tricks.com\/animation-css-triangles-work\/","url_meta":{"origin":302802,"position":2},"title":"Animation of How CSS Triangles Work","date":"October 3, 2013","format":false,"excerpt":"In talks I've given in the past, I've found myself explaining how CSS triangles work with words and ridiculous hand gestures. It never goes particularly well. Y'all got that? So I figured let's give it a shot with an actual on-screen in-code animation. Here we go: See the Pen Animation\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":330260,"url":"https:\/\/css-tricks.com\/unconventional-stock-image-sources\/","url_meta":{"origin":302802,"position":3},"title":"Unconventional Stock Image Sources","date":"December 10, 2020","format":false,"excerpt":"This year, I learned that there is a wide world of free stock imagery available beyond Unsplash and Pexels. You see, I\u2019ve been working on designing WordPress themes this year, and all images need to be compatible with the GPL. Unsplash and Pexels both have free and open licenses, but\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/12\/Screen-Shot-2020-12-10-at-2.40.26-PM.png?fit=1200%2C561&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":301089,"url":"https:\/\/css-tricks.com\/what-it-means-to-be-a-front-end-developer-in-2020-and-beyond\/","url_meta":{"origin":302802,"position":4},"title":"What it means to be a front-end developer in 2020 (and beyond)","date":"December 29, 2019","format":false,"excerpt":"I wrote a piece for Layout, the blog of my hosting sponsor Flywheel. Stick around in this field for a while, and you'll see these libraries, languages, build processes, and heck, even entire philosophies on how best to build websites come and go like a slow tide.\u200b\u200b You might witness\u2026","rel":"","context":"In "Link"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/2019-11-22_Chris-Coyier_Testimonial-Video-Shoot_Stills-7614-1568x1045-1.jpg?fit=1200%2C800&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":315369,"url":"https:\/\/css-tricks.com\/five-5-minute-videos-from-ethan-on-design-accessibility\/","url_meta":{"origin":302802,"position":5},"title":"Five 5-minute Videos from Ethan on Design & Accessibility","date":"June 30, 2020","format":false,"excerpt":"Ethan: I\u2019ve been working with\u00a0Aquent Gymnasium\u00a0to produce a series of five short tutorial videos, which have been launching over the course of this past week. Since the last video just went live, I\u2019m thrilled to share the whole list with you:\u2022 Introduction to using VoiceOver on macOS\u2022 Designing beautiful focus\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2020\/06\/a11y-user.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/302802"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=302802"}],"version-history":[{"count":4,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/302802\/revisions"}],"predecessor-version":[{"id":303242,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/302802\/revisions\/303242"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/302856"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=302802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=302802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=302802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}