The Fourteenth Fourth

Post pobrano z: The Fourteenth Fourth

It’s CSS-Tricks birthday! Somehow that keeps coming around every year. It’s that time where I reflect upon that past year. It’s like the annual vibe check.

I’m writing this just days after my current home state of Oregon has lifted most of the COVID restrictions. Certainly a very weird feeling. We’re just hitting the state-wide 70% vaccinated level which is the big milestone covered in the news. I thought our little local organic-heavy progressive grocery store would be the last place to go mask-less, but even in there, the vast majority of people are raw-facin’ it, employees included. So it’s not just America’s birthday this year, but a real sign of changing times. Controversy in tow, as there is plenty of evidence the danger is far from over. Definitely gonna hit up some fireworks though. The kid loves ’em.

Well-Oiled Machine

I’d say that’s ^ the main vibe around here from my perspective. The site is in good shape all around. The tech behind it is stable and mostly satisfying. The editorial flow is flowing. The content idea bucket overfloweth. The newsletter goes out on time. The advertising and sponsorship demand is sound. Ain’t any squeaky wheels on this train.

And did you know we have zero meetings? Just light Slack chatter, that’s it. This is a part-time gig for everyone, and we aren’t doing any life-saving work here, so no need to take up anyone’s time with meetings.

Technologically, we’re leaning more and more into the WordPress block editor all the time and it feels like that is a good thing to do here in WordPress land. Every time we have a chance to get more into any current WordPress tech and take advantage of things WordPress does well, it tends to work out.

This is all great because as far as hours-in-the-day go, most of my time is on and needs to be on CodePen. An incredible amount of work lays ahead there as we evolve it.

Things to Get Done

That’s not to say there isn’t work to be done. I’ve got some WordPress scrubbing to do, for one thing. There are a few too many places functionality code is being stored on the site. I’ve completed an audit, but now I need to do the coding work to get it clean again. Things change over the years, WordPress evolves, needs evolve, performance and accessibility considerations evolve, my own taste evolves. Code from 8 years ago needs to evolve too.

One thing I’d really love to get done is to move all the content on the site that really should have been a Custom Post Type to actually be Custom Post Types. Namely screencasts and almanac entries. Right now they are Pages instead, which was fine at the time as it lends itself to a hierarchical structure nicely. But the only reason they aren’t Custom Post Types is because those didn’t exist when I started them. In today’s WordPress, they really should be, and I think it would open doors to managing them better. I’m not sure I have the chops to pull off a conversion like that so I might have to hire out for it.

I’d also like to evolve our eCommerce a bit. I think it’s been going great as we dipped our toes into selling things like posters and MVP membership, and now it’s time to make all that stuff better and more valuable since it’s a proven win. For example, I’m working on making sure the book is downloadable in proper eBook formats, that’ll be a value-add for members. I’ve started thinking about what more we can do with the newsletter as well since those are so hot these days, and I’m a fan.

Social Media Cards

While social media isn’t a major focus of ours, we do tend to make sure Twitter is in good shape, as we have that sweet handle @css. I’m pretty hot on the idea that sites (content sites especially), should have nice social media images. Fortunately, thanks to Social Image Generator and some custom code, ours are in good shape. I still smile looking at them as they are so damn distinct now. WP Tavern did a nice writeup on the plugin.

There are five different possibilities for social cards now we can use.

  • This is the default. It defaults to the post title, but we can override that.
  • If the post has a featured image, it will be incorporated into the social media image like this.
  • If we add a quote to a meta field, we’ll get this special quote card design.
  • We can turn off the generated social media card and have it just use the featured image as the card.
  • If we turn off the generated social card and don’t have a featured image, it falls back to this generic card.

Sponsors

I’m incredibly blessed that we have the same four major sponsors as we’ve had the last few years:

  • Automattic: WordPress is at the heart of this whole site. I’m so pleased to get to have Automattic as a sponsor, who not only create all kinds of important software for WordPress that we use here, like Jetpack and WooCommerce, but are big contributors to WordPress itself. I like that the site can be a living testament to what you can do with WordPress.
  • Frontend Masters: There is no A to Z learning path here on CSS-Tricks. If you want true curriculum to level up your skills, that’s what Frontend Masters is for. I couldn’t recommend any learning platform more, which is why I’m so happy to have them as our official learning partner and enthusiastically point people there.
  • Netlify: The Jamstack is a good movement for the web and literally nobody does it better than Netlify. They have pioneered so many good ideas it’s incredible. It’s easy to look at the industry and see even huge companies scramble to do what they’ve been doing for years.
  • Flywheel: I’m a believer in happy path web hosting. Use hosts that specialize in what you’re doing. This site is WordPress and I don’t think there is a better hosting option for WordPress than Flywheel. And that’s without consider that they also make Local, of which there is no better local development story for WordPress.

Design

We’re about a year and a half into v18, and it has certainly evolved quite a bit since its launch. While it’s feeling solid now, I’ve started to get the redesign itch and have been saving design inspiration for v19. I imagine it’ll happen over the slower holiday season as it tends to. I have a feeling it’ll be a stripping-down sort of design heading back to less colors and more typography-driven approach that can support themes in a way I never have. But we’ll see!

Analytics

It’s largely the same story as the last 3-4 years. Always hovering just a smidge north of 8m page views a month. A perfectly healthy number for such a niche site. But also a constant reminder how difficult the content game is. You’d think a constant stream of content creation would grow traffic up and up over time, particularly since our technical content usually has a decent shelf-life. But at some point, you have to keep creating content and keep working on a site just to maintain what you have. Meaning older content slowly drives less traffic and new content needs to step up and fill the gap. At least that’s one interpretation of what’s going on—I’m sure the complete story is much more intricate (SEO, competition, saturation, content blockers affecting numbers, etc).

The name?

I ain’t gonna up and change anything, but the name “CSS-Tricks” has been so hokey for so long. Every time I see some other brand pull of a daring name change, I’m a little jealous. Would it be worth it for CSS-Tricks? The potential benfits being: a new name could usher in fresh interest in the site, be a catalyst for other change, and be less of a jarring mismatch between what we actually publish and what people might expect us to publish based on the name. I’d have to do a lot more thinking and research to be able to pull it off. If the domain changes, even with perfect redirects, are there still serious SEO implications? How could I minimize the confusion? Is there a chance in hell a change has more upsides than downsides?


The post The Fourteenth Fourth appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

tawk.to message chat

logichunt.info@gmail.com (LogicHunt) napisał interesujący post:

Stay connected anywhere, be in touch with your Joomla vistors from your computer, or your mobile.
tawk.to is a 100% free live chat application designed to increase the effectiveness in managing the online customer engagement experience, enabling multiple websites and agents in a single dashboard interface to chat with the visitors on your website.
Compatible with all modern browsers, tawk.to was created out of the growing need for businesses to respond in real time, with real people.
tawk.to offers iOS, Android, Windows and Mac OSX apps to stay connected, or you can log in via any modern browser.

Czytaj dalszą część postu

Fullscreen Video Background

shumisha@gmail.com (Yannick Gaultier) napisał interesujący post:

Fullscreen Video Background is a Joomla module that lets you add beautiful full-screen backgrounds to your site.
You can display full screen videos, audio, images, and color backgrounds. Supported videos are from YouTube, Vimeo, Wistia, Dailymotion, and HTML5 Videos.
Simple to Use
You do not need to be a web developer to install or use Fullscreen Video Background. Just download the Fullscreen Video Background, install and add your desired video.

Exclusive Features
Fully Responsive.
Lightweight & Minimal setup
Joomla 3.x & Joomla 4.x Ready.
Super lightweight and easy to use.
Well Organized allow to Customize Easily.
Enable on specific pages.
Multi-lingual Supported.
Fastest Support By Developer Team.
Strong Administrator Settings.
100% Money Back Guarantee.
Full of Options
Append To
Media Type
Media ID or File Location
Poster
Media Link
Overlay – 43 styles included
Quality – HD or SD
Auto Playback
Start At
End At
Delay
Loop – fade-out media background at end of playback option
Audio – Start audio muted option
Controls – change it’s visibility, colors & placement
Page-Up-Down (PUD)
Fade-In-Out (FIO)
Enlarge Media – hide unwanted objects
Aspect Ratio
Image Display […]

Czytaj dalszą część postu

Full Page Background Slideshow

The Template Blog | Blog napisał interesujący post:

Create a fullscreen background slideShow for your site in a couple of minutes with multiple images with overlay background color and pattern.
Full Page Background Slideshow is a Joomla module that lets you add beautiful full-screen background image slideshow to your site.
Simple to Use
You do not need to be a web developer to install or use Full Page Background Slideshow. Just download the Full Page Background Slideshow, install and upload your desired images.

Exclusive Features
Fully Responsive.
Lightweight & Minimal setup
Joomla 3.x & Joomla 4.x Ready.
Super lightweight and easy to use.
Well Organized allow to Customize Easily.
Enable on specific pages.
Multi-lingual Supported.
Fastest Support By Developer Team.
Strong Administrator Settings.
100% Money Back Guarantee.
Full of Options
Image Upload
Media Link
Overlay – 43 styles included
Auto Playback
Delay
Loop – fade-out media background at end of playback option
Audio – Start audio muted option
Controls – change it’s visibility, colors & placement
Page-Up-Down (PUD)
Fade-In-Out (FIO)
Image Display Duration
Image Transition Duration
Image Effect
Image Effect Easing
Disable on mobile devices
Scroll-to-Top Button
And many more!

[…]

Czytaj dalszą część postu

4SEO

logichunt.info@gmail.com (LogicHunt) napisał interesujący post:

4SEO is our latest SEO extension. We’ve been working on it for nearly a year but it’s the direct result of 14 years of experience working with Joomla SEO.
It uses the latest technology, new in the Joomla world, to provide a best-in-class and fastest user experience but combines it with our SEO experience to let you achieve the best possible SEO results.
Our goal: automate every bit of SEO work that can be automated, but let you customize everything with the easiest user interface. This is why many 4SEO features can be accessed directly from the front-end of your site.
SEO covers all important SEO areas:

Page canonicalization
Page metadata management: on frontend or backend
Structured data generation generation: automated or manual
Social networks meta tag generation: automatic sharing image detection, OGP and Twitter Cards tags
XML Sitemaps generation and automatic submission to search engines
Errors detection: 4SEO finds broken links and tells you exactly where they are
Redirections: […]

Czytaj dalszą część postu

WT SEO Meta templates

mathew.lenning@gmail.com (Mathew Lenning) napisał interesujący post:

Plugin for using variables in the title and meta description tags. Allows you to use templates for the title tag and the description meta tag. Accepts data (including SEO templates ) from additional plugin providers.
To work, you install 2 plugins:

Main WT SEO Meta templates
Plugin provider for your component (for example, for Virtuemart).
The plugin provider creates and passes variables and SEO templates to the main plugin. All settings are made in the provider plugin.
The main plugin replaces variables with their values

At the moment, the following plugin providers are created:
– WT SEO Meta templates – Content (standart Joomla content categories and articles)
– WT SEO Meta templates – Virtuemart (online store)
– WT SEO Meta templates – MyCitySelector (Joomla multi-region component)
You can use seo templates in title or meta-descrtiption like: „Buy {PRODUCTNAME} for {PRODUCTPRICE}”

Czytaj dalszą część postu

JLogs

info@web-tolk.ru (Sergey Tolkachyov) napisał interesujący post:

A useful minimal Joomla! extension that helps to find and view the log files with errors right from your Joomla! admin interface. Get access to all your log files from one place. View the latest activity, select logs by date, or view the contents of a full log file.
FEATURES
Show all log files’ contents
You can view a list of all Joomla! log files and the content of its file separately with the options to empty or delete the file(s) directly from the admin panel with one click.
JLogs Settings

Sort table data (You are able to sort the table data by the file last modified datetime, the file name, or the file size)
Customize the columns display (You can choose the columns that will be displayed Filesize, Last modified, Empty file contents, Delete log files)
Sort table data by (You can sort the table by the file last modified datetime, the file size or the […]

Czytaj dalszą część postu

4LOGS

yiannis@web357.com (Web357) napisał interesujący post:

4LOGS is a simple plugin that lets you manage all log files on your site.You can view, download or delete all log files produced by Joomla or extensions you are using.
4LOGS works the same on Joomla 3 & Joomla 4.

View all available log files, sorted by folder, date and time
View their content with a single click
Download any log file to your computer
Delete any one of them
Improve your site operations by staying on top of errors and debugging

Czytaj dalszą część postu

GoTo Admin

shumisha@gmail.com (Yannick Gaultier) napisał interesujący post:

Goto Admin is a simple plugin that allows you to required a URL parameter in order access the Joomla administrator login page.
Any requests that are directed at your site admin without the required parameter will be redirected to your sites front-end.
You can set the name of the url parameter, the expected value of the parameter and the URL to redirect to if the checks fail

Czytaj dalszą część postu

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