Lectures web
Follow
Find tag "SVG"
6.4K views | +3 today
Lectures web
Divers articles, ressources, ...
Your new post is loading...
Your new post is loading...
Scooped by Agathe-Sevegrand
Scoop.it!

Displaying and detecting support for SVG images – Voormedia

Displaying and detecting support for SVG images – Voormedia | Lectures web | Scoop.it

SVG is a resolution independent format for graphics on the web. The technique has been around for a while but not widely used as it was not supported by all browsers. With the introduction of high resolution displays and support by major browsers it is really making a comeback. The new Voormedia website released in July 2012 relies heavily on SVG images. This article demonstrates how we went about with browser detection and displaying these images on the site.

more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Adding Scalable Vector Graphics (SVG) in Unsupported Browser

In an earlier post in this series, we have mentioned a bit about SVG’s pitfall with old browsers and using Raphael.js to serve the graphic as an alternative solution. In this post we will take a look at this matter further.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

A Look into: Scalable Vector Graphics (SVG)

A Look into: Scalable Vector Graphics (SVG) | Lectures web | Scoop.it
Vector graphics have been widely applied in print media. In a website, we can also add vector graphics with SVG or Scalable Vector Graphic.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Head tracking with WebRTC - Dev.Opera

Head tracking with WebRTC - Dev.Opera | Lectures web | Scoop.it
Dev.Opera is the ultimate source of distilled knowledge for web developers, covering the latest open web technologies and techniques including HTML5, CSS3, JavaScript, SVG, optimizing content for mobiles, tablets and TVs, and creating add-ons such...
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Graphisme & interactivité blog par Geoffrey Dorne » Transformez vos cartes Illustrator en cartes SVG interactives avec Kartograph !

Graphisme & interactivité blog par Geoffrey Dorne » Transformez vos cartes Illustrator en cartes SVG interactives avec Kartograph ! | Lectures web | Scoop.it
Bonjour et bon début de semaine ! Ce matin, je vous présente Kartograph, une façon de convertir vos cartes Illustrator en cartes interactives SVG.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

SVG Graphics Library for JavaScript HTML5 :jsDraw2DX

Open Source Javascript graphics library jsDraw2DX based on SVG (VML for old IE). Draw line, rectangle, circle, ellipse, polygon, arc, bezier curve, curves.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

Creating a True Cross-Browser Drop Shadow Effect With CSS3 & SVG

Creating a True Cross-Browser Drop Shadow Effect With CSS3 & SVG | Lectures web | Scoop.it
Recently I discussed the drop-shadow filter, which is newly supported in Webkit. Firefox users saw the same effect in the article, even though the browser doesn’t yet support CSS3 filters.

That’s due to the fact that Firefox supports the older SVG version of the filter, from which the CSS3 version is derived. In this article I’m going to show you how to write the effect for all browsers*, so you can achieve the benefits of a true, dynamic drop shadow for all elements.
more...
No comment yet.
Scooped by Agathe-Sevegrand
Scoop.it!

SVG Fallback, Vertical Rhythm, CSS Project Structure | Smashing Coding

SVG Fallback, Vertical Rhythm, CSS Project Structure | Smashing Coding | Lectures web | Scoop.it
Howdy, folks! Welcome to more Smashing Magazine CSS Q&A. It works like this: you send in questions you have about CSS, and at least once a month we’ll pick out the best questions and answer them so that everyone can benefit from the exchange. Your question could be about a very specific problem you’re having, or it could even be a question about a philosophical approach. We’ll take all kinds.
more...
No comment yet.