Tag Archives: extensions

Visual Studio Code Can Do That?

About two years ago, I begrudgingly opened Visual Studio Code (VS Code) for the first time. The only reason I even did so is that I was working on a TypeScript project (also quite begrudgingly) and I was tired of fighting with the editor and the compiler and all of the settings that I needed to make a TypeScript project work. Someone mentioned to me that TypeScript “just works” in VS Code and I was pleasantly surprised to find that they were right.

View this article:

Visual Studio Code Can Do That?

Creating One Browser Extension For All Browsers: Edge, Chrome, Firefox, Opera, Brave And Vivaldi

In today’s article, we’ll create a JavaScript extension that works in all major modern browsers, using the very same code base. Indeed, the Chrome extension model based on HTML, CSS and JavaScript is now available almost everywhere, and there is even a Browser Extension Community Group working on a standard.

Creating One Browser Extension For All Browsers: Edge, Chrome, Firefox, Opera, Brave And Vivaldi

I’ll explain how you can install this extension that supports the web extension model (i.e. Edge, Chrome, Firefox, Opera, Brave and Vivaldi), and provide some simple tips on how to get a unique code base for all of them, but also how to debug in each browser.

The post Creating One Browser Extension For All Browsers: Edge, Chrome, Firefox, Opera, Brave And Vivaldi appeared first on Smashing Magazine.

Visit source: 

Creating One Browser Extension For All Browsers: Edge, Chrome, Firefox, Opera, Brave And Vivaldi

HTML5 Media Source Extensions: Bringing Production Video To The Web

In the last decade, plugins such as Flash and Silverlight have enabled a rich consumption of video in browsers, powering popular services such as YouTube and Netflix. However, this approach has shifted towards HTML5 over the last few years.
Almost two years ago, the W3C published the final recommendation of the HTML5 spec, which came with a new set of HTML elements and APIs, especially for video. Some of them aim for more semantics in web pages but don’t introduce new features.

Original article – 

HTML5 Media Source Extensions: Bringing Production Video To The Web

Thumbnail

Static Website Generators Reviewed: Jekyll, Middleman, Roots, Hugo


Static website generation is quickly becoming a big part of the professional website builder’s toolbox. A new static website generator seems to pop up every week. Figuring out which one to use can be like a walk in the jungle.

Static Website Generators: An Overview

In the last article, I looked at why static website generation is growing in popularity, and I gave a high-level overview of all of the components of a modern generator. In this article, we’ll look at four popular static website generators — Jekyll, Middleman, Roots, Hugo — in far more detail. This should give you a great starting point for finding the right one for your project.

The post Static Website Generators Reviewed: Jekyll, Middleman, Roots, Hugo appeared first on Smashing Magazine.

See original article here:

Static Website Generators Reviewed: Jekyll, Middleman, Roots, Hugo

Introducing Live Extensions For Better-DOM: What They Are And How They Work

After recently writing an article on “Writing A Better JavaScript Library For The DOM”, I realized that the topic is indeed a very complex one and that it’s important to understand what exactly live extensions are and how they work. In today’s article, I will answer most questions that were asked regarding “live extensions” and help you get going with this new concept.
The Responsibilities Of Live Extensions Event handling is one of the key principles of working with the DOM.

Read original article:  

Introducing Live Extensions For Better-DOM: What They Are And How They Work

Blueprints For Web And Print: Specctr, A Free Adobe Illustrator Plugin

Have you ever submitted design files to a development team for production and a few weeks later gotten something back that looks nothing like your original work? Many designers and design teams make the mistake of thinking that their work is done once they’ve completed the visual design stage.
A design is more than a simple drawing on a canvas in Illustrator, Fireworks or Photoshop; it is a representation of function.

More here: 

Blueprints For Web And Print: Specctr, A Free Adobe Illustrator Plugin

BlendMe.in: Accessing Vector Icons Without Leaving Photoshop

Update (10.10.2013): Please note that the ZIP file has been updated after this article has been published. In case Photoshop should crash on your end, please rename your Photoshop settings folder to fix this. You can find the configuration folder here: /Users/[Username]/Library/Preferences/Adobe Photoshop CC Settings. Please note that this will reset all Photoshop settings to default. If you should still happen to run into any issues, please kindly send an email to contact@blendme.

Continued: 

BlendMe.in: Accessing Vector Icons Without Leaving Photoshop

An Easy Way To Present Adobe Fireworks Design Prototypes

With its structured approach to organizing assets, Adobe Fireworks can be a pleasure for designing and prototyping. But demonstrating your designs on a wide range of devices can be time-consuming and could even require some degree of coding.
The Create Demo extension addresses some of these issues. It automatically converts your Fireworks documents into portable presentations, which can then be easily presented in any browser — desktop or mobile.

Originally from: 

An Easy Way To Present Adobe Fireworks Design Prototypes

Blueprints For The Web: Specctr Adobe Fireworks Plugin

There is an aspect to Web design that no one likes to talk about: spec’ing. We all do it, we all hate it, but we also understand that specs are vital to both designers and developers.
For those who aren’t familiar with the term in this context, “specs” is short for specifications — in the case of design, they are instructions that specify colors, fonts, sizes, spacing and so on, just like a blueprint.

Visit source: 

Blueprints For The Web: Specctr Adobe Fireworks Plugin

Best VFX Tutorials For Cinematic Visual Effects

It doesn’t matter whether you are a designer, a developer, an artist or an amateur learner – at some point you need to improve the quality of the original picture or video. You may want to retouch and enhance his or her photographs and videos, make it look better, more spectacular and more original. It could be for personal or commercial use. Most of us know how to edit and enhance the digital photographs using our favorite image editing software.

Link: 

Best VFX Tutorials For Cinematic Visual Effects