Revisiting Desktop Linux: Drowning in the Deep End

A few years ago, I wrote about attempting a switch from my 20-year relationship with macOS to Windows and Linux. I ended up switching back to macOS, but as I was joining the recent throngs of many who felt that Apple was abandoning power macOS users, I was determined to try again.

With recent announcements of the new MacBook Pro 16", the Mac Pro, and Catalina not being as iOS-esque as we all expected, many of our worries are now less so, but still, there were other justifications for a change at the back of my mind.

Time Warping On AWS Elastic Beanstalk

Using AWS Elastic Beanstalk for time warping

From its inception, AWS Elastic Beanstalk was designed to reduce the complexity of running web applications in the cloud. Elastic Beanstalk is also designed from the ground up to support multiple programming languages, including Node.js and Python.

The Order of CSS Classes in HTML Doesn’t Matter

That’s right! And I can prove it, too. Let’s look at some CSS first:

.a {
  color: red;
}

.b {
  color: blue;
}

And now let’s look at some markup:

<div class="a b">Here’s some text</div>

The text is going to be blue because .b is defined last in the CSS, right? But what if we go about and switch the order in which those classes are called in HTML:

<div class="b a">Here’s some text</div>

What color do you think the text should be? Red or blue?

This certainly might sound like a silly question but it tends to trip up a lot of folks who happen to be familiar with CSS-in-JS solutions. And this week I’ve spoken to two very senior front end engineers who thought similarly as well!

But the text in the example above will always be blue no matter what order those CSS classes are in. And that’s because the markup is just reading the CSS in the order that it’s written — the cascade wins in this example.

The post The Order of CSS Classes in HTML Doesn’t Matter appeared first on CSS-Tricks.

The JAMstack Landscape

It's no big secret that Netlify invented the term JAMstack. While it's possible to embrace the JAMstack without using Netlify, it's notable that Netlify is at the very heart of the whole "JAMstack landscape."

What does "JAMstack landscape" even mean? I like the term because it sets the stage that JAMstack isn't just this one thing, but a way of building sites by piecing together a bunch of different ideas, the most important of which is static file hosting. It's so important, I once jokingly called it SHAMstack. With static hosting at the core, it means that everything else you need to do can't rely on hosted server-side languages, at least not right alongside the production website on the same server.

Without any server-side language available, how do you process your forms? Netlify does it for you. But there are a bunch of other services out there also.

What if you need to do your own special processing of data? That's what cloud functions are for, and Netlify does it for you, but there are other services in the space.

What if you need a login system? Netlify does that along with other companies.

So that's what "landscape" means. There are lots of companies, all involved in some slice of this pie. That's something that makes Netlify so interesting. You can use them for just about every slice of that pie, and it's a damn tasty pie (i.e. they do a great job of all the services they offer).

If it's helpful to visualize, every time I hear JAMstack landscape mentioned, it's always accompanied by this image from crv.com and this image from Redpoint.

The post The JAMstack Landscape appeared first on CSS-Tricks.

Imagely NextGEN Gallery Pro Review: Photography Plugin For WordPress!

Are you a photographer? If you are, you might want to consider starting a website for your business and showcasing your past works. It will help you to get more clients from search engines. That means more revenue for you. Anyway, we always recommend self-hosted WordPress for creating blogs and websites. We do the same […]

The post Imagely NextGEN Gallery Pro Review: Photography Plugin For WordPress! appeared first on WPArena.

The New Facebook Logo and Reasons Behind This Change

new facebook logo

new facebook logo 2019

[source]

Facebook has been around for 15 years and we all know that it needs little to no introduction.

With a boasting 1.63 billion daily active users, Facebook is easily the most popular app to date.

Since 2004, Facebook has been connecting friends and family from all over the globe.

We probably all use it, and we probably use more Facebook apps than we think.

Facebook is the parent company of 74 companies total, which include some of the most popular apps out there, such as Instagram, Whatsapp, Oculus VR and more.

So what started as a single app, grew into something bigger. Connecting families and loved ones from across the world, helping businesses grow, and find other communities.

[source]

But Facebook is more than just a social app. They have an astounding 43,000+ employees that work in over 60 offices around the world.

And although they do have great apps that we all probably enjoy using or enjoyed using at one time, we can’t forget about the major scandal of selling private information that went down last year.

But we’re not here to talk about that today.

Today we are talking about Facebook’s new logo design that was created in-house by Dalton Maag and Saffron.

To quote the reason why they’re updating their logo…

“The new company branding is designed to help us better represent the diversity of products we build, establish a distinction from the Facebook app and communicate our purpose in the world.

Through the process [of redesigning], three foundational design behaviors that informed our brand system emerged:

  • Clarity: a brand that simplifies and builds understanding
  • Empathy: a system that is respectful of context and environment
  • Creating Space: design that supports people and their stories”

[source]

Think of the new logo redesign as a design for the parent company. This way the logo can be distinguished from the app to the parent company.

“Today, when people hear “Facebook” they think of the Facebook app. This posed a unique design challenge. We needed the wordmark to establish distinction from the Facebook app and allow for a clearer connection to the full family of technologies. The new brand system uses custom typography, rounded corners, open tracking and capitalization to create visual distinction between the company and the app.”

 

facebook corporation new logo

[source]

As opposed to the Facebook app logo, the corporate logo is written in all caps, in a unique font that was designed in-house. It was designed with an openness of mind and clarity. With a horizontal structure and consistent stroke width, I can’t deny that the new corporate Facebook logo is as beautiful as it is simple.

You may be wondering what color the Facebook corporate logo will be. There is a more complicated answer to that.

The new logo will be fluid when it comes to color. It will adjust according to its environment and present a matching color or gradient. This is great because it could match the green of Whatsapp, the beautiful Instagram color gradient, or the recognizable blue of Facebook.

new facebook logo

I personally like the simplicitiy of the new Facebook logo.

But I want to know what you guys have to say. What do you think? Are you here for it, or will you have to go with a hard pass?

Let us know in the comment section down below.

 

Until next time,

Stay creative, folks!

Read More at The New Facebook Logo and Reasons Behind This Change

Tech Insights – How Big Data Will Change the World Soon

By now, we have seen how technology has changed the world in many ways. Every sector has new and better technology that is shaping their operations. Big data, a technology that handles and analyses large amounts of data, is now being incorporated in different sectors like healthcare and business. It has already changed the world, […]

The post Tech Insights – How Big Data Will Change the World Soon appeared first on WPArena.

How to Rename Images and Media Files in WordPress

Ever wanted to change an image file name after uploading it to WordPress? Image file names are important for image SEO and can help more users find your website.

While WordPress allows you to change an image alt tag and caption, there is no built-in option to change an image file name from the admin area.

In this article, we will show you how to easily rename images and media files in WordPress. We’ll also show you a method to replace media files after renaming them on your computer.

Rename image files and media in WordPress

Why Rename Images and Media File Names in WordPress?

Images can help you get more traffic to your website. Particularly, if you upload original images and other media files to your website.

However, unlike text, search engines and users both need your help to describe those images. This is a major part of optimizing image SEO.

One of the best ways to help search engines and your users find these images is by giving them a meaningful filename. For example, a file name like newyork-skyline.jpg is a lot more helpful than DSC00789.jpg.

Now the problem is that a lot of users upload images directly from their phones or cameras. Some users download images from other sources and forget to rename them before the upload.

Once you have uploaded those images to WordPress, there is no default option to rename those images or any media files.

Having said that, let’s take a look at how to easily rename images and media files in WordPress.

Renaming Images and Media Files in WordPress

This method does not automatically change the image file name in WordPress. However, it does allow you to manually change an image filename inside the WordPress admin area.

The first thing you need to do is install and activate the Phoenix Media Rename plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, simply go to Media » Library. If your media library is displayed in the grid view, then you will need to switch to the list view.

Switching from grid to list view in WordPress media library

This will allow you to view more details for each media file including the file name.

Next, you need to click on the ‘Edit’ link below the image or media file that you want to rename.

Edit media file

This will open your image in the WordPress media edit screen. From here, you can edit details of an image like Alt tag, caption, and more.

Scroll down to the bottom and you’ll see the filename field.

Change image file name

From here, you can change the file name. We recommend giving it a keyword-focused and meaningful name that actually describes the image. We recommend only using all lowercase letters and dashes between two words.

After that, click on the ‘Update’ button to save your changes.

That’s all. You have successfully renamed the media files without leaving the WordPress admin area. The plugin will also update the file name if you have used the image in a post or page.

Replace Image and Media Files in WordPress

If the above method does not work you, then you can try this method. Basically, you’ll download the file to your computer and rename it there.

After that, you’ll replace the original file on your website with the renamed version by using a plugin.

The first thing you need to do is install and activate the Enable Media Replace plugin. For more details, see our step by step guide on how to install a WordPress plugin.

After that, visit Media » Library page. If you are using the grid-view, then you would need to switch to the list view.

Switching from grid to list view in WordPress media library

You will now see a new link to replace the media below each item in your media library.

Replace media link

This will bring you to the replace media page.

First, you need to choose the file from your computer that you want to upload and replace the old file with. Make sure that you have already changed the file name on your computer.

After that, you need to scroll down a little for more options.

Under replacement options, you can choose whether you just want to replace the file or also want to replace all the links. We recommend using the second option if you have already added that file to your WordPress posts and pages.

Replace options

You can also choose to keep the old date or use a new date.

Finally, click on the ‘Upload’ button to replace the old media file with the new and renamed file.

We hope this article helped you learn how to easily rename images and media files in WordPress. You may also want to see our article on best WordPress image compression plugins compared.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Rename Images and Media Files in WordPress appeared first on WPBeginner.