Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока (+сетка): При создании дизайна сайтов в Adobe Photoshop не обойтись без использования какой-либо системы сеток. Можно создать сетку самостоятельно, используя направляющие, либо воспользоваться уже готовым, проверенным решением - готовой сеткой Bootstrap в формате PSD. Не смотя на то, что дефолтные размеры Bootstrap сетки несколько стандартизируют дизайн, данный вариант успешно используют в своей работе огромное количество веб-дизайнеров по всему миру. Кроме того, такая стандартизация позволяет максимально быстро выполнять HTML верстку созданного макета, что неминуемо приводит к ускорению работы над проектом в условиях разработки сайтов на потоке или создания шаблонов. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока: Рассмотрим практическое применение инструмента для хранения и повторного использования полезного кода GitHub Gist. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Текстовая версия: Всем привет, друзья! Сегодня мы затронем очень важную тему, о которой не принято говорить и о которой мало кто задумывается. О вашем будущем, о вашей так называемой пенсии , если вы фрилансер. Данная тема несколько выбивается из тематики ресурса WebDesign Master, но считаю своим долгом её осветить, так как тема фриланса очень близка многим веб-разработчикам и дизайнерам. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока: Всем привет. Сегодня рассмотрим как скачать сайт целиком со всеми картинками, картинками из CSS, картинками из тегов img, шрифтами, скриптами, библиотеками и всем остальным, в том виде, в котором его разрабатывали. Новый Wget для Windows: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока: Рассмотрим создание скетча для верстки в без использования Photoshop и прочих десктопных приложений. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока: Всем привет, сегодня вы узнаете, как можно сделать сетку Bootstrap нужной ширины, отличной от стандартного значения в 1140px. Bootstrap Customize: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока: Спонсор выпуска: Сервис Один из самых часто задаваемых вопросов начинающих веб-разработчиков: Кем стать - программистом или дизайнером? Перед молодыми людьми стоит нелегкий выбор, ведь решение данного вопроса повлияет на всю дальнейшую жизнь и профессиональное развитие. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Бесплатно создать свой сайт с Nethouse: Третий выпуск ответов на вопросы по веб-разработке на канале WebDesign Master. Страница выпуска: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока: Научимся подключать и использовать в своей работе векторные шрифтовые иконки Font Awesome и подобные. start_html: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Небольшой урок по обновлению версий пакетов на более новые в package.json, используя npm-check-updates. Группа Вконтакте: Реклама на канале:


Спонсор выпуска - Компания Макхост. Промокод на 3 месяца бесплатного хостинга по тарифу Мак-10 (вводить при регистрации на сайте) - WebDesign : Полезно? Подпишись на канал: Текстовая версия: Всем привет, друзья! Сегодня будет необычный выпуск, о котором меня просили многие в личных сообщениях, в комментариях, писали на почту. А именно - Стоит ли покупать MacBook, iMac или Mac mini или можно обойтись ПК для серьезной профессиональной работы. Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Референсы из видео: Как стать крутым веб-дизайнером: Текстовая версия выпуска: Всем привет, друзья! Сегодня мы поговорим о волнующей многих начинающих веб-дизайнеров теме - с чего начать работу над проектом, как не впасть в ступор на начальном этапе создания дизайна сайта. Данная тема актуальна для многих начинающих дизайнеров, которые сталкиваются с некоторыми сложностями и не знают, с чего начать работу, где искать вдохновение и как не сделать посредственную работу или еще хуже - не скопировать чужой дизайн, а создать действительно полезный уникальный макет проекта, который не стыдно будет показать заказчику. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Скачать стартовые шаблоны: Страница урока: Чистые, готовые к бою HTML5 шаблоны (CSS и SASS), предназначенные для ускорения разработки современных адаптивных сайтов. Шаблоны содержат наиболее используемые и актуальные компоненты. Шаблоны поддерживаются и регулярно обновляются, перед стартом проекта - рекомендую скачать новую версию. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Текстовая версия: Сайты из видео: Добрый день, друзья! Это пятый выпуск ответов на ваши вопросы по веб-разработке. Вот некоторые из вопросов, на которые я сегодня отвечу: как выбрать монитор для веб-разработки, как создавать дизайн сайта, какие уроки планируются в будущем. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Скрипт на гитхабе: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Алгоритм настройки прав MODx: Конкурс ITPrincess: Всем привет! Сегодня мы рассмотрим настройку и разграничение прав в MODx Revolution. Создадим нового пользователя manager, ограничим его как следует и назначим соответствующие права на редактирование ресурсов и файлов. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока: Привет, друзья! По многочисленным просьбам обновил руководство по быстрой настройке редактора кода Sublime Text 3, установке необходимых для вёрстки плагинов и создании своего пресета настроек для быстрого старта на новом рабочем месте. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока: Привет, друзья! Сегодня рассмотрим универсальный PHP скрипт uniMail, который подойдет для отправки форм обратной связи любой сложности с простых сайтов или посадочных страниц на почту. Скрипт на GitHub: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: jQuery аккордеон на ГитХабе: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница фильма: Всем привет, друзья! Это небольшой фильм, в котором вы узнаете, что такое веб-дизайн, что такое UI/UX, Wireframing в современном веб-дизайне, рассмотрим базовые правила качественного оформления UI, правильную организацию работы в приложениях для веб-дизайна, рассмотрим, какое значение занимает HTML вёрстка в веб-дизайне и как самостоятельно и правильно обучаться веб-дизайну и развиваться, как веб-дизайнер. Другими словами, друзья - это комплексное руководство крутого веб-дизайнера, которое будет крайне полезно не только начинающим, но и опытным веб-дизайнерам, желающим развиваться профессионально. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Текстовая версия: Всем привет, дорогие друзья! В данном уроке вы узнаете, что такое слепая печать, как максимально быстро научиться печатать десятипальцевым методом, а также познакомимся с одним из самых эффективных тренажёров, который сделает вашу работу быстрее, проще и приятней. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока (с демо): Четвертый урок по созданию сайта на WordPress по типу Landing Page. Разметка секций. Проект с описанием на GitHub: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Текстовая версия: Приветствую вас, дорогие друзья! Сегодня мы затронем очень важную тему - правильный и эффективный поиск информации в поисковой системе Google. Данный материал будет полезен в первую очередь начинающим специалистам в области IT и ориентирован именно на поиск профессиональной или специфической информации, которую не так просто найти сходу, просто задав ваш вопрос поисковику. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Сервис SORGE: Статья Как правильно и быстро верстать сайты : Всем привет, друзья. Сегодня мы затронем очень важную тему - быстрая и правильная HTML верстка макетов. Углубимся в проблему, разберем все возможные способы ускорения верстки без потери в качестве на всех этапах. Данный вопрос интересует очень многих веб-разработчиков, интересовал и меня, когда я уже углублялся более серьезно в веб-разработку. Теперь, я с радостью поделюсь накопленными знаниями, хитростями и фишками скоростной верстки, чтобы вы, дорогие мои друзья, смогли заработать больше денег за единицу времени. Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Группа Вконтакте: Реклама на канале:


OpenCart: Создание интернет-магазина от А до Я - Текстовая версия: Всем привет, друзья! Совсем недавно, 20 июня 2017 года вышла новая версия движка для создания интернет-магазинов OpenCart 3. Сегодня мы рассмотрим, какие изменения имеют место быть в новой версии, что добавили, что поменяли и некоторые нюансы разработки интернет-магазинов на обновлённой системе. Группа Вконтакте: Реклама на канале:


Website Design Speed Art Adobe XD page: Result (Preview): Adobe XD source: Bootstrap 1170 XD: Made With: Adobe XD (Experience Design) Subscribe:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Справочник Emmet сокращений: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока с примерами из видео: Реши любую задачу с YouDo! - Всем привет. Сегодня мы рассмотрим новейшую технику адаптивной вёрстки сайтов с использованием CSS Grid. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока (содержимое ресурсов, сниппетов): Всем привет, друзья! Это базовый урок по CMF MODX Revolution, в котором мы познакомимся с системой MODX, выполним установку необходимых плагинов и выполним базовую настройку фреймворка. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока с необходимыми данными и примером: Научимся создавать красивую CSS анимацию при наведении на элемент. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Приветствую, друзья! Это небольшой тутор по созданию прелоадера для сайтов, сверстанных с использованием стартового шаблона _optimized_gulp_sass. Стартовый шаблон: Джедай верстки 6: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Текстовая версия: Сайты из видео: Добрый день, друзья! Это шестой выпуск ответов на ваши вопросы по веб-разработке. Вот некоторые из вопросов, на которые я сегодня отвечу: использую ли я стимуляторы для улучшения производительности, читаю ли книги по веб-разработке, дизайну и какие именно, с чем связаны изменения в OptimizedHTML 2.0 и как начать зарабатывать новичку на фрилансе. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Конструктор сайтов HOSTiQ: По промокоду WEBDESIGN скидка 40% на виртуальный хостинг по ссылке: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Текстовая версия: Сайты из видео: Всем привет, друзья! Это восьмой выпуск ответов на ваши вопросы. Сегодня я расскажу, что делать, если нет больше сил и желания заниматься разработкой, как не перегореть , поделюсь своим опытом работы с MacOS, Windows и Linux, затронем тему технологий - как не запутаться в их обилии и многообразии, как скоро умрёт Bootstrap и другие интересные вопросы )) Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Станица урока и необходимые данные: Рассмотрим создание галереи со всплывающими окнами с помощью jQuery плагина Magnific Popup. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Научимся подключать шрифты в HTML верстку. start_html: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Университет интернет-профессий Нетология - ‎ (промокод: designmaster). Всем привет, друзья. Сегодня мы рассмотрим на реальном примере использование хостинга Github Pages для бесплатного размещения статических сайтов, одностраничных лендингов или просто вёрстки для демонстрации клиенту или коллегам. Полезные ссылки: GitHub Pages: GitHub Desktop: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Группа Вконтакте: Реклама на канале:


Result: PSD source: Photoshop Workspace Review: Made With: Adobe Photoshop | InVision Craft | FontAwesome PS Subscribe:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока: Привет друзья, сегодня мы объединим всю мощь Gulp (Browsersync) с PHP сервером (Open Server). Данный урок будет полезен всем, кто создает сайты, используя CMS, CMF и фреймворки, работающие на PHP и собирает фронтенд с использованием менеджера сборки Gulp. _optimized_gulp_sass (Example Gulp project): Browsersync: Open Server: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Научимся создавать формы обратной связи на сайте с использованием jQuery AJAX. Архив для урока: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока: Рассмотрим работу с иконками при создании дизайна сайта. Дизайн из ролика для следующего выпуска Джедай верстки (5): Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока с нужными ссылками: Рассмотрим создание современного эффекта КИНО, который стал очень популярен в последнее время в веб-дизайне. Данный эффект придает «матовый» цвет фотографии, выравнивает тон, контраст и добавляет неповторимый винтажный эффект фотграфии для любого современного сайта. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Нетология: (Промо-код на 2000 руб.: wdm_prog). Текстовая версия с картинками: Приветствую, дорогие друзья! В этом уроке вы узнаете что такое CSS, для чего нужен и как его правильно использовать. Это базовый урок из серии Для самых маленьких , в котором я постараюсь объяснить наиболее понятным языком основы стилизации документов посредством CSS - Каскадных таблиц стилей (Cascading Style Sheets). Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница выпуска: Обновленный стартер: Всем привет, дорогие друзья! Совсем недавно вышел в свет стартер OptimizedHTML с Bootstrap 4 и я уже получил огромный фидбек по данному стартовому шаблону. Сегодня я расскажу, какие изменения имеют место быть и поясню некоторые моменты, о которых меня спрашивают наиболее часто. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Научимся создавать сниппеты в Sublime Text Уроки по созданию сайтов: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Хостинг партнер: Страница урока: Привет, друзья! Это подробное руководство по препроцессору Sass для начинающих. Здесь мы познакомимся с препроцессором Sass, его преимуществами, синтаксисом и рассмотрим возможности использования на примерах. Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока: Всем привет, друзья! 18 января 2018 года случилось важное событие — вышла из беты долгожданная версия Bootstrap 4, основанная на использовании модели Flexbox для разметки, которая в настоящее время уже имеет поддержку всех современных браузеров и является более удобной и гибкой для разработчиков. Сегодня мы подробно разберем работу с сеткой Bootstrap 4, по ходу дела сравнивая её со старой версией. Данный урок будет полезен вам не только если вы новичок и знакомитесь с Bootstrap, но и в том случае, если вы опытный разработчик и хотите изучить все правила и нюансы верстки с использованием сетки Bootstrap 4. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Канал Ивана Махаева: Всем привет, друзья! Сегодня мы рассмотрим создание шрифтового Icon Pack вашего проекта с использованием сервиса Fontello. Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Данные для изучения урока (+demo): Рассмотрим самый простой способ создания анимации элементов на сайте при скролле с помощью Animate.css, Waypoints и волшебного плагина, который их объединяет. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Данные для изучения урока: Рассмотрим простой пример создания лидов в CRM Bitrix24 из форм на сторонних ресурсах. Данное видео будет полезно тем, кто планирует принимать заявки с различных сайтов — Landing Pages, интернет-магазинов и хочет иметь централизованную систему для сбора и распределения полученных данных. Битрикс24 пока бесплатна для 12-ти сотрудников компании, чего вполне достаточно для небольшого предприятия. Группа Вконтакте: Реклама на канале:


Полезно? Подпишись на канал: Создание контентного сайта на Jekyll от А до Я: Создание современного интернет-магазина от А до Я: Я - фрилансер! - Руководство успешного фрилансера: Страница урока со всеми необходимыми данными: Рассмотрим всестороннюю оптимизацию загрузки сайта и повышение показателей для Google PageSpeed. Оптимизированная верстка на примере: Группа Вконтакте: Реклама на канале:


Видео добавлено: