Нашли интересный сервис или инструмент – поделитесь им!
В общем, ссылки, ссылки, ссылки!
4 лайка
##На страже Перфекционизма##
- Проверка CSS свойств на кроссбраузерность - Такой ресурс обязан использовать каждый уважающий себя, как начинающий так и гуру - верстальщик!
- Window Resizer - По-моему самое лучшее расширение из представленных для Хрома. Как видно из названия - плагин незамысловатый, однако очень удобен в использовании. Верстай кроссбраузерно с WR. Так же расширение позволяет настраивать свои собственные размеры экрана. Еще удобной фичей является показ не только win size, но и viewport size. Что немаловажно
- Поделись своим кодом - Хочешь поделиться с кем-то кодом или попросить о помощи, тогда это то, что тебе нужно! Никому не хочется читать на форуме кучу кода. Систематизируй - и тебе удобней объяснить, и другим разбираться.
- Поделись своим кодом(2) - Если не работает предыдущий, то jsfiddle вроде не дает отказов. Да он круче по функционалу, но первый пошустрее будет для простых постов.
- Наикрутейший генератор CSS3 - Ускорь написание кода с помощью CSS3 Generator’а. По кнопке Gradien предложит перейти на другой сайт, смело переходи, там отдельный ресурс, который позволяет извращаться с градиентами, почти как только душа пожелает.
- Еще один Мощный CSS3 Генератор - Действительно мощный генератор, чего только стоит возможность добавления теней, мало какой Генератор может похвастаться этим. По поводу поддержки старых браузеров (ИЕ) Я ничего не скажу - сам не проверял. + Можно публиковать свои элементы.
- оптимизация PNG - Хороший сайт - быстрый сайт, пока на сайте используются картинки вопрос о скорости всегда остается открытым. Данный ресурс удаляет все ненужное из изображений. Пользуюсь сам и советую.
- оптимизация всех остальных форматов - Почему именно так?! да потому что TinyPNG основывается только на формате .png и это у него получается лучше остальных.
##Полезные плагины##
- Кастомный scrollBar - Частенько бывает так, что дизайнер любит стилизовать стандартный скроллер, так этот плагин jQuery поможет Вам в этом.
- Удобный слайдер диапазонов - опять же jQuery в помощь. Плагин позволяет создавать, настраивать, кастомизировать такие популярные слайдеры, которые обычно используются в фильтрах интернет-магазинов. А в целом плагин можно использовать где Вам удобно.
- ionDen plugins - Общий список, откуда и был взял “слайдер диапозонов”. В этом списке почти все, что необходимо для частого использования в Ваших проектах: Ion.Tabs, Ion.Sound, Ion.Calendar, Ion.Zoom, Ion.CheckRadio, Ion.ImageSlider. По названиям, конечно же все должно быть предельно ясно.
- Гридстер - плагин сам говорит за себя. Аля WIN8 дизайн
##Работа со шрифтами##
- Самый популярный сервис от гугла, как всегда пользуется огромным спросом. Удобный поиск, простое подключение. Есть кириллические шрифты.
- Шрифты от Алексея Климанова - Это просто что-то с чем-то, нашел там те шрифты, которых нет на Гугл фонтс. Ресурс нереальный! Всем советую. Кстати можно предварительно оценить шрифт на готовом сайте =)
- WebFont - мощнейший ресурс для работы со шрифтами.
- Генератор шрифтов - если на всех перечисленных выше ресурсах нет необходимого шрифта, то вам сюда. Достаточно найти шрифт в удобном формате.
Анимации — это круто!##
- Animate.css — название говорит само за себя. Скачивайте, пробуйте. Может кто-то вдохновится. P.s. Обычно используют вместе с плагином wow.js.
- snabbt.js — js-плагин для анимации элементов на странице.
- velocity.js — еще один js-плагин =). Анимируйте. Примеры использования тут.
-
hover.css —
:hover-анимация. Можно применять для оживления элементов форм. - Сервис для создания анимации — на данный момент работает в beta-режиме. Но многообещающий ресурс. Стоит внимания.
##За гранью реального##
- Анимируем градиенты - даже и сказать нечего, просто задайте пару цветов и нажмите preview.
17 лайков
Название: Сюрреализм на JavaScript
Автор: Бахирев Алексей Михайлович
ISBN: 978-5-9905660-7-1
Издательство: СИНЭЛ
Год: 2014
Город: Санкт-Петербург
Формат: PDF
Количество страниц: 288
Описание: Книга о разработке игр и приложений на JavaScript. В книге встречается множество отсылок к авторам различных публикаций и экспертам фронтенд-разработки. Также затрагивается тема кроссплатформенной разработки на JavaScript для различных устройств, XSS атаки, обфускация кода, и конвертирования HTML в EXE, HTA, CHM и т.п.
Скачать в PDF: http://bakhirev.biz/book/files/Surrealism_on_JavaScript.pdf.max.zip
Читать онлайн: http://bakhirev.biz/book/index.html
6 лайков
ИМХО для верстки эта книга бесполезна. Для няшек по разработкам на JS, мне кажется надо новую тему.
1 лайк
Что именно? - Если ты про плиточное расположение - то вот
Спасибо большое за Статью на хабре. замечательнейший ресурс оказался этот MDN (от мозилы)
js неплохо разъясняется
Я имел ввиду аналоги этого сайта http://thecodeplayer.com/, где не нужно искать кусок кода как в codepen и они все уже готовы и доработанные. 
не понимаю о чем речь в фразе “Искать кусок кода”, в тут сайт ссылается на видеоплеер коддинга) это совсем другое)
Это жe FLAT UI ) даже сайт так называется =)
Кажется где-то это уже было =)
[quote=“SergeyBosak, post:13, topic:378”]
Вот такие каракули автоматически переводятся
[/quote] Не советую прогу, ибо пароли тоже переводит =)
1 лайк
http://www.spritebox.net/ - хороший бесплатный сервис для генерации спрайтов, после регистрации можно сохранять проекты
1 лайк
-
Большое спасибо за ссылку на сайт со шрифтами Александра Климанова! Нашла нужный мне шрифт, которого не было на других сайтах!*
1 лайк
1 лайк
Скорее презентации =)
Да, да ;). Но сайт может быть весьма полезен.
Очень часто пользуюсь этим сервисом: http://www.color-hex.com/
Из названия можно понять для чего он.
2 лайка