Easy Data Retrieval From Hard Drives

It’s easy. You might think it’s not but it is. Retrieving data from the hard drive is not as hard as you think. Unfortunately, most people think it’s hard. For that reason, not a lot of people think about retrieving data from their hard drive. When their computer or laptop gets busted, they just end up buying a new one. If they want to salvage any of their files, they’ll just try to retrieve data from their external drives. They won’t bother with hard drive of their computer or laptop.

Hard drive data retrieval can get pretty intimidating for most people, especially the ones who hardly have any kind of computer background. Of course, there’s no excuse for ignorance but there are really some people who just don’t think much about their hard drive.

Now that could be a problem, especially for some people who are still using Windows 7. If you’re one of these people who are still using Windows 7, you should probably start to think about hard drive data retrieval. If you are not aware of the latest new on Windows 7, then here it is. Microsoft will discontinue its support for this particular operating system.

Windows 7, which was released in 2009 – when the Internet was a very different place – will no longer be supported for free starting January 15th, 2020.

For most people, the best course of action is to migrate to Windows 10, which will provide you with ongoing security updates to protect you.

(Via: http://ktar.com/story/2438607/what-are-my-options-when-microsoft-discontinues-support-for-windows-7/)

Considering the latest news on Windows 7, it really doesn’t take a computer or laptop breakdown to think seriously about hard drive data retrieval. If your computer is still running on Windows 7, your data could eventually be in danger. There is a security risk if your Windows 7 is no longer updated from time to time, unless you are using Windows 7 Pro.

If you have specialized software or devices running on Windows 7 Pro, you can purchase the extended support through January of

The Serif Tax

Fonts are vector. Vector art with more points makes for larger files than vector art with fewer points. Custom fonts are downloaded. So, fonts with less points in their vector art are smaller. That’s the theory anyway. Shall we see if there is any merit to it?

The vector points on the letters of Lorem Ipsum text shown on Open Sans and Garamond. It's not incredibly dramatic, but there are more points on Garamond
Open Sans (top) and Garamond (bottom)

Let’s take two fonts off of Google Fonts: Open Sans and EB Garamond. The number of points isn’t a dramatic difference, but the seriffed Garamond does have more of them, particularly in looking at the serif areas.

It’s not just serifs, but any complication. Consider Bleeding Cowboys, a masterpiece of a font and a favorite of pawn shops and coffee carts alike where I live in the high desert:

Let’s stick to our more practical comparison.

We get some hint at the size cost by downloading the files. If we download the default “Latin” set, and compare the regular weight of both:

OpenSans-Regular.ttf 96 KB
EBGaramond-Regular.ttf 545 KB

I’m not 100% sure if that’s apples-to-apples there, as I’m not exactly a font file expert. Maybe EB Garamond has a whole ton of extra characters or something? I dunno. Also, we don’t really use .ttf files on the web where file size actually matters, so let’s toss them through Font Squirrel’s generator. That should tell us whether we’re actually dealing with more glyphs here.

A screenshot of the results from running the fonts through Font Squirrel, showing 3,095 glyphs for Garamond and 938 glyphs for Open Sans.

It reports slightly different sizes than the Finder did and confirms that, yes, Garamond has way more glyphs than Open Sans.

In an attempt to compare sizes with a font file with the same number of available characters, I’m did a custom subset of just upper, lower, punctuation, and numbers (things that both of them will have), before outputting them as .woff2 files instead of .ttf.

A screenshot of the selected types of glyphs to export.

After that…

opensans-regular-webfont.woff2 10 KB
ebgaramond-regular-webfont.woff2 21 KB

I didn’t serve them over a network with GZIP or brotli or anything, but my understanding is that WOFF2 is already compressed, so it’s not super relevant.

Roughly two-to-one when comparing the file size of these two …

Using a Mixin to Take the Math out of Responsive Font Sizes

Responsive Font Size (RFS) is an engine that automatically calculates and updates the font-size property on elements based on the dimensions of the browser viewport.

If you’re thinking that sounds familiar, that’s because there is a slew of tools out there that offer various approaches for fluid typography. In fact, Chris compiled a bunch of those a little while back. Check that out because it’s always good to know what’s out there and what fits best for a particular task.

RFS is different in that it makes writing code for fluid type feel a lot like writing native CSS (or, more accurately, like writing with a preprocessor) directly in the stylesheets you’re already working in — only without having to wrangle and manage a bunch of media queries. It’s even compatible with Sass, Less, Stylus and PostCSS, so it plugs into just about any stack.

Just how integrated is it? Well, let’s compare a snippet for fluid typography that uses the calc() function…

html {
  font-size: 16px;

@media screen and (min-width: 320px) {
  html {
    font-size: calc(16px + 6 * ((100vw - 320px) / 680));

@media screen and (min-width: 1200px) {
  html {
    font-size: 22px;

…with a similar example of how it can be done with RFS in Sass:

.title {
  @include font-size(4rem);

Which compiles to:

.title {
  font-size: 4rem;

@media (max-width: 1200px) {
  .title {
    font-size: calc(1.525rem + 3.3vw);

Curious how that works? Let’s check it out and then go into how to set it up for a project.

The magic behind automatic re-scaling

Here’s a graph to get a better understanding of how RFS re-scales font sizes:

Every color represents a font size that gets passed to the font-size() mixin provided by RFS. The y-axis of the graph represents the font size (in px) and the x-axis represents the width of the viewport (again, in px).

Let’s focus on the green line, which is generated by applying a mixin to an element:

.title {
  @include font-size(40);

70+ Modern Corporate Brochure Templates

Brochures are an incredibly important part of identity and branding for any type of business. Whether you’re keeping customers informed, marketing a new product, or selling your services. A beautiful, modern brochure template can be a great starting point.

Today, we tracked down some of the most beautiful, creative brochure designs to help you quickly get started with a professional template. All these brochure designs come in the form of a ready-to-go template, fully print ready, and most just cost a few dollars. Let’s dive in!

Modern Corporate Brochure Template

Modern Corporate Brochure Template

This modern brochure template comes with a professional design made specifically for corporate agencies and businesses. It includes 16 unique page layouts with easily editable designs you can use to design different company profile and project brochures.

  • Price: Envato Elements Subscription

Minimal Corporate Brochure Template

Minimal Corporate Brochure Template

A corporate brochure template featuring a minimal design. This template is ideal for making company profile brochures for showcasing your agency or company in a professional way. It comes fully layered to let you easily edit the design as well.

  • Price: Envato Elements Subscription

Brand Manual Brochure Template

Brand Manual Brochure Template

This modern and stylish brochure includes 40 unique page layouts and it comes in A4 and US Letter size. This template is most suitable for making brand manuals and profiles for corporate companies.

  • Price: Envato Elements Subscription

Clean Company Profile Brochure Template

Clean Company Profile Brochure Template

Another modern brochure template featuring an elegant design. The template includes 16 page layouts with automatic page numbering, paragraph styles, and a grid content layout. You can customize this template using InDesign CS4 or higher.

  • Price: Envato Elements Subscription

Clean Bifold Corporate Brochure

Clean Bifold Corporate Brochure

This is a bi-fold brochure template you can use to design a modern brochure for a corporate company. The template comes with 2 designs and in US Letter size. You can easily edit it to your preference as well.

  • Price: Envato Elements Subscription

Creative Corporate Brochure Template

Creative Corporate Brochure Template

This multipurpose brochure template can be used to craft all kinds of corporate and business brochures. It features 24 page designs in both A4 and …

Duc – A Collection Of Tools To Inspect And Visualize Disk Usage

Duc is a collection of tools that can be used to index, inspect and visualize disk usage on Unix-like operating systems. Don’t think of it as a simple CLI tool that merely displays a fancy...

The post Duc – A Collection Of Tools To Inspect And Visualize Disk Usage appeared first on OSTechNix.

from OSTechNix https://www.ostechnix.com/duc-a-collection-of-tools-to-inspect-and-visualize-disk-usage/…

20+ Business Plan PowerPoint Templates

When pitching a new business plan, project proposal, or even a new idea to your team, having a professionally designed business plan PowerPoint template can go a long way to make your presentation successful.

We handpicked a collection of modern and creative business plan PowerPoint templates you can use to quickly design an effective presentation slideshow for your next meeting.

With these templates, you don’t have to worry about arranging images, formatting text, or choosing color palettes. Just download the template, double click on the file to open it in PowerPoint, and start editing. The perfect way to present your next business plan in style!

Dots – Business Plan PowerPoint Template

dots. - Business Plan PowerPoint Template

Dots is a PowerPoint template with a modern design. Specifically made for crafting business plan slideshows, the template comes with more than 250 unique slides featuring graphs, charts, infographics, icons, and much more. This template will help you design any type of business plan presentation with ease.

Business Pitch Deck PowerPoint Template

Business Pitch Deck Powerpoint Template

This PowerPoint template comes with a unique pitch deck design that allows you to design slideshow presentations for pitching your business, startup, or product to your target audience. It includes 120 unique slides with professional layouts and allows you to choose from 50 XML color themes to customize the design.

Creative Business PowerPoint Presentation

Creative Business Powerpoint Presentation

A creative business PowerPoint template you can use to design various types of business plan, pitch deck, and marketing related slideshows. This template includes 50 unique slides with premium designs and in 10 different color schemes. It also features image placeholders for easily placing your images in the design as well.

SWOT – Multipurpose Business Presentation Template

SWOT - Multipurpose Business Presentation

Swot is a multipurpose PowerPoint template featuring 111 unique slide designs that include all kinds of editable infographics, icons, and more you’ll need to make a powerful business presentation. The template also includes 20 different color schemes, custom infographics, image placeholders, and more.

Modern Business Plan PowerPoint Template

Modern Business Plan Powerpoint Template

Using this PowerPoint template, you’ll be able to craft a professional presentation slideshow to present your business plan …

Native Lazy Loading

IntersectionObserver has made lazy loading a lot easier and more efficient than it used to be, but to do it really right you still gotta remove the src and such, which is cumbersome. It’s definitely not as easy as:

<img src="celebration.jpg" loading="lazy" alt="..." />

Addy Osmani says it’s coming in Chrome 75:

The loading attribute allows a browser to defer loading offscreen images and iframes until users scroll near them. loading supports three values:

  • lazy: is a good candidate for lazy loading.
  • eager: is not a good candidate for lazy loading. Load right away.
  • auto: browser will determine whether or not to lazily load.

I’ll probably end up writing a WordPress content filter for this site that adds that attribute for every dang image on this site. Hallelujah, I say, and godspeed other browsers.

Easy lazy loading of images will have the biggest impact on the site as a whole, but lazy loaded iframes will be even bigger for the individual sites that use them. I’m into it.

I hope this pushes along the need for native aspect ratios as well, since a major reason for that is preventing content reflow from things loading later. We do have ways now, though.

The post Native Lazy Loading appeared first on CSS-Tricks.

from CSS-Tricks https://css-tricks.com/native-lazy-loading/…

Testing for Visual Regressions with Percy

While this post is not sponsored (it is based on Paul’s own personal experience), we have worked with Percy before on a sponsored video, that also goes through the process of setting up Percy on a site. It’s fascinating, powerful, useful stuff and I highly recommend checking it out.

Let me set the stage:

  1. You’ve pushed some code and all the meticulously unit tests you wrote pass. Fantastic! Let’s get this branch into QA.
  2. You receive a Slack message from your QA team asking why a button is now floating off the screen?
  3. “But… I didn’t touch any code in that part of the application,” you think to yourself.
  4. Then you remember you did change some CSS.
  5. Panic! What else has changed in the UI? Does this affect iPad? Will Firefox behave differently than Chrome? What about mobile?

This is a very common scenario many of us face when building large-scale applications that deal with different screen sizes and browsers. It’s a Herculean task to test UI for each and every change to code.

What now, throw in the towel and move to the mountains? Thankfully, no. We have Percy to help save the day! And it’s really the best friend we have for testing unexpected outcomes that impact design and layout. Percy has become an indispensable part of my development stack and I convinced CSS-Tricks to let me share some things about it that have made my code stronger and helped prevent errors from shipping.

Plus, it integrates well with other tooling and is a relative breeze to set up. So hang with me a bit as we walk through what Percy is and how to leverage it for your projects.

So, what exactly is Percy?

According to Percy’s site, it’s an “all in one visual review platform.”

I’ve found that holds true. What it boils down to is that Percy provides a way to test visual regressions. That’s pretty awesome if you think about it. Many changes to a codebase — especially working with CSS …

50+ Best CV & Resume Templates of 2019

A first impression can either make or break your chance of landing a dream job. So choosing one of the best resume templates can give you a fantastic head start. These modern CV templates for Word, Pages, and InDesign are the perfect starting point for creating your new and improved resume!

These beautifully designed resume templates will help you stand out from the crowd, help you showcase the right skills, and improve your chances of landing the job. Some of the templates are free, and others cost a few dollars. All of them are absolutely beautiful!

Having a modern, professional resume doesn’t necessarily mean you will land the job, but it’s a great way to make sure you get the interview! And once you’ve chosen one, remember to read through our guide on how to customize a CV or resume template to make your own mark.

Sam – Professional CV And Resume Template

Sam - Professional CV And Resume Template

This modern and beautiful resume template features a professional design that’s guaranteed to attract attention. It includes CV, cover letter, and portfolio templates. The template comes to you in A4 size and in Photoshop PSD, Illustrator AI, and Microsoft Word file formats.

  • Price: Envato Elements Subscription

Eva – Professional CV And Resume Template

Eva - Professional CV And Resume Template

Eva is a clean and minimal resume template that also comes in PSD, AI, and Word file formats. This template also includes an additional cover letter and portfolio templates as well as a free font for customizing the design.

  • Price: Envato Elements Subscription

Minimalist CV Resume Template

Minimalist CV Resume Template

This minimal CV template comes with both a resume template and a cover letter design to let you craft a complete professional resume. It comes in AI, EPS, and PSD file formats with organized layers and editable designs.

  • Price: Envato Elements Subscription

Clean Minimalist CV Resume Template AI & PSD

Clean Minimalist CV Resume Template AI & PSD

This stylish resume template can be used to design a double-sided resume. The template is available in AI, PSD, and EPS formats and allows you to easily customize the design to your preference as well.

  • Price:

Olivia – An Elegant, Powerful Cloud Music Player For Linux

Today I stumbled upon a cool media player and I couldn’t resist myself to share it with you all. Say hello to Olivia, a beautiful, modern and powerful cloud music player for Linux. It is...

The post Olivia – An Elegant, Powerful Cloud Music Player For Linux appeared first on OSTechNix.

from OSTechNix https://www.ostechnix.com/olivia-an-elegant-powerful-cloud-music-player-for-linux/…