1193904-08-2017
11939
04-08-2017
Давайте познакомимся с 20 бесплатными онлайн генераторами CSS кода, которые значительно упростят жизнь дизайнера-верстальщика. В предыдущей аналогичной подборке онлайн сервисов был сделан акцент на работу именно с самим кодом, его адаптацию, и проверку на предмет ошибок. С помощью же этих сервисов можно взаимодействовать с различными элементами, участвующими в верстке сайта и их визуальной составляющей. Например можно сгенерировать на чистом CSS код кнопки, контактной формы, иконок, 3d ленты, анимации, фона, обводки, цвета, курсора, списков, сетки, колонок для макета, градиентов, спрайтов, сниппетов, слайдеров, индикаторов загрузки и многое другое.
Здесь собраны сайты 2-х категорий. К первой категории относятся сайты, где есть опции онлайн выбора размера иконки, бэкграунда для иконки и формата файла. Затем можно скачивать иконки поштучно. Удобно, когда нужно 1-2 иконки под заданную тему. Ко второй категории относятся традиционные сайты, с возможностью выбора категории в которой иконки собраны в тематические сеты. Можно сразу скачать сет целиком. особенно хороши сеты для веб-разработчиков с монохромными иконками в большом количестве, а также большие наборы тематических флэт иконок.
Здесь собраны сайты в названии которых частенько встречаются такие слова, как «inspiration», «css», «best», «creative». Суть этих ресурсов очень проста — дизайнеры со всего света присылают туда свои творения. Эти работы должны быть прежде всего креативны и оригинальны, ну и уровень исполнительского мастерства тоже должен быть на высоте. Потом все работы тщательно или не очень просеиваются модераторами и после этого самые самые выставляются на всеобщее обозрение. На этих сайта также существуют всевозможные рейтинги и голосовалки, что дает нам возможность насладиться действительно самыми лучшими работами.
Очень полезная подборка сайтов, в которой собрано более 20 нужных мест, где дизайнер может успешно продать свою работу. В первом блоке объединены крупнейшие фотостоки, специализация которых в последние годы значительно расширилась. То есть теперь на них можно продавать и покупать не только векторные иллюстрации и фотографии, на также и видео и аудио продукцию. Во втором блоке, собраны сервисы, специализирующие именно на купле-продаже графических элементов для дизайнеров (psd файлы, наборы иконок, готовые блоки пользовательских интерфейсов). В отдельный раздел вынесены сайты, посвященные логотипам. И напоследок раздел, где дизайнеру можно продать свой вордпресс шаблон.
Сегодня я представляю вам очередную порцию расширений от Гугль для браузера Хром. Все они предоставляют возможность проверить ваш сайт на адаптивность, а именно посмотреть как он выглядит на разных разрешениях экрана и на популярных смартфонах. Кстати пару слов про сам Хром. Для меня в этом браузере есть несколько очевиднейших плюсов, которых нет у других, а именно удобство работы с вкладками и загрузками, а также полезные расширения. Но вот ресурсоемкость данного продукта меня уже пугает. Если открыто множество окон, что у меня происходит постоянно, то ноутбук начинает тормозить и подвисать, а память съедается прямо на глазах. Это конечно минус. Одного не понимаю, почему разработчики не оптимизируют потребление ресурсов.
Давайте, наконец, разберемся с загадочным термином API, который стал необыкновенно популярен в последнее время. Итак, API — это интерфейс программирования приложений (application programming interface). Или иначе, набор готовых функций, предоставляемых сервисом для использования во внешних программах. То есть мы не знаем досконально, как устроен и работает предоставляемый объект, но мы можем им пользоваться и даже настраивать по своему усмотрению. В этой подборке собраны полезные сервисы, предоставляемые Яндексом, которые могут пригодиться владельцам сайтов и веб-разработчикам для интеграции в собственные ресурсы.
Сегодняшние полезные расширения для веб-разработчиков для браузера Хром представлены парочкой анализаторов скорости загрузки страницы с рекомендациями по повышению эффективности. Есть несколько расширений для работы с кодами CSS. Достаточно много традиционных расширений с SEO инструментами и индикаторами. Также есть плагины для измерения элементов на веб-странице, для тестирования страниц на разных разрешениях экрана, а также в разных версиях IE, плагин для копирования ссылок с кириллицей, бесплатная проверка ссылок антивирусом, определение IP адреса для ноутбуков, проверка jQuery селекторов и многое другое.
В этой подборке я собрала все самые популярные сервисы социального шаринга, предоставляющие кнопки для интеграции на сайт. Суть такая: вы самостоятельно выбираете социальные сети для шаринга, настраиваете внешний вид и функционал кнопки и потом получаете готовый код, которые устанавливаете в нужное место на своем сайте. Сразу после этого посетитель получает возможность поделиться понравившейся записью со своим окружением через социальную сеть, в которой он обитает. Для меня преимущества таких сервисов заключаются в отсутствии необходимости настраивать каждую кнопку отдельно, в вариативности оформления, а также в быстроте и удобстве настроек.
Очередную порцию расширений от Google открывает полезный сервис-переводчик. Далее можно задать функцию таймера, с помощью которой задается длительность сессии. Расширение PageSpeed Insights анализирует показатели скорости загрузки сайта. RSS Subscription добавляет кнопку быстрой подписки. Google Calendar Checker отслеживает время до ближайшего мероприятия. Расширение-маскировка отключает в браузере персонализацию интернет-рекламы. С помощью расширения Захват экрана можно вывести содержимое экрана в формате png. Google Chrome to Phone Extension коммуникатирует с Android.
Здесь представлена подборка из 20 сайтов, на которых можно вполне себе официально скачать бесплатные вордпресс шаблоны весьма приемлемого качества. В основном, это сайты, которые являются коллекторами, специализирующимися на вордпресс темах и на которых есть бесплатная секция free шаблонов. Особого внимания заслуживают сайты самих авторов-дизайнеров, которые изготавливают шаблоны и выкладывают их в свободном доступе для всех пользователей. Также среди поставщиков есть известные блоги, которые иногда публикуют у себя описание и ссылки на очень хорошие темы.
Очередная подборка удобных расширений от Google Chrome представлена расширением для создания скриншотов страниц, встроенным в браузер переводчиком и статистикой вордпресс. Есть расширения для удаления данных о вашем пребывании в интернете, а также расширения для поиска местонахождения в интернете интересующей вас картинки. Эстеты могут поменять бэкграунд в Фейсбуке, а любители открывать много вкладок в браузере найдут средство управлять ими. Также можно измерить скорость загрузки сайта, статистику сайта и сео аналитику по сайту.