最新消息:网盘下载利器JDownloader--|--发布资讯--|--解压出错.密码问题

Lynda – Web Icons with SVG

其他教程 killking 0评论

Lynda - Web Icons with SVG

Size: 293 MB | Duration: 1h 44m | Video: AVC (.mp4) 1280x720 15&30fps | Audio: AAC 48KHz 2ch

Genre: eLearning | Level: Intermediate | Language: English

As designers and developers of the web, we want graphics to look sharp, but we need to keep file sizes down for performance. How do you get the best of both worlds? There is pretty much only one way to go: SVG. SVG is an XML-based method for instructing the browser to draw scalable vector graphics based on defined shapes and coordinates. The challenge with SVGs is they are not like other graphic files: Rather than a grid of pixels, they are code instructions interpreted by the browser on the fly. This poses some unique challenges and unique opportunities when it comes to implementation. In this course, you'll learn various methods to deploy SVG icons in webpages, each with its own use cases, benefits, and drawbacks. Morten Rand-Hendriksen shows how to insert individual SVG images, add SVGs as inline elements and SVG sprites via the command line, and automate SVGs with Grunticon. Plus, get tips on making your graphics backward-compatible and accessible, and using SVG icons in WordPress.

Topics include:
* SVG vs. icon fonts
* Getting existing SVG icons
* Creating your own icons
* Adding individual SVG icons to webpages
* Adding SVG as an inline element or background image
* Using external and inline SVG sprites
* Automating SVG generation with Grunticon
* Using SVG icons in WordPress
Lynda - Web Icons with SVG

您必须 登录 才能发表评论!

网友最新评论 (1)

  1. Lynda - SVG格式的Web图标 作为web设计师和开发者,我们希望图像看起来锐利,但是处于性能的考虑我们需要保证文件尽可能地小。如何达到二者的平衡呢?唯一的办法就是SVG。SVG是一种基于XML的方法,用于指示浏览器在已定义好的图形和坐标的基础之上,绘制可扩展的矢量图形。使用SVG的挑战之处在于他们与图像文件不同:与使用网格像素不一样的是,他们的代码只能可以为浏览器飞快地编译。这在实施中引发了一些独特的机遇挑战。在本教程中,你将学习各种在网页中部署SVG图标的方法,每种都会分析其使用场景和优缺点。Morten Rand-Hendriksen会演示如何插入单个SVG图片,添加SVG作为内联式元素以及通过命令行的SVG,并使用Grunticon对SVG自动化。另外,还会获得让你的图片向后兼容并具备可访问性的技巧,以及在WordPress中使用SVG图标。 主要内容:SVG vs.图标字体;获得已有的SVG图标;创建你自己的图标;为网页添加单个的SVG图标;将SVG作为内联是元素或背景图片;使用外部或内联的SVG;使用Grunticon自动化SVG生成;在WordPress中石油SVG图标。
    wilde(特殊组-翻译)1年前 (2016-08-05)