Create Directories or Files Named With Current Date / Time / Month / Year

Have you ever wanted to create a directory or file and name it the current date/time/month/year from command line in Linux? This brief tutorial will teach you how to create a directory or file with...

The post Create Directories or Files Named With Current Date / Time / Month / Year appeared first on OSTechNix.

from OSTechNix https://www.ostechnix.com/how-to-create-directories-named-with-current-date-time-month-year/…

A/B Testing Instant.Page With Netlify and Speedcurve

Instant.Page does one special thing to make sites faster: it preloads the next page when it’s pretty sure you’re going to click a link (either by hovering over 65ms or mousedown on desktop, or touchstart on mobile), so when you do complete the click (probably a few hundred milliseconds later), it loads that much faster.

It’s one thing to understand that approach, buy into it, integrate it, and consider it a perf win. I have it installed here!

It’s another thing to actually get the data on your own site. Leave it to Tim Kadlec to get clever and A/B test it. Tim was able to do a 50/50 A/B split with performance-neutral Netlify split testing. Half loaded Instant.Page, the other half didn’t. And the same halves told SpeedCurve which half they were in, so performance charts could be built to compare.

Tim says it mostly looks good, but his site probably isn’t the best test:

It’s also worth noting that even if the results do look good, just because it does or doesn’t make an impact on my site doesn’t mean it won’t have a different impact elsewhere. My site has a short session length, typically, and very lightweight pages: putting this on a larger commercial site would inevitably yield much different results.

I’d love to see someone do this on a beefier site. I’m in the how could it not be faster?! camp, but with zero data.

Direct Link to ArticlePermalink

The post A/B Testing Instant.Page With Netlify and Speedcurve appeared first on CSS-Tricks.

from CSS-Tricks https://timkadlec.com/remembers/2020-05-21-ab-testing-instant-page-with-netlify-and-speedcurve/…

50+ Best Free Lightroom Presets 2020

Adobe Lightroom is one of the most useful tools you can use to optimize your photos and graphics. Whether you’re a beginner or a pro, it has features suitable for everyone.

What makes Lightroom more powerful is its ability to extend its features with third-party presets. These presets allow you to instantly apply effects, enhance photos, adjust tone and mood, and much with just a few clicks.

Finding amazing Lightroom presets is not difficult. There are plenty available on platforms like Envato Elements. But, for those of you who are on a tight budget and can’t afford premium presets, we made this list of best free Lightroom presets you can download and use to enhance all kinds of photos.

Just looking for a stylish free Lightroom preset? No problem. Let’s dive into our collection of the best free Lightroom presets of 2020!

What Type of Free Preset Do You Need?

We’ve broken our collection down into different categories, so you can quickly find just the right preset for your project!

Portrait Lightroom Presets

Free Lightroom Presets for Portraits

Free Lightroom Presets for Portraits

This is a bundle of free Lightroom presets designed to improve portrait photos. It includes 10 different presets featuring various styles of effects, including vintage, black and white, toning, and more.

Vogue – Free Mobile & Desktop Lightroom Preset

Vogue - Free Mobile & Desktop Lightroom Preset

Vogue is a stylish free Lightroom preset designed for optimizing fashion and lifestyle photos. The preset is fully compatible with both desktop and mobile versions of the Lightroom app.

Free Retro Style Lightroom Preset

Free Retro Style Lightroom Preset

Instantly give a cool retro look and feel to your photos using this creative free Lightroom preset. This effect works well with outdoor portrait and landscape photos.

Vintage Vixen – Free Portrait Lightroom Preset

Vintage Vixen - Free Portrait Lightroom Preset

This free Lightroom preset can be used to enhance and optimize your selfies and portraits. It’s especially more suitable for improving photos for social media.

Contrast Darks – Free Portrait Lightroom Preset

Contrast Darks - Free Portrait Lightroom Preset

As the name suggests, this …

How To Encrypt Directories With eCryptfs In Linux

This guide explains what is eCryptfs and how to encrypt directories with eCryptfs in Linux. eCryptfs is a POSIX-compliant enterprise cryptographic “stacked” filesystem for Linux. Please note that eCryptfs is not a Kernel-level full disk...

The post How To Encrypt Directories With eCryptfs In Linux appeared first on OSTechNix.

from OSTechNix https://www.ostechnix.com/how-to-encrypt-directories-with-ecryptfs-in-linux/…

50+ Best Free Lightroom Presets 2020

Adobe Lightroom is one of the most useful tools you can use to optimize your photos and graphics. Whether you’re a beginner or a pro, it has features suitable for everyone.

What makes Lightroom more powerful is its ability to extend its features with third-party presets. These presets allow you to instantly apply effects, enhance photos, adjust tone and mood, and much with just a few clicks.

Finding amazing Lightroom presets is not difficult. There are plenty available on platforms like Envato Elements. But, for those of you who are on a tight budget and can’t afford premium presets, we made this list of best free Lightroom presets you can download and use to enhance all kinds of photos.

Just looking for a stylish free Lightroom preset? No problem. Let’s dive into our collection of the best free Lightroom presets of 2020!

What Type of Free Preset Do You Need?

We’ve broken our collection down into different categories, so you can quickly find just the right preset for your project!

Portrait Lightroom Presets

Free Lightroom Presets for Portraits

Free Lightroom Presets for Portraits

This is a bundle of free Lightroom presets designed to improve portrait photos. It includes 10 different presets featuring various styles of effects, including vintage, black and white, toning, and more.

Vogue – Free Mobile & Desktop Lightroom Preset

Vogue - Free Mobile & Desktop Lightroom Preset

Vogue is a stylish free Lightroom preset designed for optimizing fashion and lifestyle photos. The preset is fully compatible with both desktop and mobile versions of the Lightroom app.

Free Retro Style Lightroom Preset

Free Retro Style Lightroom Preset

Instantly give a cool retro look and feel to your photos using this creative free Lightroom preset. This effect works well with outdoor portrait and landscape photos.

Vintage Vixen – Free Portrait Lightroom Preset

Vintage Vixen - Free Portrait Lightroom Preset

This free Lightroom preset can be used to enhance and optimize your selfies and portraits. It’s especially more suitable for improving photos for social media.

Contrast Darks – Free Portrait Lightroom Preset

Contrast Darks - Free Portrait Lightroom Preset

As the name suggests, this …

5 Ways to Build Codeless Websites Using WordPress’ Gutenberg

Web designers could be forgiven if their eyes glazed over at the mere mention of building a custom website. Creating an advanced website used to require programming knowledge and hours of coding.

But thanks to Gutenberg, even those who don’t know their HTML from their CSS will be able to create professional websites that stand out from the competition.

The initial feedback to the release of Gutenberg certainly was damning: “…Useless…A joke…Terrible…”

You can argue about how WordPress handled the launch of its new content block editor (and you might be right in thinking it wasn’t great) but the dirty secret is that, after a number of updates, Gutenberg has evolved into an excellent tool for building websites.

Below I will show you 5 ways a web designer with limited coding experience can take advantage of Gutenberg to build the types of custom websites that businesses are looking for.

I created a travel website with a number of custom features using these three tools:

  • Gutenberg
  • Toolset – Its new Toolset Blocks allows you to add custom features to your websites including custom post types, a search and dynamic content.
  • GeneratePress – A lightweight and fast theme that is easy for beginners to use.

Now I’ll let you in on a secret. I’m not a developer. In fact, I have limited coding experience. Yet I was able to use Gutenberg to build a professional website with a number of features that custom websites would require. Below I’ll go through five of them.

1. You Can Create Dynamic Content

An advantage it has over page builders is that Gutenberg comes with a number of block extensions to enhance your websites. One of those is Toolset which offers dynamic content capabilities.

Dynamic content means you can create an element (such as an image) that will draw the correct content from the database. So when you create a list of posts you only need to add each block for each element once, but that block will display different content for each post.

For …

Weekly News for Designers № 543

Envato Elements

What Will the Freelance Web Design Business Look Like Post-Pandemic? – A look at how the re-opening of society might impact freelancers.
Example of What Will the Freelance Web Design Business Look Like Post-Pandemic?

Sections Base – Use this free starter kit to build wireframes for your projects.
Example of Sections Base

Nobody told me UX would be like this – The challenges of being a designer, learned through experience.
Example of Nobody told me UX would be like this

consoleimg – A tool that lets you view images in your developer console.
Example of consoleimg

PureCSS Gaze – A drawing in the style of an Italian renaissance painting, hand-coded entirely in HTML and CSS.
Example of PureCSS Gaze

Responsive web design turns ten. – Gather ’round and read the story of how responsive design came to be.
Example of Responsive web design turns ten.

Getwid – WordPress Blocks – A free bundle of multipurpose blocks for the Gutenberg editor.
Example of Getwid – WordPress Blocks

Rough Notation – A small JavaScript library that brings hand-drawn, animated notations to your website.
Example of Rough Notation

Handling Ethical Disagreements With Your Design Clients – Discover the process behind dealing with, and perhaps preventing, these unpleasant situations.
Example of Handling Ethical Disagreements With Your Design Clients

UX Details – Exploring design patterns and interactions across a range of digital products.
Example of UX Details

Global and Component Style Settings with CSS Variables – Create more manageable project styles and more portable patterns.
Example of Global and Component Style Settings with CSS Variables

Hacked: What to Do When Your WordPress Website Has Been Compromised – Tips for restoring your hacked website and finding the point of attack.
Example of Hacked: What to Do When Your WordPress Website Has Been Compromised

patternico – A web-based tool for creating seamless patterns for your projects.
Example of patternico

Using calc to figure out optimal line-height – Automatically set your line height to adjust to fonts large and small.
Example of Using calc to figure out optimal line-height

Bootstrap Breakpoints – A code snippet that will remind you which breakpoint you’re currently viewing.
Example of Bootstrap Breakpoints

Bootstrap Design – A thorough collection of Bootstrap components designed for Figma.
Example of Bootstrap Design

3D in Hand: Beautiful Business Cards with Holographic Effects – Get inspired by this collection of incredible business cards.
Example of 3D in Hand: Beautiful Business Cards with Holographic Effects

Blobs – Use this tool to generate unique SVG blobs.
Example of Blobs

The post Weekly News for Designers № 543 appeared first on Speckyboy Design Magazine.

from Speckyboy Design Magazine https://speckyboy.com/weekly-news-for-designers-543/…

5 Ways to Build Codeless Websites Using WordPress’ Gutenberg

Web designers could be forgiven if their eyes glazed over at the mere mention of building a custom website. Creating an advanced website used to require programming knowledge and hours of coding.

But thanks to Gutenberg, even those who don’t know their HTML from their CSS will be able to create professional websites that stand out from the competition.

The initial feedback to the release of Gutenberg certainly was damning: “…Useless…A joke…Terrible…”

You can argue about how WordPress handled the launch of its new content block editor (and you might be right in thinking it wasn’t great) but the dirty secret is that, after a number of updates, Gutenberg has evolved into an excellent tool for building websites.

Below I will show you 5 ways a web designer with limited coding experience can take advantage of Gutenberg to build the types of custom websites that businesses are looking for.

I created a travel website with a number of custom features using these three tools:

  • Gutenberg
  • Toolset – Its new Toolset Blocks allows you to add custom features to your websites including custom post types, a search and dynamic content.
  • GeneratePress – A lightweight and fast theme that is easy for beginners to use.

Now I’ll let you in on a secret. I’m not a developer. In fact, I have limited coding experience. Yet I was able to use Gutenberg to build a professional website with a number of features that custom websites would require. Below I’ll go through five of them.

1. You Can Create Dynamic Content

An advantage it has over page builders is that Gutenberg comes with a number of block extensions to enhance your websites. One of those is Toolset which offers dynamic content capabilities.

Dynamic content means you can create an element (such as an image) that will draw the correct content from the database. So when you create a list of posts you only need to add each block for each element once, but that block will display different content for each post.

For …

Understand why CSS has no effect with the Inactive CSS rules indicator in Firefox DevTools

It’s useful when DevTools tells you that a declaration is invalid. For example, colr: red; isn’t valid because colr isn’t a valid property. Likewise color: rd; isn’t valid because rd isn’t a valid value. For the most part, a browser’s DevTools shows the declaration as crossed out with a warning () icon. It would be nice if they went a step further to tell you which thing was wrong (or both) and suggest likely fixes, but hey, I don’t wanna look a gift horse in the mouth.

Firefox is starting to go a step further in telling you when certain declarations aren’t valid, not because of a syntax error, but because they don’t meet other qualifications. For example, I tossed a grid-column-gap: 1rem on a random <p> and I was told this in a little popup:

grid-column-gap has no effect on this element since it’s not a flex container, a grid container, or a multi-column container.

Try adding either display:grid, display:flex, or columns:2. Learn more

Well that’s awful handy.

Elijah Manor has a blog post and video digging into this a bit.

Direct Link to ArticlePermalink

The post Understand why CSS has no effect with the Inactive CSS rules indicator in Firefox DevTools appeared first on CSS-Tricks.

from CSS-Tricks https://elijahmanor.com/firefox-devtools-inactive-css/…

The Costs of Ransomware

Businesses, beware! Ransomware attacks have developed through the years, with attackers implementing more covert and advanced techniques, while at the same time learning from the mistakes in implementation that occurred in earlier generations of attacks. Moreover, a number of attacks have become more devious with a new component that involves data leaks, which in turn makes companies vulnerable, as they are exposed to graver threats than traditional data loss that used to be the only threat posed by ransomware.

So, how has ransomware threatened so many institutions?  How has it evolved into a more threatening event? Are businesses ready and have they equipped themselves with the necessary tools to combat these attacks? Finally, can the government do anything about this, since there have been some government institutions that have been affected?

Not just business, but whole towns!

The trends that have been prevalent in 2019 indicate that not only will these attacks be more present, but they are likely to happen more. And this will not only affect businesses, but also entire towns. In fact, it has been reported that for every six towns in the state of Massachusetts, one is a victim of ransomware.

Many towns recovered their files from backups, but at least 10 handed over taxpayer money to hackers to unlock their data, records obtained by the NBC10 Boston Investigators show.

Inside the Bay State, a handful of attacks against cities and towns have garnered widespread attention, though the problem may be more prevalent than many imagine.

(Via: https://www.nbcboston.com/investigations/1-in-6-massachusetts-communities-hit-by-ransomware-attacks/2076600/)

 

The academe is not spared

Even higher institutions of learning have also fallen victim to cybercriminals peddling ransomware. Niagara University had to cancel classes on the second week of February as their computer system came under attack. The university’s IT personnel discovered on February 12 that ransomware attacked has caused some of its email servers to lockdown.

These attacks can be very serious, like the attack which crippled Erie County Medical Center recently. Some companies have been driven out of business because they can’t gain access to