SVG

Weekly News for Designers № 412 - The New Firefox, SVG Placeholders, Chota Lightweight CSS Framework

Top Cheatsheets and Reference Guides for JavaScript – A listing of cheatsheets and guides for JavaScript and its many flavors.<p>Fast. For good. …

Web Design

Animated SVG Frame Slideshow | Codrops

An experimental slideshow that shows an animated SVG frame when transitioning between slides. Different shapes can be used for creating a variety of …

Web Design

Single div CSS Cheese #codevember

About the <head><p>In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. If you need things …

Web Development

GT Sport’s Decal Upload Feature Now Available to Limited Users

It appears the wait for <i>GT Sport</i>’s missing livery editor feature is coming to an end. The feature in question is the decal uploader, delayed to …

Standart Icons – Free Vector Iconset in SVG, Sketch & Icon Font Formats

It’s not hard to find free iconsets on the web. However, it is tough to <b>find iconsets that are consistently updated</b>.The <b>Standart icons</b> are a <b>totally new</b> …

Graphics

Watch: SVG liked ball movement in Pistons win

Pistons coach Stan Van Gundy discusses the impact of newcomer Avery Bradley, Ish Smith's energetic play and the team's ball movement after the 108-99 …

Basketball

SVG: Andre Drummond's FTs, maturity no fluke

Pistons coach Stan Van Gundy discusses Andre Drummond's career night at the free-throw line and his improved maturity, and dissects the 105-96 win …

Basketball

SVG: Pistons' loss to Lakers 'a humbling expereince'

Pistons coach Stan Van Gundy fields questions from the media after the 113-93 loss to the Lakers on Tuesday, Oct. 31, 2017, in Los Angeles. Video by …

Basketball

charts: Simple, responsive, modern SVG Charts with zero dependencies: https://frappe.github.io/charts

Frappé Charts<p>GitHub-inspired modern, intuitive and responsive charts with zero dependencies<p><b>Explore Demos »</b><p>Contents<p>Installation<br>• Usage<br>• License<p>Installation<p>…

Data Visualization

Using SVG as placeholders — More Image Loading Techniques

I’m passionate about image performance optimisation and making images load fast on the web. One of the most interesting areas of exploration is …

Web Development

SMIL, yeah SMIL, test

See the Code - See it Full Page - See DetailsSMIL is on it's way out. So this is probably a salute to it and to what it could have been.This Pen …

Web Development

Using SVG as placeholders — More Image Loading Techniques

I’m passionate about image performance optimisation and making images load fast on the web. One of the most interesting areas of exploration is …

Web Development

SVG: I thought Pistons' bench totally outplayed Warriors'

Pistons coach Stan Van Gundy talks to the media after the 115-107 win over the Warriors on Sunday, Oct. 29, 2017, in Oakland, Calif. Video by Vince …

Basketball

D3 Visualization: Take Your Dashboards to Another Level

No matter what industry your company operates in, it's likely that you produce impressive amounts of data. From sales to personnel to inventory, …

Data Visualization

Pistons' SVG describes team's development early in season

Pistons coach/president Stan Van Gundy addressed the media after practice on Friday, Oct. 27, 2017, in Los Angeles. Video by Vince Ellis/DFP

Basketball

SVG for Web Designers in 60 Seconds

Bitmap images like JPEGs, GIFs, and PNGs all look awful when you scale them up, so if you want to maintain quality at large dimensions you have to …

Graphics

How, and why, to clean SVG markup

Despite the introduction of the Scalable Vector Graphic (SVG) format almost 20 years ago, the popularity and understanding of working with the SVG …

Web Development

Fall Leaves Cut File

• 97shares<br>• 1<br>• 0<p>It’s officially been Autumn for a month now but it still feels like a mild Summer here in Las Vegas. But I’m ready for winter boots and …

Crafting

SVG Polygon Generator

Web Development

Dynamic Shape Overlays with SVG

Today we’d like to share another way of achieving morphing page transitions. This time, we’ll generate multiple SVG curves with JavaScript, making …

Programming

image-trace-loader

Image Trace Loader<p>Loads images and exports traced outlines as image/svg+xml URL-encoded data<p>Install<p>Inspiration<p>I saw Mikael Ainalem's fantastic …

JavaScript

SVG talks Pistons' defense as regular season approaches

Pistons president/coach Stan Van Gundy spoke with the media after practice on Monday, Oct. 16, 2017, in Auburn Hills. Video by Vince Ellis/DFP

Basketball

SVG illustrations as React Components

As a UI Designer & Developer, my illustration skills are not the best. So, when I have to create illustrations for products, I always try to make …

Web Design

Lazy loading with inline SVG

The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https.<p>↑ Insert the most common viewport …

Web Development

Browser Support in 60 Seconds

As web designers, when it comes to browser support all we really want to know is if we can use the HTML, CSS, JavaScript, and SVG features we want. …

Web Development

Freebie: Funkies Icon Set (100 Icons, SVG & PNG)

There are 100 uniquely designed icons in the free Funkies icon set, and they come in five different styles: flat, full color, gradient, shaded and …

Graphics

SVG: Pistons couldn't guard Raptors at all

Pistons coach Stan Van Gundy answers questions about his team's performance in the 116-94 preseason loss to the Raptors on Tuesday, Oct. 10, 2017, in …

Stan Van Gundy

Building a Progress Ring, Quickly

On some particularly heavy sites, the user needs to see a visual cue temporarily to indicate that resources and assets are still loading before they …

JavaScript

Freebie: Halloween Icon Pack (SVG & PNG)

With the spooky season just a few weeks away, today we have Halloween-themed icon pack for you to freely use. Designed by our good friends Freepik, …

Graphics

10 Amazing Examples of CSS, SVG & Canvas Masks In Action

You can do some amazing things with SVG masks. This technique has been around for years but only recently made its way into mainstream web …

Web Design