Home
Videos uploaded by user “WebDesign Master”
Bootstrap сетка, PSD
 
04:25
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока (+сетка): http://webdesign-master.ru/blog/tools/2016-11-26-bootstrap-psd.html При создании дизайна сайтов в Adobe Photoshop не обойтись без использования какой-либо системы сеток. Можно создать сетку самостоятельно, используя направляющие, либо воспользоваться уже готовым, проверенным решением - готовой сеткой Bootstrap в формате PSD. Не смотя на то, что дефолтные размеры Bootstrap сетки несколько стандартизируют дизайн, данный вариант успешно используют в своей работе огромное количество веб-дизайнеров по всему миру. Кроме того, такая стандартизация позволяет максимально быстро выполнять HTML верстку созданного макета, что неминуемо приводит к ускорению работы над проектом в условиях разработки сайтов на потоке или создания шаблонов. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 68863 WebDesign Master
Создание сайта с нуля. Урок #7: Дизайн третьей секции
 
12:35
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Необходимые для прохождения урока материалы: http://webdesign-master.ru/blog/modx/564.html Продолжаем уроки по созданию сайта с нуля под ключ на заказ для компании ОВК-СТРОЙ - от создания прототипа до готового результата. Урок #7. Нарисуем дизайн третьей секции сайта. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 33448 WebDesign Master
Как скачать сайт целиком с картинками из CSS и шрифтами
 
08:34
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока: http://webdesign-master.ru/blog/tools/567.html Всем привет. Сегодня рассмотрим как скачать сайт целиком со всеми картинками, картинками из CSS, картинками из тегов img, шрифтами, скриптами, библиотеками и всем остальным, в том виде, в котором его разрабатывали. Новый Wget для Windows: http://sourceforge.net/projects/tumagcc/files/ Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 300951 WebDesign Master
Ускоряем разработку: GitHub Gist - хранение и повторное использование кода
 
05:15
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока: http://webdesign-master.ru/blog/tools/28.html Рассмотрим практическое применение инструмента для хранения и повторного использования полезного кода GitHub Gist. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 29208 WebDesign Master
Быстрое создание скетча в wireframe|cc
 
08:27
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока: http://webdesign-master.ru/blog/prototyping/518.html Рассмотрим создание скетча для верстки в https://wireframe.cc без использования Photoshop и прочих десктопных приложений. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 25826 WebDesign Master
Подкаст #0: Кем стать - дизайнером или программистом?
 
08:21
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока: http://webdesign-master.ru/blog/offtop/2016-10-17-kem-stat-dizajnerom-ili-programmistom.html Спонсор выпуска: Сервис http://FormDesigner.ru Один из самых часто задаваемых вопросов начинающих веб-разработчиков: Кем стать - программистом или дизайнером? Перед молодыми людьми стоит нелегкий выбор, ведь решение данного вопроса повлияет на всю дальнейшую жизнь и профессиональное развитие. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 50519 WebDesign Master
Почему фрилансеру нужно развивать свои проекты и думать о будущем
 
07:34
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Фриланс для начинающих: https://goo.gl/xOPRQ0 Текстовая версия: http://webdesign-master.ru/blog/offtop/2017-04-08-freelance-future.html Всем привет, друзья! Сегодня мы затронем очень важную тему, о которой не принято говорить и о которой мало кто задумывается. О вашем будущем, о вашей так называемой "пенсии", если вы фрилансер. Данная тема несколько выбивается из тематики ресурса WebDesign Master, но считаю своим долгом её осветить, так как тема фриланса очень близка многим веб-разработчикам и дизайнерам. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 23564 WebDesign Master
Как получить адаптивную сетку Bootstrap нужной ширины
 
04:17
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока: http://webdesign-master.ru/blog/adaptive-web-design/566.html Всем привет, сегодня вы узнаете, как можно сделать сетку Bootstrap нужной ширины, отличной от стандартного значения в 1140px. Bootstrap Customize: http://getbootstrap.com/customize/ Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 40905 WebDesign Master
Как подключить и использовать шрифтовые иконки Font Awesome
 
05:02
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока: http://webdesign-master.ru/blog/tools/520.html Научимся подключать и использовать в своей работе векторные шрифтовые иконки Font Awesome и подобные. start_html: https://github.com/agragregra/start_html Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 41791 WebDesign Master
Создание Аккордеона на jQuery
 
03:01
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 jQuery аккордеон на ГитХабе: https://gist.github.com/agragregra/4f5ece39d2d3909cc671 Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 9973 WebDesign Master
Универсальный PHP скрипт обратной связи для простых сайтов и Landing Pages (uniMail)
 
10:57
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока: http://webdesign-master.ru/blog/tools/578.html Привет, друзья! Сегодня рассмотрим универсальный PHP скрипт uniMail, который подойдет для отправки форм обратной связи любой сложности с простых сайтов или посадочных страниц на почту. Скрипт на GitHub: https://github.com/agragregra/uniMail Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 86994 WebDesign Master
Подкаст #2: С чего начать работу над дизайном и где брать вдохновение
 
06:07
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Референсы из видео: Как стать крутым веб-дизайнером: https://youtu.be/3wAQCXL7RDk Текстовая версия выпуска: http://webdesign-master.ru/blog/web-design/2017-12-27-s-chego-nachat-rabotu-nad-dizajnom-i-gde-brat-vdohnovenie.html Всем привет, друзья! Сегодня мы поговорим о волнующей многих начинающих веб-дизайнеров теме - с чего начать работу над проектом, как не впасть в ступор на начальном этапе создания дизайна сайта. Данная тема актуальна для многих начинающих дизайнеров, которые сталкиваются с некоторыми сложностями и не знают, с чего начать работу, где искать вдохновение и как не сделать посредственную работу или еще хуже - не скопировать чужой дизайн, а создать действительно полезный уникальный макет проекта, который не стыдно будет показать заказчику. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 23579 WebDesign Master
Google для самых маленьких. Как правильно искать специальную информацию?
 
08:13
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Текстовая версия: http://webdesign-master.ru/blog/tools/2017-05-22-google-for-beginners.html Приветствую вас, дорогие друзья! Сегодня мы затронем очень важную тему - правильный и эффективный поиск информации в поисковой системе Google. Данный материал будет полезен в первую очередь начинающим специалистам в области IT и ориентирован именно на поиск профессиональной или специфической информации, которую не так просто найти сходу, просто задав ваш вопрос поисковику. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 24340 WebDesign Master
QA#5 | Как выбрать монитор, как придумывать дизайн сайта, будущие уроки
 
08:32
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Текстовая версия: http://webdesign-master.ru/blog/offtop/2016-11-04-qa-5.html Сайты из видео: http://www.awwwards.com/awards-of-the-month/ Добрый день, друзья! Это пятый выпуск ответов на ваши вопросы по веб-разработке. Вот некоторые из вопросов, на которые я сегодня отвечу: как выбрать монитор для веб-разработки, как создавать дизайн сайта, какие уроки планируются в будущем. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 25120 WebDesign Master
Быстрая настройка Sublime Text 3 для вёрстки сайтов
 
19:17
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока: http://webdesign-master.ru/blog/tools/2017-03-13-sublime-text-3-setup.html Привет, друзья! По многочисленным просьбам обновил руководство по быстрой настройке редактора кода Sublime Text 3, установке необходимых для вёрстки плагинов и создании своего пресета настроек для быстрого старта на новом рабочем месте. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 142458 WebDesign Master
Ускоряем разработку: Стартовые шаблоны для адаптивной верстки сайтов (start_html)
 
04:04
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Скачать стартовые шаблоны: https://github.com/agragregra/start_html Страница урока: http://webdesign-master.ru/blog/html-css/516.html Чистые, готовые к бою HTML5 шаблоны (CSS и SASS), предназначенные для ускорения разработки современных адаптивных сайтов. Шаблоны содержат наиболее используемые и актуальные компоненты. Шаблоны поддерживаются и регулярно обновляются, перед стартом проекта - рекомендую скачать новую версию. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 29527 WebDesign Master
Простая реализация табов на jQuery
 
02:28
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Скрипт на гитхабе: https://gist.github.com/agragregra/e0ad62a2a901e615c89a Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 5506 WebDesign Master
Слепая печать - это больно, но необходимо! (Урок и рекомендации)
 
23:10
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Текстовая версия: http://webdesign-master.ru/blog/tools/2017-08-12-fast-typing.html Всем привет, дорогие друзья! В данном уроке вы узнаете, что такое слепая печать, как максимально быстро научиться печатать десятипальцевым методом, а также познакомимся с одним из самых эффективных тренажёров, который сделает вашу работу быстрее, проще и приятней. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 285925 WebDesign Master
Обновление версий пакетов в package.json
 
03:34
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Небольшой урок по обновлению версий пакетов на более новые в package.json, используя npm-check-updates. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 9991 WebDesign Master
Ускоряем разработку: Sublime Text. Сниппеты
 
02:52
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Научимся создавать сниппеты в Sublime Text Уроки по созданию сайтов: http://webdesign-master.ru Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 14032 WebDesign Master
Создание сайта с нуля. Урок #32. Посадка секции «Направления услуг» на MODx (pdoResources)
 
24:07
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Все дополнительные материалы и ссылки на странице урока. Страница урока: http://webdesign-master.ru/blog/modx/2016-10-04-ovk-32.html Привет, друзья! Это курс «Создание сайта с нуля», урок 32. В данном уроке мы рассмотрим работу с мощнейшим инструментом для создания сайтов на MODx - сниппетом pdoResources и выведем с его помощью элементы на главной, которые имеют свою внутреннюю страницу. Кроме того, узнаем, что такое фильтры вывода MODx и применим один из фильтров на практике. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 13009 WebDesign Master
Website Design Speed Art #2: Adobe XD | WebDesign Master
 
06:21
Website Design Speed Art Adobe XD page: http://webdesign-master.ru/blog/web-design/2016-03-29-speedart-2-adobe-xd.html Result (Preview): http://agragregra.github.io/demos/mw/MW3-Home-Preview.png Adobe XD source: https://yadi.sk/d/NyfWfKriqYCeo Bootstrap 1170 XD: https://yadi.sk/d/SA2MVvrqqXMkE Made With: Adobe XD (Experience Design) Subscribe: https://goo.gl/o1TVqF http://vk.com/agragregra https://twitter.com/agragregra
Views: 40286 WebDesign Master
Стоит ли покупать iMac или MacBook в 2017/2018 и почему я вернулся на ПК
 
20:30
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Текстовая версия: http://webdesign-master.ru/blog/offtop/2017-11-02-stoit-li-pokupat-imac-ili-macbook-v-2018.html Спонсор выпуска - Компания "Макхост". Промокод на 3 месяца бесплатного хостинга по тарифу Мак-10 (вводить при регистрации на сайте) - "WebDesign": https://goo.gl/VjWenu Всем привет, друзья! Сегодня будет необычный выпуск, о котором меня просили многие в личных сообщениях, в комментариях, писали на почту. А именно - Стоит ли покупать MacBook, iMac или Mac mini или можно обойтись ПК для серьезной профессиональной работы. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 220883 WebDesign Master
OptimizedHTML 4: Sass+Scss и немного пояснений. Дополнительный выпуск
 
05:54
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница выпуска: http://webdesign-master.ru/blog/tools/2018-03-23-optimizedhtml-4-sass-scss.html Обновленный стартер: https://github.com/agragregra/OptimizedHTML-4 Всем привет, дорогие друзья! Совсем недавно вышел в свет стартер OptimizedHTML с Bootstrap 4 и я уже получил огромный фидбек по данному стартовому шаблону. Сегодня я расскажу, какие изменения имеют место быть и поясню некоторые моменты, о которых меня спрашивают наиболее часто. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 18689 WebDesign Master
Ускоряем разработку: Молниеносная верстка с EMMET
 
11:43
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Справочник Emmet сокращений: http://webdesign-master.ru/blog/html-css/2.html Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 33688 WebDesign Master
OpenCart 3: Что нового?
 
13:16
OpenCart: Создание интернет-магазина от А до Я - https://goo.gl/7mDqYD Текстовая версия: http://webdesign-master.ru/blog/tools/2017-07-22-opencart-3-whats-new.html Всем привет, друзья! Совсем недавно, 20 июня 2017 года вышла новая версия движка для создания интернет-магазинов OpenCart 3. Сегодня мы рассмотрим, какие изменения имеют место быть в новой версии, что добавили, что поменяли и некоторые нюансы разработки интернет-магазинов на обновлённой системе. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 28588 WebDesign Master
Создание Landing Page на WordPress. Часть 4
 
35:48
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока (с демо): http://webdesign-master.ru/blog/wordpress/16.html Четвертый урок по созданию сайта на WordPress по типу Landing Page. Разметка секций. Проект с описанием на GitHub: http://goo.gl/DhsL7B Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 40600 WebDesign Master
CSS Grid: Новый взгляд на адаптивную верстку сайтов. Руководство
 
39:31
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока с примерами из видео: http://webdesign-master.ru/blog/html-css/2017-09-03-css-grid.html Реши любую задачу с YouDo! - http://bit.ly/2gC5oeJ Всем привет. Сегодня мы рассмотрим новейшую технику адаптивной вёрстки сайтов с использованием CSS Grid. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 124498 WebDesign Master
Ответы на вопросы #6 | Стимуляторы, Книги, Фриланс для новичков, OptimizedHTML 2.0
 
10:22
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Текстовая версия: http://webdesign-master.ru/blog/offtop/2017-05-23-qa-6.html Сайты из видео: http://www.awwwards.com/awards-of-the-month/ Добрый день, друзья! Это шестой выпуск ответов на ваши вопросы по веб-разработке. Вот некоторые из вопросов, на которые я сегодня отвечу: использую ли я стимуляторы для улучшения производительности, читаю ли книги по веб-разработке, дизайну и какие именно, с чем связаны изменения в OptimizedHTML 2.0 и как начать зарабатывать новичку на фрилансе. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 17447 WebDesign Master
Как правильно и быстро верстать сайты
 
25:01
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Сервис SORGE: http://sorge.pro Статья "Как правильно и быстро верстать сайты": http://webdesign-master.ru/blog/html-css/2016-07-17-kak-pravilno-i-bistro-verstat-saity.html Всем привет, друзья. Сегодня мы затронем очень важную тему - быстрая и правильная HTML верстка макетов. Углубимся в проблему, разберем все возможные способы ускорения верстки без потери в качестве на всех этапах. Данный вопрос интересует очень многих веб-разработчиков, интересовал и меня, когда я уже углублялся более серьезно в веб-разработку. Теперь, я с радостью поделюсь накопленными знаниями, хитростями и фишками скоростной верстки, чтобы вы, дорогие мои друзья, смогли заработать больше денег за единицу времени. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 269586 WebDesign Master
Основы CSS - Руководство для самых маленьких
 
17:14
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Нетология: http://netolo.gy/cSU (Промо-код на 2000 руб.: wdm_prog). Текстовая версия с картинками: http://webdesign-master.ru/blog/html-css/2017-01-10-css-rukovodstvo.html Приветствую, дорогие друзья! В этом уроке вы узнаете что такое CSS, для чего нужен и как его правильно использовать. Это базовый урок из серии "Для самых маленьких", в котором я постараюсь объяснить наиболее понятным языком основы стилизации документов посредством CSS - Каскадных таблиц стилей (Cascading Style Sheets). Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 50382 WebDesign Master
Как стать крутым веб-дизайнером. Фильм.
 
38:29
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница фильма: https://goo.gl/KrenSb Всем привет, друзья! Это небольшой фильм, в котором вы узнаете, что такое веб-дизайн, что такое UI/UX, Wireframing в современном веб-дизайне, рассмотрим базовые правила качественного оформления UI, правильную организацию работы в приложениях для веб-дизайна, рассмотрим, какое значение занимает HTML вёрстка в веб-дизайне и как самостоятельно и правильно обучаться веб-дизайну и развиваться, как веб-дизайнер. Другими словами, друзья - это комплексное руководство крутого веб-дизайнера, которое будет крайне полезно не только начинающим, но и опытным веб-дизайнерам, желающим развиваться профессионально. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 145898 WebDesign Master
MODX Revolution - Базовый урок
 
27:00
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока (содержимое ресурсов, сниппетов): http://webdesign-master.ru/blog/modx/2016-03-16-modx-base.html Всем привет, друзья! Это базовый урок по CMF MODX Revolution, в котором мы познакомимся с системой MODX, выполним установку необходимых плагинов и выполним базовую настройку фреймворка. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 99321 WebDesign Master
CSS анимация элементов при наведении
 
10:50
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока с необходимыми данными и примером: http://webdesign-master.ru/blog/html-css/23.html Научимся создавать красивую CSS анимацию при наведении на элемент. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 67554 WebDesign Master
Ответы на вопросы #2 | WebDesign Master
 
20:26
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Ответы на вопросы #2. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 10906 WebDesign Master
Как разместить верстку на GitHub Pages. Бесплатный хостинг от GitHub
 
19:56
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Университет интернет-профессий Нетология - ‎http://netolo.gy/dhY (промокод: designmaster). Всем привет, друзья. Сегодня мы рассмотрим на реальном примере использование хостинга Github Pages для бесплатного размещения статических сайтов, одностраничных лендингов или просто вёрстки для демонстрации клиенту или коллегам. Полезные ссылки: GitHub Pages: https://pages.github.com GitHub Desktop: https://desktop.github.com Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 40061 WebDesign Master
Настройка прав доступа для контент-менеджера в MODX Revolution
 
18:10
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Алгоритм настройки прав MODx: http://webdesign-master.ru/blog/modx/2016-04-04-modx-permissions.html Конкурс ITPrincess: https://goo.gl/lavFta Всем привет! Сегодня мы рассмотрим настройку и разграничение прав в MODx Revolution. Создадим нового пользователя manager, ограничим его как следует и назначим соответствующие права на редактирование ресурсов и файлов. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 23499 WebDesign Master
Website Design Speed Art #1 | WebDesign Master
 
08:02
Result: https://goo.gl/QhsmmP PSD source: https://yadi.sk/d/Gm3kqK32oRqgk Photoshop Workspace Review: https://youtu.be/neWCkD-tvr0 Made With: Adobe Photoshop | InVision Craft | FontAwesome PS Subscribe: https://goo.gl/o1TVqF http://vk.com/agragregra https://twitter.com/agragregra
Views: 66604 WebDesign Master
Создание AJAX форм обратной связи на сайте
 
14:04
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Научимся создавать формы обратной связи на сайте с использованием jQuery AJAX. Архив для урока: https://yadi.sk/d/DbwH4JX5eXQzU Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 105584 WebDesign Master
Как сделать всплывающее окно для фотографий
 
08:57
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Станица урока и необходимые данные: http://webdesign-master.ru/blog/jquery/25.html Рассмотрим создание галереи со всплывающими окнами с помощью jQuery плагина Magnific Popup. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 26003 WebDesign Master
Как подключить шрифт в HTML верстку (@font-face)
 
04:44
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Научимся подключать шрифты в HTML верстку. start_html: https://github.com/agragregra/start_html Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 41341 WebDesign Master
Иконки для веб-дизайна (Обработка: Inkscape + Photoshop)
 
07:34
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока: http://webdesign-master.ru/blog/creating-icons/538.html Рассмотрим работу с иконками при создании дизайна сайта. Дизайн из ролика для следующего выпуска "Джедай верстки" (5): http://dev.webdesign-master.ru/afg/_home_preview.jpg Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 32372 WebDesign Master
Создание сайта с нуля. Урок #1: Скетч
 
32:15
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока: http://webdesign-master.ru/blog/modx/531.html Всем привет. Сегодня мы начинаем большую серию уроков по созданию сайта с нуля под ключ на заказ для компании ОВК-СТРОЙ - от создания прототипа до готового сайта. Из данного урока вы узнаете, как создать сайт с нуля до 100%-го результата. В качестве основной CMS для разработки сайта будем использовать MODx Revolution. http://laper.ru - сервис для поиска специалистов по созданию Landing Pages. Результат прототипирования главной страницы: https://github.com/agragregra/agragregra.github.com/blob/master/demos/ovk-stroy/prototype.png Сервис для создания скетча: http://wireframe.cc Урок по созданию скетчей: http://www.youtube.com/watch?v=lnh3z5Y0CZQ Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 501170 WebDesign Master
Sass для самых маленьких - подробное руководство
 
35:52
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Хостинг партнер: http://partnerwp.ru Страница урока: http://webdesign-master.ru/blog/tools/2016-06-04-sass.html Привет, друзья! Это подробное руководство по препроцессору Sass для начинающих. Здесь мы познакомимся с препроцессором Sass, его преимуществами, синтаксисом и рассмотрим возможности использования на примерах. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 159028 WebDesign Master
Gulp (Browsersync) + PHP (Open Server)
 
09:39
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока: http://webdesign-master.ru/blog/tools/601.html Привет друзья, сегодня мы объединим всю мощь Gulp (Browsersync) с PHP сервером (Open Server). Данный урок будет полезен всем, кто создает сайты, используя CMS, CMF и фреймворки, работающие на PHP и собирает фронтенд с использованием менеджера сборки Gulp. _optimized_gulp_sass (Example Gulp project): https://github.com/agragregra/start_html Browsersync: https://www.browsersync.io Open Server: http://open-server.ru Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 31427 WebDesign Master
Bootstrap 4. Сетка. Подробное руководство
 
44:11
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Страница урока: http://webdesign-master.ru/blog/html-css/2018-02-04-bootstrap-4.html Всем привет, друзья! 18 января 2018 года случилось важное событие — вышла из беты долгожданная версия Bootstrap 4, основанная на использовании модели Flexbox для разметки, которая в настоящее время уже имеет поддержку всех современных браузеров и является более удобной и гибкой для разработчиков. Сегодня мы подробно разберем работу с сеткой Bootstrap 4, по ходу дела сравнивая её со старой версией. Данный урок будет полезен вам не только если вы новичок и знакомитесь с Bootstrap, но и в том случае, если вы опытный разработчик и хотите изучить все правила и нюансы верстки с использованием сетки Bootstrap 4. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 91620 WebDesign Master
Молниеносная AJAX загрузка страниц сайта с jQuery PJAX
 
10:34
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Сайт, использующий PJAX: http://webdesign-master.ru Всем привет, друзья! Сегодня мы рассмотрим динамическую подгрузку контента при переходе на другие страницы сайта, а также автоматическую подгрузку необходимых контейнеров на страницах с использованием jQuery плагина PJAX. jQuery PJAX: https://github.com/defunkt/jquery-pjax Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 31252 WebDesign Master
Создание шрифтового Icon Pack с использованием сервиса Fontello
 
12:49
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Канал Ивана Махаева: https://www.youtube.com/user/mahnoblululu Всем привет, друзья! Сегодня мы рассмотрим создание шрифтового Icon Pack вашего проекта с использованием сервиса Fontello. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 15089 WebDesign Master
Ответы на вопросы #7 | Прокрастинация, Битрикс, Своя студия, Стажировка, Хостинг
 
16:08
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Текстовая версия: http://webdesign-master.ru/blog/offtop/2017-10-10-qa-7.html Сайты из видео: https://www.awwwards.com/websites/sites_of_the_day/ Всем привет, друзья! Это седьмой выпуск ответов на ваши вопросы. Сегодня мы затронем тему прокрастинации, я расскажу, что думаю про коммерческие CMS, такие, как Битрикс и подобные, о том, стоит ли организовывать свою студию, как проходить стажировку начинающим, немного о хостинге и другие вопросы. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 16882 WebDesign Master
Сбор заявок с сайта в CRM bitrix24
 
10:42
Полезно? Подпишись на канал: https://goo.gl/o1TVqF Создание интернет-магазина от А до Я: https://goo.gl/7mDqYD Создание новостного сайта от А до Я: https://goo.gl/ankxq9 Фриланс для начинающих: https://goo.gl/xOPRQ0 Данные для изучения урока: http://webdesign-master.ru/blog/tools/21.html Рассмотрим простой пример создания лидов в CRM Bitrix24 из форм на сторонних ресурсах. Данное видео будет полезно тем, кто планирует принимать заявки с различных сайтов — Landing Pages, интернет-магазинов и хочет иметь централизованную систему для сбора и распределения полученных данных. Битрикс24 пока бесплатна для 12-ти сотрудников компании, чего вполне достаточно для небольшого предприятия. Группа Вконтакте: http://vk.com/agragregra Реклама на канале: https://goo.gl/ROl4q3
Views: 23691 WebDesign Master