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


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

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

Следующие 30  »
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)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

Яндекс убивает бизнес, или будьте осторожны с блоком #main

Понедельник, 14 Марта 2016 г. 18:11 (ссылка)

Заголовок, конечно, абсолютно желтый. Я хочу рассказать короткую детективную историю о том, как большой и могучий Яндекс решил разрушить бизнес (не специально, конечно — совершенно случайно, по ошибке) нашему маленькому и уютному сайту, и о том, почему при создании расширений для браузеров, которые должны работать только на определенных сайтах — важно в коде прописать, чтобы расширение работало только на этих определенных сайтах, и ни на каких больше.



Суть в том, что пару месяцев назад нам стали поступать запросы от пользователей, с жалобой, что они не могут разместить объявление на сайте, потому что футер наезжает на кнопку «добавить», со скриншотами, типа таких:







Казалось бы, просто поехала верстка, футер стал наезжать на контент, при чем тут Яндекс?



Бравые верстальщики сразу же кинулись расследовать проблему, но повторить ошибку никак не получалось — во всех браузерах, даже самых старых и странных версий, верстка корректно отображалась, футер не наезжал на кнопку «добавить», и вообще красота и идиллия.







Пользователи, которые писали про проблему, в итоге заходили через IE или FF и удачно добавляли свои объявления — но это те, кто был заинтересован в этом. А какое-то количество пользователей, которые не хотели заморачиваться с тех. поддержкой и другими браузерами, мы очевидно, теряли — при этом мы никак не могли выяснить, в чем причина.



Так было до тех пор, пока, наконец-то, один из технически подкованных жалующихся не скинул нам полный список установленных у него расширений на Chrome:

Music sig vkontakte 3.1.15, Альтернативный поиск 8.17.0, Визуальные закладки 2.26.2, Поиск и стартовая — Яндекс 8.15.0,




После того, как мы установили себе эти расширения и зашли на сайт, проблема подтвердилась — действительно футер стал наезжать на контент!



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





Контент








* {
margin: 0;
}
html, body {
height: 100%;
}
#wrap {
min-height: 100%;
margin: 0 auto -155px;
}
#main {
padding: 0 0 155px 0;
}
#wrap-footer {
height: 155px;
}




И этот код идеально работал ровно до тех пор, пока компания Яндекс не создала чудесное расширение Альтернативный поиск 8.17.0.







Идея расширения абслютно благая:

Быстрое переключение между поисковыми сервисами — Яндексом, Google, Mail.ru, Bing, YouTube или поиском по видео ВКонтакте.



Вы можете в один клик получить ответ на свой вопрос от Яндекса, Google, Mail.ru, Bing, YouTube или поиска по видео ВКонтакте. Расширение доступно на всех перечисленных сайтах.




По факту же это расширение действительно, как заявлено, на всех перечисленных сайтах (Яндекса, Google, Mail.ru, Bing, YouTube) добавляет панель быстрого переключения между поисковыми системами.



А вот на всех остальных (не перечисленных) сайтах оно зачем-то убирает padding-bottom у блока с id main.

То есть просто при загрузке страницы делает





Таким образом Яндекс своим расширением просто заблокировал добавление объявлений на нашем сайте всем пользователям, у которых оно установлено. Не очень-то красиво с их стороны :-)



На данный момент расширение установлено уже почти у 97 424 пользователей Google Chrome, и подозреваю, что оно распространяется вместе с какими-то другими приложениями, или предлагается к установке на сайтах яндекса, потому что наши пользователи, по их словам, сами это расширение не устанавливали, и не пользуются им.



Если на вашем сайте тоже есть блок #main — проверьте, не ломает ли это расширение и вашу верстку.



Баг-репорт отправлен, верстка на сайте изменена — вместо паддинга вниз страницы добавлен блок-пушер соответствующей высоты.



Happy end.



Original source: habrahabr.ru (comments, light).

https://habrahabr.ru/post/279257/

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

Много думал

Пятница, 04 Марта 2016 г. 15:05 (ссылка)


Ммм, по-моему, отсутствие в программе для создания чертежей (4 версии уже, как написано) линеек по осям координат и невозможность задать координаты непосредственно в панели объекта или в окне "свойства" - это какое-то совсем уже крайнее уебанство.



После интерфейса Photoshop'a, InDesign'а и 3d-max'а пребываю, как бы это покультурней сказать... в легком недоумении.



Блин, все же давно придумано до нас. Почему обязательно если тырить - то только какое-нибудь гогно?

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

ВстатьСудИдет: Дейч и Гейзер

Пятница, 04 Марта 2016 г. 10:31 (ссылка)

Дело 1

В 2007 году издательство "Дейч М" заказало оформление серии книг "Фантастика".

Это была феноменальная по объему и усилиям работа, за которую мы не получили почти ни копейки.



Студия выполнила заказ, однако заказчик решил не платить. Мы обратились в суд. И проиграли.

Потому что не смогли доказать объем произведенных работ и подтвердить факт получения издательством результата. Более того - аванс пришлось вернуть.

Наши ребята (и менеджер, и главный верстальщик) ездили в суд, показывали исходники, выступали перед судьей. Но у нас не было на руках главного - подписанного заказчиком документа, что все материалы были получены заказчиком. Они были им получены, просто мы взамен не получили бумаг. Поэтому с точки зрения суда наши претензии были необоснованы.

Максимум, что мы могли сделать - опубликовать полностью весь объем проделанной работы, поэтому на странице http://www.artlebedev.ru/everything/deich/ есть ссылки на все десять сверстанных томов серии (чего мы обычно не делаем).

Человек, который нас прокинул через хуй - Марк Дейч. В Москве нет ни одного книжного дизайнера, который бы работал с ним и сказал бы о нем доброе слово. Он кинул абсолютно всех, с кем работал - включая и Троянкера, и Бондаренко. Но узнали мы об этом уже пост фактум.

Эта история нас очень многому научила. Мы перестали работать за "честное джентльменское" и за "слово пацана". И поняли, что без бумаг не бывает крупных проектов. Если клиент не подписывает вовремя нужные бумаги по заранее оговоренной процедуре, то он хочет наебать. Других вариантов просто нет. Буду рад, если эта простая истина кому-то в будущем пригодится.

* * *

А через пять лет после суда Дейч утонул, спасая тонущую девочку.

Бог судья, да простят мне такой каламбур.


Дело 2

Владельцы марки фильтров для воды "Гейзер" заказали в 2007 году в студии дизайн водоочистительного кувшина. Студия выполнила огромную часть работ, однако заказчик решил отказаться от результата и потребовал вернуть себе уплаченный аванс.

Мы сделали крутейший дизайн. Он даже сегодня бы работал.



Но раз суд, то суд.

В 2009 году суд подтвердил право студии на получение деньги за выполненные работы в полном объеме.

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

Продукт в результате так и не вышел на рынок.


Продолжение следует.

http://tema.livejournal.com/2183140.html

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

Следующие 30  »

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

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

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