What I learned by building my own VS Code extension

August 19, 2018design tips

VS Code is slowly closing the gap between a text editor and an interactive development environment (IDE). At the core of this extremely versatile and flexible tool lies a wonderful API that provides an extensible plugin model that is relatively easy for JavaScript developers to build on. With my first extension, VS Code All Autocomplete, reaching 25K downloads, I wanted to share what I learned from the development and maintenance of it with all of you.

Trivia! Visual Studio …

The post What I learned by building my own VS Code extension appeared first on CSS-Tricks.

Read more

The Best CSS Gradient Generators for Designers

August 19, 2018design tips
We’re taking a look at ten of the best CSS gradient generators that you can use to create a variety of gradient styles (and have the CSS output directly!). Coding a gradient by hand is no fun (especially once you get past a simple two-color gradient), so these tools are a must-have in your bookmark […]
Read more

5 Tips for Making Better Video

August 19, 2018design tips
Everywhere you look, there’s video. From social media sites to full-scale web projects, a video can be an integral part of today’s online user experience. We have five tips to help you make any web video better, and improve the quality of what you publish. While some projects require the time commitment of a professional […]
Read more

My Gutenberg Experience: Part Three

August 16, 2018design tips
It’s been about four months since the last time I shared my experience with Gutenberg. In that time, there have been sixteen releases. The more I use Gutenberg, the more nuances I encounter. Disruptive Writing Flow When writing a post, I press the enter key at the end of a (more…)
Read more

Gutenberg 3.6 Adds New Icons for All Core Blocks

August 16, 2018design tips
Gutenberg 3.6 was released today, featuring a design overhaul for the core icons in the block inserter. The blocks now use Material icons, which offer more options than the Dashicons. This update also improves the icons for the core embeds, which now display the corresponding icon for each embed service. (more…)
Read more

Firefox Multi-Account Containers

August 16, 2018design tips

It’s an extension:

Each Container stores cookies separately, so you can log into the same site with different accounts and online trackers can’t easily connect the browsing.

A great idea for a feature if you ask me. For example, I have two Buffer accounts and my solution is to use different browsers entirely to stay logged into both of them. I know plenty of folks that prefer the browser version of apps like Notion, Front, and Twitter…

The post Firefox Multi-Account Containers appeared first on CSS-Tricks.

Read more

Lesser Known but High-Quality Yoast SEO Alternatives for WordPress SEO

August 16, 2018design tips
Search engines play an extremely crucial role in bringing organic traffic, leads, and customers for any website. A high-ranking page can easily pull in thousands of visitors at any given date. And that’s why site owners are constantly on the lookout for ways to improve their website’s SEO rankings. However, for WordPress site owners, SEO optimization …
The post Lesser Known but High-Quality Yoast SEO Alternatives for WordPress SEO appeared first on Torque.
Read more

Seriously, though. What is a progressive web app?

August 16, 2018design tips

Amberley Romo read a ton about PWAs in order to form her own solid understanding.

“Progressive web app” (PWA) is both a general term for a new philosophy toward building websites and a specific term with an established set of three explicit, testable, baseline requirements.

As a general term, the PWA approach is characterized by striving to satisfy the following set of attributes:

  1. Responsive
  2. Connectivity independent
  3. App-like-interactions
  4. Fresh
  5. Safe
  6. Discoverable
  7. Re-engageable
  8. Installable
  9. Linkable

Direct Link to Article — Permalink…

The post Seriously, though. What is a progressive web app? appeared first on CSS-Tricks.

Read more

Level up your .filter game

August 16, 2018design tips

.filter is a built-in array iteration method that accepts a predicate which is called against each of its values, and returns a subset of all values that return a truthy value.

That is a lot to unpack in one statement! Let’s take a look at that statement piece-by-piece.

  • “Built-in” simply means that it is part of the language—you don’t need to add any libraries to get access to this functionality.
  • “Iteration methods” accept a function that are run against each

…

The post Level up your .filter game appeared first on CSS-Tricks.

Read more

30+ Best High-Quality Photoshop & Illustrator Brushes

August 16, 2018design tips
We’ve put together a collection of our favorite, high-quality Photoshop and Illustrator brushes, to help you put the perfect finishing touch on your next design. A Photoshop or Illustrator brush is, at its simplest, exactly what you’d expect — a way to draw a particular line or style in a Photoshop or Illustrator document. Click, drag, […]
Read more
Get an estimate of your project’s time and costs.
Check it out
See current services