From 327101a41134614ca313db49525e7846b6b7efed Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Fri, 12 Nov 2021 09:19:42 -0500 Subject: [PATCH] Slowly running through past articles to ensure proper layout and styling --- _posts/2018-02-12-stay-hungry.md | 3 +- _posts/2018-08-07-setting-up-free-ssl.md | 3 +- _posts/2019-04-05-indenting-text-with-css.md | 4 +- _posts/2019-04-15-still-using-jquery.md | 1 + _posts/2019-05-03-first-letter.md | 1 + _posts/2019-05-09-cut-your-forms-in-half.md | 2 +- _posts/2019-05-15-improving-receipt-ux.md | 2 +- _posts/2019-06-08-html-like-1999.md | 24 +++--- _posts/2021-02-25-launching-thriftyname.md | 1 + _posts/2021-03-11-introducing-pageroast.md | 1 + _posts/2021-03-22-89-posts-one-file.md | 4 +- _posts/2021-04-13-macos-icon-css.md | 25 +++--- _site/89-posts-one-file/index.html | 4 +- _site/articles/index.html | 4 +- _site/cut-your-forms-in-half/index.html | 2 +- _site/feed.xml | 73 ++++++++---------- _site/first-letter/index.html | 2 +- _site/html-like-1999/index.html | 24 +++--- _site/improving-receipt-ux/index.html | 2 +- _site/indenting-text-with-css/index.html | 8 +- _site/introducing-pageroast/index.html | 2 +- _site/launching-thriftyname/index.html | 2 +- _site/macos-icon-css/index.html | 27 ++++--- .../e54ac9b2850f786471d7790bec3844a6.webp | Bin 0 -> 22148 bytes _site/setting-up-free-ssl/index.html | 6 +- _site/stay-hungry/index.html | 6 +- _site/still-using-jquery/index.html | 2 +- .../e54ac9b2850f786471d7790bec3844a6.webp | Bin 0 -> 22148 bytes 28 files changed, 116 insertions(+), 119 deletions(-) create mode 100644 _site/public/images/e54ac9b2850f786471d7790bec3844a6.webp create mode 100644 public/images/e54ac9b2850f786471d7790bec3844a6.webp diff --git a/_posts/2018-02-12-stay-hungry.md b/_posts/2018-02-12-stay-hungry.md index 1f0e88f..6b66309 100644 --- a/_posts/2018-02-12-stay-hungry.md +++ b/_posts/2018-02-12-stay-hungry.md @@ -1,8 +1,9 @@ --- -title: Stay hungry +title: Stay Hungry date: 2018-02-12 00:00:00 Z permalink: "/stay-hungry/" layout: post +column: single description: Staying passionate can help fuel your ambition summary: As designers and developers, we need to keep pursuing what interests us about our industry. Staying passionate can help fuel your ambition. diff --git a/_posts/2018-08-07-setting-up-free-ssl.md b/_posts/2018-08-07-setting-up-free-ssl.md index c1e24ea..240ffc5 100644 --- a/_posts/2018-08-07-setting-up-free-ssl.md +++ b/_posts/2018-08-07-setting-up-free-ssl.md @@ -1,8 +1,9 @@ --- -title: Setting up a free SSL +title: Setting Up a Free SSL date: 2018-08-07 00:00:00 Z permalink: "/setting-up-free-ssl/" layout: post +column: single description: Tutorial on how to easily setup a free SSL certificate summary: All websites should be using SSL and there is no excuse not to have it setup. Let me show you how to easily add a free SSL certificate to any project. diff --git a/_posts/2019-04-05-indenting-text-with-css.md b/_posts/2019-04-05-indenting-text-with-css.md index 25c227e..80dfa7a 100644 --- a/_posts/2019-04-05-indenting-text-with-css.md +++ b/_posts/2019-04-05-indenting-text-with-css.md @@ -18,8 +18,8 @@ In today's *TypeTip* we're going to play around with the `text-indent` property, Browser support is actually pretty great for such a regularly over-looked CSS property. All major desktop and mobile browsers support it:
- {% cloudinary /public/images/text-indent-compatibility.webp alt="Text indent browser compatibility" %} - Full support across all browsers. + Text indent browser compatibility +
Full support across all browsers.
Now that doesn't mean you should just slap this property on all your type elements and call it a day - there are specific use cases for `text-indent` and some basic rules to follow: diff --git a/_posts/2019-04-15-still-using-jquery.md b/_posts/2019-04-15-still-using-jquery.md index d37efb2..9b61ab0 100644 --- a/_posts/2019-04-15-still-using-jquery.md +++ b/_posts/2019-04-15-still-using-jquery.md @@ -3,6 +3,7 @@ title: Yes, I Still Use jQuery date: 2019-04-15 00:00:00 Z permalink: "/still-using-jquery/" layout: post +column: single description: Explaining why I still use jQuery and how it's still usable in any tech stack summary: It isn't the "latest and greatest" library out there. Some even claim that diff --git a/_posts/2019-05-03-first-letter.md b/_posts/2019-05-03-first-letter.md index 45dc92e..8cdf7b9 100644 --- a/_posts/2019-05-03-first-letter.md +++ b/_posts/2019-05-03-first-letter.md @@ -3,6 +3,7 @@ title: First Letter Pseudo Element date: 2019-05-03 00:00:00 Z permalink: "/first-letter/" layout: post +column: single description: Set specific styling for the first letter of a text element with CSS summary: Set specific styling for the first letter of a text element with this handy and fully supported CSS pseudo element. diff --git a/_posts/2019-05-09-cut-your-forms-in-half.md b/_posts/2019-05-09-cut-your-forms-in-half.md index 843c2ef..3a32d4e 100644 --- a/_posts/2019-05-09-cut-your-forms-in-half.md +++ b/_posts/2019-05-09-cut-your-forms-in-half.md @@ -23,7 +23,7 @@ Web forms tend to get a bad rep, mainly because so many horrible design choices Let's use a real-world form off the [Great West Life Insurance](https://www.greatwestlife.com) website as an example (left is original, right is updated): -{% cloudinary /public/images/cut-forms.webp alt="Great West Life form update" %} +Great West Life form update ### Breaking things down diff --git a/_posts/2019-05-15-improving-receipt-ux.md b/_posts/2019-05-15-improving-receipt-ux.md index 6e3cf36..cd7eaba 100644 --- a/_posts/2019-05-15-improving-receipt-ux.md +++ b/_posts/2019-05-15-improving-receipt-ux.md @@ -35,7 +35,7 @@ Fortunately, I think with some minor tweaks we can keep the underlying principle Let's take a look at my redesign concept: -{% cloudinary /public/images/receipt-update.webp alt="Receipt Update" %} +Receipt Update With this layout we are able to keep all the key concepts that [Susie Lu](https://twitter.com/datatoviz?lang=en) initially introduced with her receipt design while preserving more space. diff --git a/_posts/2019-06-08-html-like-1999.md b/_posts/2019-06-08-html-like-1999.md index 28f5082..09ccf64 100644 --- a/_posts/2019-06-08-html-like-1999.md +++ b/_posts/2019-06-08-html-like-1999.md @@ -20,24 +20,24 @@ To be clear, I'm not advocating for creating projects that *look* like they belo Let's do a very simple breakdown of some of the more common HTML no-nos: -