• Stars
    star
    10
  • Rank 1,807,489 (Top 36 %)
  • Language
  • Created over 6 years ago
  • Updated about 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

SVG - ΠΌΠΎΠΈ ссылки Π½Π° интСрСсныС рСсурсы

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Книги ΠΈ Π³Π°ΠΉΠ΄Ρ‹

ΠšΠ°Ρ€ΠΌΠ°Π½Π½ΠΎΠ΅ руководство ΠΏΠΎ написанию SVG (rus)

ΠŸΠ΅Ρ€Π΅Π²ΠΎΠ΄ ΠΊΠ½ΠΈΠ³ΠΈ Pocket Guide to Writing SVG Π½Π° css-live.ru. НСплохоС Π²Π²Π΅Π΄Π΅Π½ΠΈΠ΅ для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ svg

SVG Tutorial

ΠžΡ‚Π»ΠΈΡ‡Π½Π°Ρ ΠΊΠ½ΠΈΠ³Π° ΠΎΡ‚ Jakob Jenkov

Snap.svg Tutorial

Π‘Ρ‚Π°Ρ‚ΡŒΠΈ

На русском

  1. Визуализация Π΄Π°Π½Π½Ρ‹Ρ… с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML5 Canvas ΠΈ SVG
  2. Svg-Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ для получСния Ρ‡Π΅Ρ€Π½ΠΎ-Π±Π΅Π»ΠΎΠ³ΠΎ Ρ„ΠΎΡ‚ΠΎ ΠΈΠ· Ρ†Π²Π΅Ρ‚Π½ΠΎΠ³ΠΎ
  3. Руководство ΠΏΠΎ SVG-анимациям (SMIL)
  4. SVG-ΠΈΠΊΠΎΠ½ΠΊΠΈ – ΠΌΠ½ΠΎΠ³ΠΎ ΠΈ со стилСм
  5. Как я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ SVG-спрайты
  6. SVG спрайт с webpack ΠΎΠ΄Π½ΠΎΠΉ строкой
  7. Π˜ΠΌΠΈΡ‚Π°Ρ†ΠΈΡ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ³ΠΎ позиционирования Π² svg
  8. ΠŸΠΎΠ΄Π±ΠΎΡ€ΠΊΠ° инструмСнтов для рСдактирования, конвСртирования ΠΈ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·Π°Ρ†ΠΈΠΈ SVG
  9. Π˜ΠΊΠΎΠ½ΠΎΡ‡Π½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹ ΠΈ ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΎΠ½ΠΈ Π½Π΅ Π½ΡƒΠΆΠ½Ρ‹
  10. Π”Π΅Π»Π°Π΅ΠΌ Ρ€Π°Π·Π½ΠΎΡ†Π²Π΅Ρ‚Π½Ρ‹Π΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ SVG-символов ΠΈ CSS-ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Π½Π½Ρ‹Ρ…

На английском

  1. An Overview of SVG Sprite Creation Techniques
  2. Motion Blur Effect with SVG
  3. Optimising SVG load with Service Worker
  4. Chillwave
  5. Animated SVG Icon
  6. SMIL is dead! Long live SMIL! A Guide to Alternatives to SMIL Features
  7. Caching SVG Sprite in localStorage
  8. Creating SVG Sprites using Gulp and Sass
  9. Styling SVG <use> Content with CSS
  10. SVGs beyond mere shapes
  11. Clipped SVG Slider
  12. GreenSock Tutorial – How To Create A Simple Image Slideshow
  13. The SVG path Syntax: An Illustrated Guide
  14. Pong with SVG.js
  15. Stuff at the Top of an SVG
  16. GreenSock for Beginners: a Web Animation Tutorial
  17. Of SVG, Minification and Gzip
  18. How to Hand Code SVG
  19. Coloring SVGs in CSS Background Images
  20. Building a responsive image
  21. Managing SVG Interaction With The Pointer Events Property
  22. Using Custom Fonts With SVG in an Image Tag
  23. The guide to integrating and styling icon systemsβ€Šβ€”β€ŠSVG sprites, SVG symbols and icon fonts
  24. Π˜Π½Π»Π°ΠΉΠ½ΠΎΠ²Ρ‹Π΅ SVG ΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Ρ‹
  25. SVG-спрайты, SVG-символы ΠΈ ΠΈΠΊΠΎΠ½ΠΎΡ‡Π½Ρ‹Π΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹
  26. Π’Ρ€ΠΈ способа создания ΡƒΠ³Π»ΠΎΠ²Ρ‹Ρ… Π³Ρ€Π°Π½Π΅ΠΉ Π½Π° SVG
  27. АдаптивныС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π° SVG

Π‘ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠΈ

  1. D3.js

    ΠΊΠΎΡ€ΠΎΠ»ΡŒ Π²ΠΈΠ·ΡƒΠ°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ Π΄Π°Π½Π½Ρ‹Ρ…

  2. Vivus

    анимация ΠΏΡƒΡ‚Π΅ΠΉ, Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π±Π΅Π· зависимостСй

  3. Bonsai

    мощная Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° для слоТных ΠΈ простых Π²Π΅Ρ‰Π΅ΠΉ

  4. Velocity

    Π²Ρ‹ΡΠΎΠΊΠΎΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ Π΄Π²ΠΈΠΆΠΎΠΊ, с АПИ ΠΎΡ‚ jQuery, Π½ΠΎ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π±Π΅Π· Π½Π΅Π³ΠΎ

  5. Raphael

    Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° извСстна ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΎΠΉ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² Π΄ΠΎ IE6, дальшС Π”ΠΌΠΈΡ‚Ρ€ΠΈΠΉ Барановский Ρ€Π°Π·Π°Ρ€Π±ΠΎΡ‚Π°Π» SnapSVG

  6. SnapSVG

    моя любимая Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ°, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π° Π”ΠΌΠΈΡ‚Ρ€ΠΈΠ΅ΠΌ Барановским совмСстно с Adobe Web Platform Team. ΠœΠΎΡ‰Π½Ρ‹ΠΉ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»

  7. Lazy Line Painter

    jQuery ΠΏΠ»Π°Π³ΠΈΠ½ для Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ ΠΏΡƒΡ‚Π΅ΠΉ, ΠΏΠΎΡ…ΠΎΠΆ Π½Π° Vivus

  8. SVG.js

    лСгкая ΠΈ быстрая Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΠ° для манипулирования ΠΈ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ SVG

  9. Walkway

    рисованиС Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… Π»ΠΈΠ½ΠΈΠΉ Π½Π° основС Ρ‚Ρ€Π΅Ρ… элСмСнтов path, line ΠΈ polyline

  10. mo.js

    Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΈ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠΉ

  11. jQuery DrawSVG
  12. Two.js
  13. Textures.js
  14. Peity
  15. SVG Charting Libraries
  16. GreenSock

Π’ΠΈΠ΄Π΅ΠΎ

  1. Π€ΠΎΡ€ΠΌΠ°Ρ‚ SVG: ΠΎΡ‚ ΠΈΠΊΠΎΠ½ΠΎΠΊ Π΄ΠΎ ΠΆΠΈΠ²Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ΠΈΠ½
  2. Manipulating SVG With CSS
  3. How to Animate SVG Using SVGator

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹

  1. SVGOMG - ΠΎΠ½Π»Π°ΠΉΠ½ оптимизация svg
  2. IcoMoon - Free - бСсплатныС ΠΈΠΊΠΎΠ½ΠΊΠΈ
  3. ZorroSVG - Put a Mask on it - конвСртация png Π² svg
  4. ICONIZR - созданиС спрайта
  5. SVG for Everybody - ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° svg для IE 6-8
  6. SVG PORN - SVG Logo
  7. Distorted Button Effects - красивая анимация ΠΊΠ½ΠΎΠΏΠΎΠΊ
  8. Hero Patterns - гСнСрация Ρ„ΠΎΠ½ΠΎΠ² svg
  9. Vectr - Free Vector Graphics Software
  10. SVG Filter Effects
  11. microicon
  12. SVG animation tool - ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ красивыС ΠΏΡ€Π΅Π»ΠΎΠ°Π΄Π΅Ρ€Ρ‹
  13. Customize and apply backgrounds fast
  14. BOXY SVG - Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€

Π Π°Π·Π½ΠΎΠ΅

  1. Π‘Π»ΠΎΠ³ Yoksel - ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹Ρ… статСй
  2. SVG typography
  3. SVG Path Builder
  4. Animated SVG Paths
  5. Awesome SVG
  6. SVG 101 - Instructive SVG's
  7. Π˜ΡΠΊΡƒΡΡΡ‚Π²ΠΎ SVG Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ΠΎΠ² ΠΈ ΠΏΠΎΡ‡Π΅ΠΌΡƒ ΠΎΠ½ΠΈ ΠΏΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰ΠΈΠ΅ - прСзСнтация