Tackling the fun behind websites.
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/…
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 Article — Permalink
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/…
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!
We’ve broken our collection down into different categories, so you can quickly find just the right preset for your project!
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 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.
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.
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.
As the name suggests, this …
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/…
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!
We’ve broken our collection down into different categories, so you can quickly find just the right preset for your project!
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 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.
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.
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.
As the name suggests, this …
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:
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.
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 …
What Will the Freelance Web Design Business Look Like Post-Pandemic? – A look at how the re-opening of society might impact freelancers.
Sections Base – Use this free starter kit to build wireframes for your projects.
Nobody told me UX would be like this – The challenges of being a designer, learned through experience.
consoleimg – A tool that lets you view images in your developer console.
PureCSS Gaze – A drawing in the style of an Italian renaissance painting, hand-coded entirely in HTML and CSS.
Responsive web design turns ten. – Gather ’round and read the story of how responsive design came to be.
Getwid – WordPress Blocks – A free bundle of multipurpose blocks for the Gutenberg editor.
Rough Notation – A small JavaScript library that brings hand-drawn, animated notations to your website.
Handling Ethical Disagreements With Your Design Clients – Discover the process behind dealing with, and perhaps preventing, these unpleasant situations.
UX Details – Exploring design patterns and interactions across a range of digital products.
Global and Component Style Settings with CSS Variables – Create more manageable project styles and more portable patterns.
Hacked: What to Do When Your WordPress Website Has Been Compromised – Tips for restoring your hacked website and finding the point of attack.
patternico – A web-based tool for creating seamless patterns for your projects.
Using calc to figure out optimal line-height – Automatically set your line height to adjust to fonts large and small.
Bootstrap Breakpoints – A code snippet that will remind you which breakpoint you’re currently viewing.
Bootstrap Design – A thorough collection of Bootstrap components designed for Figma.
3D in Hand: Beautiful Business Cards with Holographic Effects – Get inspired by this collection of incredible business cards.
Blobs – Use this tool to generate unique SVG 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/…
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:
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.
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 …
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-gaphas 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, orcolumns:2. Learn more
Well that’s awful handy.
Elijah Manor has a blog post and video digging into this a bit.
Direct Link to Article — Permalink
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/…
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.
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