Случайны выбор дневника Раскрыть/свернуть полный список возможностей


Найдено 853 сообщений
Cообщения с меткой

верстка - Самое интересное в блогах

Следующие 30  »
rss_rss_hh_new

[Перевод] Варианты использования вертикальных медиа-запросов в css

Среда, 01 Июня 2016 г. 20:14 (ссылка)

image



Мало кто знает, что в глубинах CSS спецификаций, кроме привычных «горизонтальных» медиа запросов, например, max-width: 768px, существуют ещё и «вертикальные». Примеры их использования не так очевидны, поэтому я решил поделиться с Вами статьей, в которой я опишу несколько практических ситуаций, в которых без таких запросов не обойтись.



Две недели назад, Sara Soueidan написал о «любви» к вертикальным медиа запросам, и тут я вспомнил, что и сам использовал их в некоторых проектах, и задумался над тем, почему бы не написать об этом статью? Так сказать поведать дорогим Хабражителям о своем опыте использования вертикальных медиа запросов.



Да-да, все мы любим медиа-запросы. И не говорите что это не так. Без них наш дизайн сайтов не будет таким отзывчивым, каким мы привыкли видеть его на современных интернет ресурсах. Все мы знаем о таких медиа-запросах как min-width и max-width и о том, в каких случаях они применяются. В данной статье я рассмотрю различные случаи использования min-height.

Читать дальше →

https://habrahabr.ru/post/302410/

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
nikname_2014

HTML5 и CSS3 с нуля до профи. » Сайт WEB-мастеров Скрипты,шаблоны,модули,хаки,плагины

Четверг, 06 Мая 2016 г. 00:01 (ссылка)
cmsetika.ru/videouroki/1079...profi.html


Без преувеличения на сегодняшний день это самый полный и актуальный курс в Рунете. Вдумайтесь сами: только лишь основной раздел курса (без учета бонусов) состоит из 47 подробнейших видеоуроков, образующих собой пошаговую практическую систему.

После изучения этой системы вы освоите полностью адаптивную верстку с использованием последних новшеств этих двух языков гипертекстовой разметки и каскадных таблиц стилей.В нашем новом курсе ВСЕ макеты верстаются сразу АДАПТИВНЫМИ и КРОССБРАУЗЕРНЫМИ.

Изучение курса построено по принципу «от простого к сложному» и от «теории к практике».

Я не просто научу вас верстать простейшие веб-страницы, мы с вами очень подробно (вплоть до малейших деталей) проработаем верстку на примере трех различных по своей сложности наиболее популярных видов веб-сайтов в современном Интернете

Комментарии (0)КомментироватьВ цитатник или сообщество
SoftLabirint

HTML5 и CSS3 с нуля до профи (2016) Видеокурс » SoftLabirint.Ru: Скачать бесплатно и без регистрации - Самые Популярные Новости Интернета

Суббота, 23 Апреля 2016 г. 20:49 (ссылка)
softlabirint.ru/video/video...okurs.html


HTML5 и CSS3 с нуля до профи (2016) Видеокурс

Без преувеличения на сегодняшний день это самый полный и актуальный курс в Рунете. Вдумайтесь сами: только лишь основной раздел курса (без учета бонусов) состоит из 47 подробнейших видеоуроков, образующих собой пошаговую практическую систему.

После изучения этой системы вы освоите полностью адаптивную верстку с использованием последних новшеств этих двух языков гипертекстовой разметки и каскадных таблиц стилей.

В нашем новом курсе ВСЕ макеты верстаются сразу АДАПТИВНЫМИ и КРОССБРАУЗЕРНЫМИ.

Изучение курса построено по принципу «от простого к сложному» и от «теории к практике».

Я не просто научу вас верстать простейшие веб-страницы, мы с вами очень подробно (вплоть до малейших деталей) проработаем верстку на примере трех различных по своей сложности наиболее популярных видов веб-сайтов в современном Интернете:

• сайта-визитки

• блога и...

• интернет-магазина



Содержание курса:



ПЕРВАЯ ЧАСТЬ

Верстка макета сайта-визитки

Урок 1. Введение. Настройка страницы

Урок 2. Определение разметки для страницы

Урок 3. Описание стилей шапки сайта

Урок 4. Описание стилей основного блока сайта. Часть1

Урок 5. Описание стилей основного блока сайта. Часть2. Заключение



ВТОРАЯ ЧАСТЬ

Верстка макета блога

Урок 1. Введение. Настройка страницы

Урок 2. Определение разметки шапки сайта

Урок 3. Подключение нестандартных шрифтов

Урок 4. Описание стилей шапки сайта

Урок 5. Описание разметки основного блока сайта

Урок 6. Описание разметки блока постов

Урок 7. Назначение стилей для блока постов

Урок 8. Описание разметки боковой колонки

Урок 9. Назначение стилей для боковой колонки

Урок 10. Описание разметки постраничной навигации

Урок 11. Назначение стилей для постраничной навигации

Урок 12. Верстка footer’а сайта

Урок 13. Доработка верстки макета

Урок 14. Адаптация верстки под мобильные устройства. Часть 1

Урок 15. Адаптация верстки под мобильные устройства. Часть 2

Урок 16. Добавление эффектов CSS3 на страницу. Часть 1

Урок 17. Добавление эффектов CSS3 на страницу. Часть 2



ТРЕТЬЯ ЧАСТЬ

Верстка макета интернет-магазина

Урок 1. Введение

Урок 2. Подключение нестандартного шрифта к странице

Урок 3. Определение разметки шапки сайта

Урок 4. Описание стилей шапки сайта. Часть 1

Урок 5. Описание стилей шапки сайта. Часть 2

Урок 6. Подключение слайдера к странице

Урок 7. Назначение стилей и настройка слайдера

Урок 8. Описание разметки блока новостей

Урок 9. Назначение стилей для блока новостей

Урок 10. Описание разметки блока «Популярные продукты»

Урок 11. Назначение стилей для блока «Популярные продукты». Часть 1

Урок 12. Назначение стилей для блока «Популярные продукты». Часть 2

Урок 13. Улучшение блока «Популярные продукты»

Урок 14. Описание разметки блока «О магазине»

Урок 15. Назначение стилей для блока «О магазине»

Урок 16. Описание разметки блока «Подписка»

Урок 17. Назначение стилей для блока «Подписка»

Урок 18. Описание разметки для footer’a

Урок 19. Назначение стилей для блока «footer»

Урок 20. Делаем макет адаптивным. Часть 1

Урок 21. Делаем макет адаптивным. Часть 2

Урок 22. Делаем макет адаптивным. Часть 3

Урок 23. Делаем макет адаптивным. Часть 4

Урок 24. Делаем макет адаптивным. Часть 5

Урок 25. Заключение



БОНУС 1

Премиум курс. Учебник по основам HTML

Урок 1. Введение. Основы HTML

Урок 2. Структура HTML документа

Урок 3. Теги форматирования текста

Урок 4. Изображения

Урок 5. Ссылки. Ссылки-изображения

Урок 6. Списки

Урок 7. Таблицы

Урок 8. Формы



БОНУС 2

Премиум курс. Учебник по основам CSS

Урок 1. Способы подключения

Урок 2. Назначения классов и id

Урок 3. Свойства шрифта

Урок 4. Свойства текста

Урок 5. Фон

Урок 6. Ширина, высота. Тег Div и Span

Урок 7. Рамка

Урок 8. Отступы

Урок 9. Основы CSS. Float, Clear, Display

Урок 10. Основы CSS. Свойство position



БОНУС 3

Премиум курс. Верстка сайтов для начинающих

Урок 1. Определение разметки

Урок 2. Описание разметки

Урок 3. CSS шапки сайта

Урок 4. CSS области контента

Урок 5. Доработка верстки



БОНУС 4

Премиум курс. HTML 5: основы

Урок 1. Структура документа HTML 5

Урок 2. Обзор тегов header и footer

Урок 3. Тег article

Урок 4. Тег section

Урок 5. Теги nav, main и aside

Урок 6. Теги figure и figcaption

Урок 7. Кроссбраузерное оформление

HTML 5 тегов

Урок 8. Тег input. Новые типы тега в html 5.

Часть 1

Урок 9. Тег input. Новые типы тега в html 5. Часть 2

Урок 10. HTML 5 video. Вставка видео на сайт

Урок 11. HTML 5 audio. Вставка аудио на сайт

Урок 12. HTML 5 canvas. Рисование в HTML 5

Урок 13. HTML 5 geolocation. Определение местоположения в HTML 5



БОНУС 5

Премиум курс по CSS3

Урок 1. Работа с фоном в CSS3

Урок 2. Тени и закругленные углы

Урок 3. Прозрачность фона, картинки, текста и цвета в CSS

Урок 4. Линейные градиенты CSS

Урок 5. Колонки

Урок 6. Радиальные градиенты

Урок 7. Шрифт

Урок 8. Работа с текстом в css 3

Урок 9. Псевдоклассы

Урок 10. Селекторы

Урок 11. Трансформация



БОНУС 6

Анатомия прибыльного лендинг пейдж

Урок 1. Анатомия прибыльного лендинг пейдж



БОНУС 7

Создание лендинг пейдж за один вечер

Урок 1. Введение

Урок 2. Подключаем нестандартный шрифт к странице

Урок 3. Определяем разметку шапки сайта

Урок 4. Описываем стили шапки сайта

Урок 5. Определяем разметку слайдера

Урок 6. Назначаем стили для слайдера

Урок 7. Верстаем блок "Особенности"

Урок 8. Верстаем блок "Галерея"

Урок 9. Определяем разметку блока видео

Урок 10. Описываем стили блока видео

Урок 11. Верстаем блок "Скачать приложение"

Урок 12. Просматриваем макет. Устраняем недочеты

Урок 13. Определяем разметку блока контактов

Урок 14. Описываем стили блока контактов

Урок 15. Верстаем футер

Урок 16. Адаптируем слайдер

Урок 17. Заключение

 








Информация о курсе:

Название: HTML5 и CSS3 с нуля до профи

Год выпуска: 2016

Автор: Андрей Бернацкий

Жанр: Обучающее видео

Выпущено: Россия

Продолжительность: 25:51:27



Файл

Формат: MP4

Качество: PCRec

Видео: AVC/H.264, 1024x768, ~283 - 681 Kbps

Аудио: AAC, 2 ch, 106 Kbps

Размер: 4,11 GB



Скачать: HTML5 и CSS3 с нуля до профи (2016) Видеокурс >>>



 



Подписка на новости сайта…

http://feeds.feedburner.com/Soft-Labirint

http://feeds.feedburner.com/Soft-Labirint?format=xml

https://feedburner.google.com/fb/a/mailverify?uri=Soft-Labirint

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
Pyromania

Dexter. Строительно-бытовое. Остерегайтесь подделок и берегите себя

Среда, 20 Апреля 2016 г. 16:01 (ссылка)

Любой человек, а иногда даже женщина, даже тот, кто в жизни ничего тяжелее компьютерной мышки не держал, рано или поздно сталкивается с ситуацией, когда нужно вбить гвоздь или, не дай бог, просверлить дырку в стене.

Я не профессиональный художник строитель, я только учусь. Помимо изучения матчасти набираюсь опыта руками и головой, заодно собираю грабли.

С брендами, выпускающими строительный инструмент и расходники, приходится знакомиться на практике. Нет, ну понятно, что покупать Bosch - залог успеха. Bosch - это дорого, но долговечно и охуенно. Но что делать, если надо пробить всего какую-то одну дырку в стене или распилить одну доску? Верно, нужно обращаться к более дешевым производителям инструментов и расходников.

Я сам сначала не заметил разницу в логотипе. Есть фирма Dexell - это охуенно. И есть Dexter. Это как Adidas и Adddidas. Сверла последнего при раскручивании тупятся и гнутся прямо об воздух, пилки не способны раскромсать ровно даже пластелин, технический нож (казалось бы, что проще) - не держит лезвия.Короче, перефразируя:

декстЕр за все берется смело
все превращается в говно
а если за говно берется
то просто тратит меньше сил


Dexter при всей его невменяемости продается даже в лидирующей сети строймагазинов LeroyMerlin. Еще раз: с помощью этой херни невозможно сделать НИЧЕГО, даже единоразово.

Ну, и стоит напомнить, что кривой инструмент - залог очередей в травмпункт.

Даже если вы везучий человек, в плане экономии Dexter не катит: соблазнитесь на цену, купите, и все равно с помощью него вы ничего путного не сделаете, и вам придется вернуться в магазин или на рынок и купить что-нибудь другое. Минус время, минус деньги.

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
SoftLabirint

Создание сайта под ключ на заказ (2016) Видеокурс » SoftLabirint.Ru: Скачать бесплатно и без регистрации - Самые Популярные Новости Интернета

Четверг, 31 Марта 2016 г. 17:02 (ссылка)
softlabirint.ru/video/video...okurs.html


Создание сайта под ключ на заказ (2016) Видеокурс

Из данного курса вы узнаете, как на заказ создавать сайт с нуля и до 100%-го результата. Самое главное в этом курсе то, что показан весь процесс – от момента, когда дизайн есть только в виде картинки, и до момента, когда сайт полностью готов. В качестве основной CMS для разработки сайта используется «MODx Revolution».



Содержание:

Урок 01. Техническое задание и разработка прототипа

Доп. урок: Быстрое создание скетча в wireframe.cc

Урок 02. Эскиз. Рисуем прототип секций (часть 1)

Урок 03. Эскиз. Рисуем прототип секций (часть 2)

Урок 04. Дизайн шапки

Урок 05. Дизайн первой секции

Урок 06. Дизайн второй секции

Урок 07. Дизайн третьей секции

Урок 08. Дизайн четвертой секции

Урок 09. Дизайн шестой и седьмой секций

Урок 10. Дизайн секций Отзывы, Контакты и подвала

Урок 11. Подготовка Front-End окружения. Начинаем верстать макет

Доп. урок: Стартовый шаблон для верстки сайтов _optimized_gulp_sass (запуск, решение проблем, описание)

Урок 12. Начинаем верстать шапку

Урок 13. Верстка шапки

Урок 14. Верстка. Адаптивная шапка + адаптивное меню

Урок 15. Верстка. Полоса преимуществ

Урок 16. Верстка. Секция Наш профиль

Урок 17. Верстка. Плавная pop-up галерея (Magnific-Popup)

Урок 18. Верстка. animateNumber + верстка секции Направления

Урок 19. Верстка. Секция Наши работы + Pop-up

Урок 20. Верстка. Секция Поставляемое оборудование. Карусель

Урок 21. Верстка. Секции Скидки и Менеджеры

Урок 22. Верстка. Карусель брендов

Урок 23. Верстка. Отзывы

Урок 24. Верстка. Контакты

Урок 25. Обновление Front-End рабочего "Gulp" окружения и установка "Browsersync"

 



Создание сайта под ключ на заказ (2016) Видеокурс



Создание сайта под ключ на заказ (2016) Видеокурс



Создание сайта под ключ на заказ (2016) Видеокурс






Информация о видеокурсе

Название: Создание сайта под ключ на заказ

Автор: Климанов Алексей

Год выхода: 2016

Жанр: Видеокурс

Язык: Русский



Выпущено: Россия

Продолжительность: 18:31:21



Файл

Формат: MP4 (+ доп. материалы)

Видео: AVC, 1280x720, ~593 Kbps

Аудио: AAC, 192 Kbps, 48.0 KHz

Размер: 7.61 Gb



Скачать: Создание сайта под ключ на заказ (2016) Видеокурс >>>



 



Подписка на новости сайта…

http://feeds.feedburner.com/Soft-Labirint

http://feeds.feedburner.com/Soft-Labirint?format=xml

https://feedburner.google.com/fb/a/mailverify?uri=Soft-Labirint

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество

Следующие 30  »

<верстка - Самое интересное в блогах

Страницы: [1] 2 3 ..
.. 10

LiveInternet.Ru Ссылки: на главную|почта|знакомства|одноклассники|фото|открытки|тесты|чат
О проекте: помощь|контакты|разместить рекламу|версия для pda