Что такое кроссбраузерная вёрстка? Какие есть браузеры и нужен ли пиксель-пёрфект?
Рубрика «html» - 48
Кроссбраузерная вёрстка
2017-11-02 в 14:17, admin, рубрики: css, html, pixel perfect, Блог компании HTML Academy, браузеры, верстка, для начинающих, для новичков, кросс-браузерность, кроссбраузерность, новичкамСписок лучших инструментов для web-анимации
2017-11-02 в 12:51, admin, рубрики: canvas, css, html, javascript, Web-animation
Список лучших инструментов для web-анимации. SVG/CSS/Canvas/DOM анимация + GUI инструменты для генерации кривых Безье и CSS анимации.
В будущем список будет дополнен книгами и видео-курсами по web-анимации. Если вы заметите, что какого-то стоящего инструмента не присутствует — пожалуйста, напишите об этом и я добавлю его.
Также буду рад отзывам на инструменты из текущего списка, с помощью ваших отзывов я смогу сделать описание инструментов более полным.
FrontFest.Kvartirniki — говорим о будущем JavaScript и судьбе фронтенд-разработчика
2017-11-02 в 8:22, admin, рубрики: css, frontfest, html, javascript, Блог компании 2ГИС, квартирники, конференция, Разработка веб-сайтов, фронтенд
На FrontFest будет много общения — живых неформальных разговоров в формате, который мы называем квартирником. На квартирниках мы спорим с экспертами и другими участниками, обсуждаем важные и острые темы. Все проходит в формате прямого диалога, потому получается динамично и увлекательно. По-умному это называют дискуссионными панелями. Но это как «лекция» и «делегат» — звучит скучно, а у нас будет улетно.
Каждый квартирник проходит на определенную тему, которую задают и разгоняют наши эксперты. Первый квартирник — о будущем JavaScript глазами Владимира Дашукевича и Евгения Гусева. На втором обсуждаем с Владиславом Козулей профессию фронтендера с разных сторон. И на финал рефлексируем на тему происходящего в мире фронтенд-разработки с Никитой Прокоповым и Виктором Грищенко. Квартирники переходят в виски-энд, где дискуссии идут еще в более неформальной плоскости.
Рассказываем в статье, почему эти темы важнее других и чем хороши эксперты.
Читать полностью »
Типографика и современный CSS
2017-10-31 в 5:50, admin, рубрики: css, html, web-разработка, Блог компании Wargaming, Разработка веб-сайтов
Пока одни новые CSS свойства, отвечающие за разного рода красивости (вроде filter, mix-blend-mode или transition) привлекают внимание всех и каждого, другие многим кажутся недостойными внимания и мало освещаются в интернете. Взять хотя бы свойства, отвечающие за типографику. Многие из них работают уже давно, но известны немногим. А зря, ведь они тоже могут быть весьма полезными и эффектными. Давайте же исправим эту несправедливость и осветим то, что обычно остается в тени.
Читать полностью »
Задачка про страницу в три столбца, один из них в сто пикселей
2017-10-30 в 10:26, admin, рубрики: css, html, web-разработка, верстка, лабораторные работы, оформление кодаЭта статья задумывалась как небольшое руководство к выполнению лабораторной работы для студентов, начинающих изучать веб-технологии.
Разработать страницу, состоящую из трех разноцветных столбцов. Левый столбец шириной 100 пикселей, центральный и правый занимают все оставшееся до края страницы место равномерно. Высота всех трех 100% страницы. Не должно быть скроллбара и белых полос вокруг страницы.
После нескольких лет работы во фронтенд-разработке, задачи подобные этой классифицируются как «5 минут, сто раз так делал», ведь, казалось бы, страница в три столбца, что может быть проще. Но проблемы у студентов возникли на всех стадиях решения задачи: от понимания сути и разработки структуры до защиты лабораторной работы.
И если, обучение чтению условия задачи и ораторскому мастерству лежит за гранью предмета «Основы веб-технологий», то отрефлексировать поразившее меня многообразие идей структурирования такой простой раскладки кажется интересным.
Студенты продемонстрировали в общей сложности около десяти разных вариантов решения этой задачи. От совсем никуда не годных до вполне приемлемых. Рассматривать я, разумеется, буду только вменяемую половину, то есть будет пять примеров.
Читать полностью »
Дайджест свежих материалов из мира фронтенда за последнюю неделю №286 (23 — 29 октября 2017)
2017-10-29 в 21:46, admin, рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, Блог компании Zfort Group, браузеры, дайджест, подкасты, Разработка веб-сайтов, ссылки, фронтендПредлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Разработка 2D песочницы на JavaScript с нуля
2017-10-28 в 18:08, admin, рубрики: Gamedev, html, javascript, skanersoft, причем тут linux?, Программирование, разработка игрКак-то для своих некоторых планов мне потребовалось сделать небольшую песочницу в 2D пространстве с базовыми возможностями:
1. Передвижение по игровому миру
2. Физика при движении, столкновения
3. Создание блоков
4. Удаление блоков
Графическое исполнение меня не беспокоило, поэтому я решил оформить все в серых тонах, выглядит это так:
Читать полностью »
W3C или WHATWG
2017-10-27 в 16:00, admin, рубрики: html, html-верстка, html5, w3c, WHATWG, Блог компании HTML Academy, для начинающих, для новичков
Есть две спецификации HTML: W3C и WHATWG, какой из них верить?
Верьте той, которая больше нравится, но не забывайте сверяться с браузерами.
Адаптивные email-письма без боли и страданий
2017-10-27 в 9:47, admin, рубрики: css, email, email-рассылки, foundation for emails, html, адаптивные письма, адаптивный email, Блог компании Онлайн школа EnglishDom, верстка html писем, Верстка писемПривет! Все, кто хоть раз сталкивался с версткой email-писем, знают, что это нудно, утомительно и порой очень сильно раздражает. В большинстве случаев это обусловлено тем, что почтовые клиенты не умеют поддерживать очень многое из того, что мы используем при верстке самых простых веб-страниц. Поэтому дизайн письма делается простым или не делается вовсе, а львиная доля времени уходит на проверку и фиксы багов в многочисленных почтовиках.
В этой статье мы хотим поделиться с вами рецептами верстки красивого, на наш взгляд, и адаптивного письма, которое будет подстраиваться под экран вашего телефона даже в Gmail. А так же рассказать про нюансы, проблемы и тонкости, с которыми мы столкнулись в процессе его создания.Читать полностью »
Шесть вопросов спикерам FrontFest
2017-10-26 в 10:23, admin, рубрики: CodeFest, css, frontend-разработка, frontfest, html, javascript, Блог компании 2ГИС, Разработка веб-сайтов
Пару лет назад на CodeFest мы придумали экспертную зону. Ну, как придумали — наверняка подглядели на зарубежной конференции, но уже забыли на какой. Так вот, экспертная зона — то место, куда идёт спикер после своего доклада и ещё как минимум один слот (время доклада + вопросы) общается с участниками. Зачем мы так сделали? Чтобы увеличить время общения участников со спикером. Немудрено, что в кулуарах задавать вопросы проще, чем из зала.
На FrontFest мы пошли дальше и решили «разогреть» спикеров заранее — придумали шесть вопросов про технологии, будущее веба, работу и хобби. Знакомьтесь, задавайте свои вопросы в комментариях, приходите общаться лично на FrontFest!