Спасибо тебе огромное! Я это видео уже раз 10-й пересматриваю, как методичку)))

@uwebdesign

8 жыл бұрын

+Jeka J всегд рад, спасибо, что пересматриваешь! =)

Отличное видео, поэтому... ДА!)

@uwebdesign

8 жыл бұрын

Спасибо! 😊

Без комментариев .... Спасибо !!!

На самом деле SVG открывает большие возможности, но с ним не удобно работать. Показали почти все способы. Я сейчас просто инлайню в css не в виде data-image, а в виде data-uri(я юзаю less, у него для это есть специальная функция) так мы получаем поддержку почти всех современных браузеров, а не только webkit. Что касается поддержки старых бразуеров, то все просто, gulp растрирую svg и делаю из него png спрайт, ну и gulp мне отдельно собирает стили под этот спрайт. Из плюсов удобство работы, скорость рендеринга, что касается минусов, то нельзя менять параметры svg. Что касается 1ого способа, то раньше я его использовал, но объединял не в symbol, а в g. Скорость рендеринга падала на глазах. Возможно если объединять элемент в symbol, проблема скорости уйдет. Что касается кеша, то это проблема решается local storage'м, при загрузке страницы, js дергает svg спарйт и инлайнит его в html.

А можете помочь, у меня transition и use xlink(symbol) не хотят вместе работать. можно где-то найти гайд чтоб там на hover 2 элемента одного svg плавно менялись и где бы объяснили специфику symbol path use transition group наследование и такое все, чтоб если говорили теневой дом, то объясняли как оно в контексте именно работает?

Было бы круто послушать подробнее про работу с svg в gulp. Вообще из-за ваших видосов, разленился читать книги и копать инфу в глубинах интернета )

@uwebdesign

8 жыл бұрын

Валера Жачек я не работаю с Gulp, поэтому нужно долго готовиться к таким роликам, но я ничего не исключаю.

подскажите хороший модуль для сборки svg-спрайтов для webpack

Спасибо за обзор. А для расположения окон рекомендую HyperDock или BetterTouchTool. Использую обе, но для разных целей.

@uwebdesign

8 жыл бұрын

+B - Max спасибо за отзыв! Будем знать.

@r45her

6 жыл бұрын

можно просто поставить windows

шёл 2021. Размещать окна на мониторе можно с зажатой кнопкой window(флажок) + стрелками выбираем какую часть монитора должно занимать это окно. Отпустив window предлагает выбрать 2е окно

Хотелось бы послушать еще про оптимизацию svg

@uwebdesign

9 жыл бұрын

Gatilin Maxim про это было в видосе про анимации. Если кратко, то svgo.

@gatilinmaxim7741

9 жыл бұрын

uWebDesign Да, уже смотрю, только svgo и svgOmg разные чуваки придумали...

А как в спрайте к символу фильтр применить?

Спасибо, интересно. Сам использую use, спрайт хранится в html, первым элементом в body.

@uwebdesign

7 жыл бұрын

+Yury Blackwood ну вот да. Хороший кейс. 👍🏽

Подскажите пожалуйста чем плох старый способ подключения через background-image? Пример habrahabr.ru/post/141654/ Спасибо

@uwebdesign

7 жыл бұрын

Внутри него нельзя никаких изменений с помощью CSS и JS внести.

@Oleg-kg1zy

7 жыл бұрын

это понятно, а в остальном рабочее решение?

Вопрос а пейдж спид ругатся на этот метод ругатся не будет ? типо сократите html код ?

@uwebdesign

8 жыл бұрын

Да не так там много и места это занимает всё.

@i-wp-dev

8 жыл бұрын

А если учесть что в среднем иконок от 15-40 в проекте ))) Просто сейчас задался оптимизацеей wp сайта и там каждый бал PS на счету ...))) который приходится выглызать буквально... В обще можно сделать Wp сайт с прохождением в PS 100/100 без видимых лагов рендера ?

@uwebdesign

8 жыл бұрын

Александр Лавыгин можно, если только этот сайт прост по дизайну. А собсно кому нужен этот PS?

@i-wp-dev

8 жыл бұрын

Почему нужен PegeSpeed ? обычно это эталона от гугла ... в оптимизации загрузки сайта )))) Сейчас многие заподные заказчики заказывают оптимизацию своих сайтов и просят добится чтобы сайт проходил pege speed на 90+ десктоп \100 на мобильных

@uwebdesign

8 жыл бұрын

100 на мобильных сделать сложнее, чем на десктопе, поэтому тут неясно почему именно в таком порядке. Но да.

Но вот какой вопрос. Пытаюсь преобразовать из .png в .svg в Adobe Illustrator CC. Почему-то не разбирает ((. Может подскажите что ? Заранее спс.

@uwebdesign

8 жыл бұрын

+jobbing su перевод в вектор не делается автоматически. Можно внутрь SVG засунуть растровую картинку, но смысла в этом не будет. На самом деле - только перерисовывать.

@mrdisel8719

8 жыл бұрын

+uWebDesign есть платный способ и он дороговат, но исползование .svg сегодня еще не актуально, т.к. огромные спецификации и отвратительная поддержка браузеров.

@uwebdesign

8 жыл бұрын

jobbing su да поддержка браузеров уже давно почти 100%.

@mrdisel8719

8 жыл бұрын

+uWebDesign значит нужно полностью окунуться ))

@user-nj1wf5xm4r

8 жыл бұрын

+uWebDesign А что можете про Inkscape сказать, вроде как для быстрого перевода из png в svg он и используется, я лично проверял - все супер. К тоже он бесплатный

чтобы удобно раздвинуть окно юзай винду!

@w2fb

9 жыл бұрын

Бред :) Spectacle под Mac

@ThePetrovskiy

9 жыл бұрын

Если что это был сарказм!

@w2fb

9 жыл бұрын

Иван Петровский Поэтому и поставил смайл :)

@user-ep5rr2wp5o

9 жыл бұрын

Moom

зачем музыка в фоне..? отвлекает же..

@uwebdesign

8 жыл бұрын

+олег тишкин придает ритму, а то иначе скучно будет.

@podolskiis

8 жыл бұрын

+uWebDesign Спасибо за отличную инфу и проделанную работу. Но да, согласен с фоном, в этом видео немного фоновая музыка громковата от голоса.

@uwebdesign

8 жыл бұрын

sp такие выпуски бывали раньше к сожалению, сейчас (вроде бы) уже давно не «косячили» с уровнями звука.

расскажите как переводить png-спрайты в svg, или это работа дизайнера а не верстальщика

@uwebdesign

8 жыл бұрын

+Jenya Space это работа дизайнера, конечно же. Нужно же все в векторе отрисовывать.

@mrdisel8719

8 жыл бұрын

Есть платные ресурсы. Сносные.

Видео хорошое, вывод - нуевонахэтосвг, логотип и не более. Это из той же серии что рисовать монолизу или симпсонов в css. Кстати, бургер меню для мобильных перфекционисты делают с анимацией на чистом css без привлечения графики codepen.io/katienazarova/pen/QdYOGX (смотреть с шириной браузера

@uwebdesign

5 жыл бұрын

👍🏽

Программа для окон, spectacle. Я вообще не понимаю как без нее жить =) spectacleapp.com

@r45her

7 жыл бұрын

Я норм живу. У меня на десятке эта функция системная.

несмотрите этот понос ) ничего понять из него невозможно

@uwebdesign

3 жыл бұрын

Что так?

...какое видео посмотреть если это все в новинку? P.S. можно предположить что автору знание передалось по наследству. Даже в голову не приходит что есть люди которые не знают английский и о SVG не разу не слышали. Как быстро все профи забывают когда сами начинали учиться.

@mrdisel8719

8 жыл бұрын

Владимир, тут обсуждение в кратце так сказать, можно перевести спецификацию. Если раньше была возможность, то синтаксис pash очень похож на Basic. Есть ресурсы где все разжевано почти полностью. ( основы ) и куча ресурсов с примерами кода.