techscopic - Tumblr blog

techscopic · 6 years ago

Text

Flow Object.values(…)

JavaScript typing utilities, like Flow and TypeScript, have become popular in JavaScript apps of all sizes. As I mentioned in our Script & Style Show typing podcast, typing is a great way to implicitly implement documentation and validation. Flow isn’t always easy to perfect, however, and Object.values was a pain point for me.

When using Flow, Object.values could trigger the following error:

Cannot call Object.values(…).map with function bound to callbackfn because property {prop} is missing in mixed [1] in the first argument.

The reason for this error is that Object.values() could return any value type. One way to get past this annoyance is to use the following:

...(Object.values(whatever): any)

Using an any type is never ideal but providing a type with Object.values will help satisfy Flow. In the end, it does make sense that Object.values isn’t trusted, because anything could be returned, but having to use any is a tough pill to swallow for type lovers!

The post Flow Object.values(…) appeared first on David Walsh Blog.

Flow Object.values(…) published first on https://appspypage.tumblr.com/

0 notes

techscopic · 6 years ago

Text

JavaScript Detect Async Function

JavaScript async/await has changed the landscape of how we code. We’re no longer stuck in callback or then hell, and our code can feel more “top down” again.

Async functions require the following syntax:

async function myFunction() { }

To use await with a function, the function needs to be declared with async. That got me to thinking: is it possible to detect if a function is asynchronous?

To detect if a function is asynchronous, use the function’s constructor.name property:

const isAsync = myFunction.constructor.name === "AsyncFunction";

If the value is AsyncFunction, you know the function is async!

Async functions are my preferred method of working with promises. Knowing if a function is async could be useful as a library creator or a typing/validation utility.

The post JavaScript Detect Async Function appeared first on David Walsh Blog.

JavaScript Detect Async Function published first on https://appspypage.tumblr.com/

0 notes

techscopic · 6 years ago

Text

Convert Video to Grayscale

I’m a JavaScript fanatic but I’ve always been fascinated with media manipulation. Maybe it’s because I’ve secretly always wanted to be a designer, but I’m fine with being able to manipulate art with software instead of create the art myself. One type of art I’ve always enjoyed was black and white (/grayscale) video.

To convert a video to black and white, you can utilize ffmpeg with a few simple arguments:

ffmpeg -i input.mp4 -vf hue=s=0 output.mp4

The preceding command turns this color video:

… to the following grayscale video:

If you were to search ffmpeg on this blog, you’d find dozens of tutorials about how amazing the tool is. Play around with ffmpeg and let me know what awesomeness you come up with!

The post Convert Video to Grayscale appeared first on David Walsh Blog.

Convert Video to Grayscale published first on https://appspypage.tumblr.com/

0 notes

techscopic · 6 years ago

Text

Remove Recent Applications from Dock

A Mac user’s dock is a sacred place. We customize our dock to no end, and if you’re ultra organized like me, you even use dock separators to group your app icons.

Apple recently implemented a feature which displays three recently used apps in the dock. For basic users that’s reasonable, but for power users like us, it’s an annoyance.

To remove this recent applications feature:

Click the Apple menu, then choose System Preferences

Click the Dock icon

Uncheck the Show recent applications in Dock checkbox

I lived with this invasion of Dock privacy for far too long. Take a moment to cleanse your Dock and you’ll feel much better!

The post Remove Recent Applications from Dock appeared first on David Walsh Blog.

Remove Recent Applications from Dock published first on https://appspypage.tumblr.com/

0 notes

techscopic · 6 years ago

Text

Convert Video to Grayscale

I’m a JavaScript fanatic but I’ve always been fascinated with media manipulation. Maybe it’s because I’ve secretly always wanted to be a designer, but I’m fine with being able to manipulate art with software instead of create the art myself. One type of art I’ve always enjoyed was black and white (/grayscale) video.

To convert a video to black and white, you can utilize ffmpeg with a few simple arguments:

ffmpeg -i input.mp4 -vf hue=s=0 output.mp4

The preceding command turns this color video:

… to the following grayscale video:

If you were to search ffmpeg on this blog, you’d find dozens of tutorials about how amazing the tool is. Play around with ffmpeg and let me know what awesomeness you come up with!

The post Convert Video to Grayscale appeared first on David Walsh Blog.

Convert Video to Grayscale published first on https://appspypage.tumblr.com/

0 notes

techscopic · 6 years ago

Text

Remove Recent Applications from Dock

A Mac user’s dock is a sacred place. We customize our dock to no end, and if you’re ultra organized like me, you even use dock separators to group your app icons.

Apple recently implemented a feature which displays three recently used apps in the dock. For basic users that’s reasonable, but for power users like us, it’s an annoyance.

To remove this recent applications feature:

Click the Apple menu, then choose System Preferences

Click the Dock icon

Uncheck the Show recent applications in Dock checkbox

I lived with this invasion of Dock privacy for far too long. Take a moment to cleanse your Dock and you’ll feel much better!

The post Remove Recent Applications from Dock appeared first on David Walsh Blog.

Remove Recent Applications from Dock published first on https://appspypage.tumblr.com/

0 notes

techscopic · 6 years ago

Text

7 Useful JavaScript Tricks

Just like every other programming language, JavaScript has dozens of tricks to accomplish both easy and difficult tasks. Some tricks are widely known while others are enough to blow your mind. Let’s have a look at seven JavaScript tricks you can start using today!

Get Unique Values of an Array

Getting an array of unique values is probably easier than you think:

var j = [...new Set([1, 2, 3, 3])] >> [1, 2, 3]

I love the mixture of rest expression and Set!

Array and Boolean

Ever need to filter falsy values (0, undefined, null, false, etc.) out of an array? You may not have known this trick:

myArray .map(item => { // ... }) // Get rid of bad values .filter(Boolean);

Just pass Boolean and all those falsy value go away!

Create Empty Objects

Sure you can create an object that seems empty with {}, but that object still has a __proto__ and the usual hasOwnProperty and other object methods. There is a way, however, to create a pure “dictionary” object:

let dict = Object.create(null); // dict.__proto__ === "undefined" // No object properties exist until you add them

There are absolutely no keys or methods on that object that you don’t put there!

Merge Objects

The need to merge multiple objects in JavaScript has been around forever, especially as we started creating classes and widgets with options:

Those three dots made the task so much easier!

Require Function Parameters

Being able to set default values for function arguments was an awesome addition to JavaScript, but check out this trick for requiring values be passed for a given argument:

That’s some next level validation and JavaScript usage!

Destructuring Aliases

Destructuring is a very welcomed addition to JavaScript but sometimes we’d prefer to refer to those properties by another name, so we can take advantage of aliases:

const obj = { x: 1 }; // Grabs obj.x as { x } const { x } = obj; // Grabs obj.x as as { otherName } const { x: otherName } = obj;

Useful for avoiding naming conflicts with existing variables!

Get Query String Parameters

For years we wrote gross regular expressions to get query string values but those days are gone — enter the amazing URLSearchParams API:

// Assuming "?post=1234&action=edit" var urlParams = new URLSearchParams(window.location.search); console.log(urlParams.has('post')); // true console.log(urlParams.get('action')); // "edit" console.log(urlParams.getAll('action')); // ["edit"] console.log(urlParams.toString()); // "?post=1234&action=edit" console.log(urlParams.append('active', '1')); // "?post=1234&action=edit&active=1"

Much easier than we used to fight with!

JavaScript has changed so much over the years but my favorite part of JavaScript these days is the velocity in language improvements we’re seeing. Despite the changing dynamic of JavaScript, we still need to employ a few decent tricks; keep these tricks in your toolbox for when you need them!

What are your favorite JavaScript tricks?

The post 7 Useful JavaScript Tricks appeared first on David Walsh Blog.

7 Useful JavaScript Tricks published first on https://appspypage.tumblr.com/

0 notes

techscopic · 6 years ago

Text

Remove Recent Applications from Dock

A Mac user’s dock is a sacred place. We customize our dock to no end, and if you’re ultra organized like me, you even use dock separators to group your app icons.

Apple recently implemented a feature which displays three recently used apps in the dock. For basic users that’s reasonable, but for power users like us, it’s an annoyance.

To remove this recent applications feature:

Click the Apple menu, then choose System Preferences

Click the Dock icon

Uncheck the Show recent applications in Dock checkbox

I lived with this invasion of Dock privacy for far too long. Take a moment to cleanse your Dock and you’ll feel much better!

The post Remove Recent Applications from Dock appeared first on David Walsh Blog.

Remove Recent Applications from Dock published first on https://appspypage.tumblr.com/

0 notes

techscopic · 6 years ago

Text

Simplistic Website Design Ideas to Transform Your Online Presence

Your web design is typically one of the first interactions potential clients have with your brand. First impressions are key, and your website is your chance to make a lasting first impression on users.

With over 1 billion websites on the Internet (and growing by the second), your website has to stand out among the rest, especially if you want users to love, trust, and return to your brand. But how do you stay inspired and craft a website unlike any of the other billion out there?

Today, well talk about various web design ideas that you can tweak and manipulate in order to concoct a design for your perfect website.

Can’t build a website on your own? Don’t worry, WebFX can help. We offer web design and development services for tons of industries. Find some inspiration here, decide on elements that you like, and bring your blueprint to us.

Now let’s get started!

Simple website design tips

When it comes to your website, simple is better. The more site elements you have, the more potential there is for overwhelming users, which could cause them to leave your website.

Here are some tips for keeping your web design simple, crisp, and aesthetically pleasing.

Keep your navigation simple

Your navigation bar is one of the most important elements of your website. Not only does it give site visitors an overview of what your website has to offer, but it also helps them navigate effectively.

Sometimes though, companies will cram all their site pages into their main navigation bar. Although this seems like it might be the best way to show users all of your site pages, it can easily overwhelm viewers and do more harm than good.

If users become too overwhelmed by your navigation bar and have to sift through tons of pages before they can find what they’re looking for, they might navigate away from your page.

Your main navigation should feature four to six main tabs with a few options under each. This will ensure that your users have enough choices to direct their interests, but not too many to overwhelm them.

Don’t use too many colors

If you use too many colors on your site, you could again leave users feeling overwhelmed. It’s one thing to have a core color palette with a few main colors, but when you use them all at once on your site, it won’t bode well for your design.

You should try to stick to two or three main colors on your website, not including black and white. From there, use the other colors in your core palette to accent elements of your page.

For example, you could use one of your louder colors for a call-to-action (CTA) button or use a second accent color for your sidebar.

Another important thing to remember with color is to choose a core color palette and stick to it. Using the same colors on all pages of your site will help to boost your brand awareness and help every page feel cohesive, even if they’re designed differently.

Take this page for example. Between the images, the promotions, and the header, there are so many colors that it definitely has potential to overwhelm users. In just this top section of the home page, there are over six colors.

Relish white space

White space is one of the most important parts of a great web design. Not only does it allow page elements to breathe, but it keeps visitors from becoming overwhelmed by too many site elements.

White space refers to the gaps of space left between site elements, along the borders of your pages, and in between content. Without white space, your pages tend to feel crowded to users.

This website does a great job of utilizing white space to ensure that visitors can easily make their way through the page and its content. Scroll through this restaurant website’s homepage to see what we mean!

Simple website design ideas to inspire your next web design

Now that you know a few key elements that help keep your site design clean and simple, check out some of these amazing, modest website design examples that will inspire you to redesign your own online presence.

Warby Parker

Warby Parker, an online eyeglass company, does a great job at showing users exactly what they sell right off the bat, without overwhelming them with information.

Their homepage is short in length and features less than 100 words, including their brand name and navigation. This simplistic design presents little information up front, prompting site visitors to click around to find what they’re looking for.

But just because there isn’t a lot of information on the home page doesn’t mean users will navigate away.

In this case, the simplistic design pinholes users into clicking one of the few options that they have in order to find what they’re looking for. This is extremely clever since users won’t feel overwhelmed. They’ll be more likely to click to another page to find additional information about the product they’re looking for.

Rothy’s

The “total game changer” shoe website, Rothy’s, features a core color palette, lots of images, and tons of white space.

It’s simplistic navigation menu only offers three options — giving users a few choices and a high probability of clicking one of them.

There is ample space between site elements, and though the images are extremely colorful, the site itself sticks to a core color palette of only two colors: royal blue and gray. This allows the images to pop off the page while exciting and engaging site visitors, without overwhelming them.

The Gregory

A fantastic restaurant in Baton Rouge, The Gregory restaurant has a stellar website that is simple, enjoyable, and makes your mouth water for their food.

Their simple home page features six main areas that are backed by gorgeous images of their food and chefs. The color palette features three main colors as to not distract or overwhelm users. The neutral color tone allows the colors of the images to bounce off the page, and white space allows for their page elements to breathe.

They also feature a number of effective CTAs in order to get more information about their target audience or allow them to make a reservation.

Did you know that the amazing designers at WebFX created this website? It’s true!

Want more web design inspiration?

If you’re looking to jazz up your current website or start from scratch, WebFX is here to help! We’ve been creating gorgeous, effective, and enticing websites for clients just like you for over a decade. We can also provide you with web design ideas to help you get a better feel for what you’re looking for.

In that time, we’ve won over 50 awards for our designs and pride ourselves on our full in-house team of some of the most talented web designers in the world.

If you’re looking to create a website that entices users to purchase your products and keep coming back for more, contact us online today or give us a call at 888-601-5359!

The post Simplistic Website Design Ideas to Transform Your Online Presence appeared first on WebFX Blog.

Simplistic Website Design Ideas to Transform Your Online Presence published first on https://appspypage.tumblr.com/

0 notes

techscopic · 6 years ago

Text

7 Useful JavaScript Tricks

Just like every other programming language, JavaScript has dozens of tricks to accomplish both easy and difficult tasks. Some tricks are widely known while others are enough to blow your mind. Let’s have a look at {x} JavaScript tricks you can start using today!

Get Unique Values of an Array

Getting an array of unique values is probably easier than you think:

var j = [...new Set([1, 2, 3, 3])] >> [1, 2, 3]

I love the mixture of rest expression and Set!

Array and Boolean

Ever need to filter falsy values (0, undefined, null, false, etc.) out of an array? You may not have known this trick:

myArray .map(item => { // ... }) // Get rid of bad values .filter(Boolean);

Just pass Boolean and all those falsy value go away!

Create Empty Objects

Sure you can create an object that seems empty with {}, but that object still has a __proto__ and the usual hasOwnProperty and other object methods. There is a way, however, to create a pure “dictionary” object:

let dict = Object.create(null); // dict.__proto__ === "undefined" // No object properties exist until you add them

There are absolutely no keys or methods on that object that you don’t put there!

Merge Objects

The need to merge multiple objects in JavaScript has been around forever, especially as we started creating classes and widgets with options:

Those three dots made the task so much easier!

Require Function Parameters

Being able to set default values for function arguments was an awesome addition to JavaScript, but check out this trick for requiring values be passed for a given argument:

That’s some next level validation and JavaScript usage!

Destructuring Aliases

Destructuring is a very welcomed addition to JavaScript but sometimes we’d prefer to refer to those properties by another name, so we can take advantage of aliases:

const obj = { x: 1 }; // Grabs obj.x as { x } const { x } = obj; // Grabs obj.x as as { otherName } const { x: otherName } = obj;

Useful for avoiding naming conflicts with existing variables!

Get Query String Parameters

For years we wrote gross regular expressions to get query string values but those days are gone — enter the amazing URLSearchParams API:

// Assuming "?post=1234&action=edit" var urlParams = new URLSearchParams(window.location.search); console.log(urlParams.has('post')); // true console.log(urlParams.get('action')); // "edit" console.log(urlParams.getAll('action')); // ["edit"] console.log(urlParams.toString()); // "?post=1234&action=edit" console.log(urlParams.append('active', '1')); // "?post=1234&action=edit&active=1"

Much easier than we used to fight with!

JavaScript has changed so much over the years but my favorite part of JavaScript these days is the velocity in language improvements we’re seeing. Despite the changing dynamic of JavaScript, we still need to employ a few decent tricks; keep these tricks in your toolbox for when you need them!

What are your favorite JavaScript tricks?

The post 7 Useful JavaScript Tricks appeared first on David Walsh Blog.

7 Useful JavaScript Tricks published first on https://appspypage.tumblr.com/

0 notes

techscopic · 6 years ago

Text

Open FaceTime Call from Command Line

Communication tools are always associated with UIs, and for good reason — if you want communication to be easy and intuitive, you need easy and intuitive interfaces. We need communication tools to provide the lowest barrier of entry, since not all users will be tech savvy.

For tech experts like us, however, we love command line tools to automate just about everything. This led me to thinking: is it possible to initiate a FaceTIme call from command line?

# Call Jenny open facetime://5558675309

Using the FaceTime protocol, you can start a FaceTime call from command line with the recipient’s phone number.

My children better hope that I don’t get remote access to their computers when they move away — they’ll suddenly be calling their mother every day!

The post Open FaceTime Call from Command Line appeared first on David Walsh Blog.

Open FaceTime Call from Command Line published first on https://appspypage.tumblr.com/

0 notes

techscopic · 6 years ago

Text

Looking for the perfect multipurpose WP Theme? Check out these stunning examples

Advertise here via BSA

Some WordPress users dismiss multipurpose themes. They do so under the assumption that a theme that promises to do everything, can’t do it.

They’re on the lookout for a single-purpose theme that will be just right for the next project. That’s OK, but they’ll end up spending a lot of extra time and money. There are multipurpose themes out there that will get the job done.

High-quality multipurpose themes like those described below are flexible and highly customizable. They are capable of handling anything you can throw at them. Some even have special or unique website-building features.

Plus, many multipurpose themes and all of those described here are responsive. They are intuitive to use and require no coding.

“Jack of all trades and master of none” doesn’t apply here.

So, why not check the following premier products out?

We’ll start with:

1. Be Theme

BeTheme puts a quick end to the argument that although multipurpose websites can do almost anything, they can’t to some things particularly well.

Browse the list of Be’s 40+ core features. There’s insufficient space to list them all, but they include the new Header Builder, the Muffin Builder, a Layout Generator and a Shortcode Generator.

Couple these with Be’s library of 400+ customizable pre-built websites, and you’ll see why this WordPress multipurpose theme is so popular. Its pre-built websites cover 30+ different business sectors and niches and virtually every website type or style.

Whichever pre-built website you choose to start a project (you can also start from scratch if you wish) will have the foundation for a super-friendly, high-quality UX embedded right in it.

The shortcode generator and other core features give you all the flexibility you need to build one responsive, SEO-friendly website after another.

If you already have your content close at hand, there’s nothing to stop you from building a website to your exact specifications in as little as 4 hours.

2. Jupiter

When you have a WordPress theme that enables you to build the unbuildable, you’re in pretty good shape. That’s exactly what Jupiter X can do for you, and especially so if you’ve tasked yourself with building a new look blog single page, portfolio list, or blog list.

Jupiter X also allows you to build your own headers and footers, a feature not all that many WordPress themes offer.

This amazing theme’s Shop Customizing feature lets you customize elements in your WooCommerce shop that you’ve found to be off limits when using other WordPress themes; elements like carts, checkout pages, and the like.

Want to build a popup, create a special form, or construct a menu that’s a little out of the ordinary? No problem with Jupiter X.

This scalable, and user and developer-friendly theme has a sterling background. It’s a makeover of Jupiter, a theme by Artbees, a member of Power Elite Envato wall of fame.

3. Uncode – Creative Multiuse WordPress Theme

Uncode, one of ThemeForest’s all time top creative themes can build any type of website you want, thanks in part to it adaptive grid system, the most advanced feature of its type, and its adaptive images system that detects a visitor’s screen size and delivers appropriately re-scaled versions of your images.

Uncode provides more than 200 option-rich design modules to work with, plus 28 powerful rebuilt Visual Composer modules.

There’s more of course, but the best way to decide if Uncode is the WordPress theme you’ve been looking for, we recommend visiting their site and browsing the showcase of user-created websites where you can see for yourself what others have been able to accomplish.

Be prepared to be both impressed and inspired by the creativity on display in these showcased websites.

4. TheGem – Creative Multi-Purpose High-Performance WordPress Theme

TheGem’s authors set out to create the ultimate website-building toolbox of design features, styles, and elements. Try it, and you’ll agree they succeeded big time.

With its 150 and counting demo pages, over 50 multipurpose design concepts, multiple navigation options, and flexible page layouts, TheGem makes you feel like you’re working with the Swiss Army knife of Multipurpose WordPress themes.

TheGem is ideal for any business niche, startups, agencies, and creatives.

5. Brook – Creative Multipurpose WordPress Theme

One WordPress theme for businesses, another for creative agencies. You don’t need to search far and wide when the Brook multipurpose theme can easily handle all types of websites for your company.

Specifically, Brook includes a huge collection of fantastic homepage layouts, custom shortcodes plus the impressive drag & drop page builder, retina slider creator, WooCommerce online shop. Besides, the theme is fully optimized to attain a greater page loading speed and a higher search ranking.

6. Kalium

Kalium is one of the best creative themes for the WordPress platform, it offers an impressive collection of layout designs, theme options, drag and drop content, and high-quality full content design demos gives you all the flexibility you need to build virtually any type or style of website you want.

Kalium is remarkably easy to use, the excellent support it provides is well known, and you’ll always be up to date thanks to the periodic updates.

7. Pofo – Creative Portfolio, Blog and eCommerce WordPress Theme

Although you can use it for virtually any purpose, creative agency websites and portfolios are two areas in which Pofo really excels. Bloggers and eCommerce web designers also give this multipurpose WordPress theme high marks.

Pofo is blazing fast, flexible, and customizable, and features a wealth of pre-built elements, home pages and demo pages.

8. KLEO – Pro Community Focused, Multi-Purpose BuddyPress Theme

This community-focused multipurpose theme is so easy to set up that if you have your content close at hand you can create a working site in minutes, thanks to its visual drag and drop page builder.

Any one of Kleo’s inspiring, ready-to-use demos is bound to get your creative juices flowing. Working with plugins will never be a problem either. Kleo is on a best-friend basis with most plugins.

9. Bridge

Its more than 110,000 happy customers have a lot to say about this bestselling creative theme, its capabilities, and its popularity. Its open-ended customization feature, the WP Bakery Page Builder, Revolution Slider and other plugins makes Bridge an ideal website-building choice for any business niche.

If you’re eager to get your next project of to a fast start, you can easily find one of the 370+ pre-made websites in Bridge’s library that will make it happen.

10. Movedo – We DO MOVE Your World

A website has to be informative to attract and engage visitors. If it can be entertaining as well, so much the better.

MOVEDO, with its cutting-edge designs, unique animations, ultra-dynamic parallax effects and other elements that seem to move as if by magic, it’s easy to give your website creations some extra spark and pizzazz – and have fun doing it.

11. Crocal – Premium WordPress Theme

A January 2019 entry into the world of premium multipurpose themes, Crocal is off and running. A brainchild of the #1 rated ThemeForest Elite author, this remarkable website-building tool with its advanced grid system will give you amazing performance.

Crocal is Gutenberg optimized and it’s fully compliant with WordPress and GDPR requirements.

12. Schema

Schema not only has the tools you need to build award-winning websites, but it takes care of a design task that many web designers struggle with; making sure their creations are SEO friendly.

Schema guides the search engines through your site an element at a time, checks your code makes it schema-ready and helps your content get noticed more.

Conclusion

We hope we’ve made life a little easier for you by narrowing your search for a better website builder. You can see here the best of the best. However, there’s still some work to be done.

You need to find one that will serve you best. That’s entirely up to you. We’ve provided enough information to make that part of your search effort go smoothly.

Happy shopping!