Рубрика «веб-дизайн» - 113

в 15:42, , рубрики: css, less, preprocessing, sass, stylus, веб-дизайн, Веб-разработка, верстка, препроцессоры

CSS — умышленно простой язык. С распространением сложных веб-приложений, появлением должности фронтенд разработчика, и растущим количеством новомодных требований, эта простота быстро испаряется. Для непосвященных, CSS препроцессоры (в частности Sass, LESS, и Stylus) расширяют Ваши возможности при написании стилей с помощью такой дополнительной функциональности как переменные, вложенность и миксины — что дает гораздо больше контроля над большим количеством стилей.

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

Препроцессоры CSS: Взвешенный выбор
Читать полностью »

в 10:09, , рубрики: usability, веб-дизайн, верстка, контент, Медиа, метки: ,

Контентный ресурс: фиксированная вёрстка лучше

Это будет очень короткий мой пост, в котором, в продолжение давнего цикла «правила контентных проектов» (раз и два), в котором я хочу зафиксировать одну простую мысль: вёрстка контентных ресурсов должна быть жёстко привязана к ширине текстовых колонок.
Читать полностью »

в 7:28, , рубрики: human resources, веб-дизайн, зарплаты, Исследования и прогнозы в IT, метки:

Зарплаты веб дизайнеров в разных странах

Сайт Coroflot.com собирает статистику по заработным платам дизайнеров со всего мира с 2001 года. Ниже представлена информация по доходам веб-дизайнеров.Читать полностью »

в 15:03, , рубрики: css, css3, веб-дизайн, векторная графика, метки:

Зверюшки на CSS3 transitions & transforms

Пора

Одним прекрасным вечером увидел одну забавную картинку с подобными зверюшками и решил вдохнуть в них жизнь. Решил я это сделать ради научного эксперимента: выявить, действительно ли эти нововведения можно претворять в жизни.
Более 65% пользователей уже могут увидеть transitions в действии.

CSS

Демо Код на jsfiddle
Так как я люблю CSS, решил сделать интерактивных зверюшек на чистом CSS, без каких-либо скриптов.
Благодаря псевдоклассу :checked, можно реализовать действие по клику, что обычно приписывается на js. А также используя уже привычные псевдоклассы :hover и :active, я оживил зверюшек:

.pavepy .body .hand.left,
.pavepy:hover .body .hand.right,
input:checked + .pavepy .body .hand.right,
input:checked + .pavepy:hover .body .hand.left,
input:checked + .pavepy.fox .head .ear.right {
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg); 
	transform: rotate(-30deg);
}

Читать полностью »

в 13:59, , рубрики: веб-дизайн, Веб-разработка, Дизайн в IT, дизайнеры, программисты, метки: ,

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

На просторах сего сайта, в виду специфической аудитории ресурса, часто любят выражать своё негодование по отношению к методам работы начинающих «дизайнеров». Но нужно понимать, что частая встреча с непрофессиональным уровнем работы обусловлена низкой стоимостью выбираемых для сотрудничества дизайнеров и чуть более чем полным отсутствием общения между дизайнером и технарём (желанием «и рыбку съесть и на люстре покататься»).

Тот дизайнер, который ценит своё время, любит порядок в работе, разукрашивает папки и обзывает слои вменяемыми именами, а иногда даже оставляет «сноски в фотошопе в трудных для понимания местах» мгновенно переходит на следующий уровень с соответствующим ценником. И даже если финансы позволяют вам воспользоваться их услугами – их очень не просто найти, так-как соотношение между «дизайнерами-новичками» и «дизайнерами-со-скиллом-именования-слоёв» стремится к 80% — 20% или даже 90% — 10%.

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

Читать полностью »

в 21:22, , рубрики: css, адаптивная вёрстка, веб-дизайн, Веб-разработка, галерея, метки: ,

Создание фотогалереи для адаптивной дизайна — не самая простая задача. Следует учитывать отображение на экранах различной ширины, при этом не загружая слишком много графики на мобильных устройствах. Хорошее решение — Gamma Gallery, выглядит очень круто.

Gamma Gallery — отличная адаптивная галерея

Демонстрация | ИсходникиЧитать полностью »

в 7:54, , рубрики: css, веб-дизайн, Веб-разработка, спрайты, метки: ,

Использование CSS-спрайтов на сайте позволяет повысить производительность и грамотно организовать элементы интерфейса.

CSS спрайты: основные техники и полезные инструменты

Спрайт — это одно большое изображение мелких графических элементов сайта, например иконок или кнопок. И благодаря CSS можно отображать каждый элемент отдельно.Читать полностью »

в 4:30, , рубрики: css, svg, веб-дизайн, Веб-разработка, метки:

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

image

Предыдущие статьи: Знакомство с SVG-графикой и Стилизация SVG-графикиЧитать полностью »

в 20:16, , рубрики: css, Google, html, jquery, JS, mozilla, nokia here, Блог компании Zfort Group, браузеры, веб-дизайн, Веб-разработка, дайджест, Интересное, Новости, ресурсы, ссылки, ссылки на сми, метки: , , , , , , , , , , , , , ,

Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №31 (10 — 16 ноября 2012)
Читать полностью »

в 23:05, , рубрики: 139-фз, Dura Lex, веб-дизайн, великий российский фаервол, мысли вслух, наркотики, никто не читает правил, никто не читает теги, поросёнок пётр, цензура в интернете, Чулан, метки: , , , , , , , , ,

На дворе стоит ноябрь, холодный и грустный. Грусть не из-за погоды, а и-за того, что до «великого и могучего» «бессмысленного и беспощадного русского файрвола» мы-таки дожили! Холод и тоска на сердце, не потому что снег-дождь, а потому что Лурка попала под обстрел. Да, Можно спорить о «желании российских чиновников выслужиться» или показать«кто есть кто»? Но вебмастер уже задумался, что его сайт завтра может тоже оказаться «под раздачей».

Первая мысль харбаюзера: как технически обойти цензуру? Может перетащить сайт в криптосеть? Или создать невидимый канал передачи данных. Хабрапоиск намекает «про анонимайзеры-torы-прокси-i2p-vpnы» топиков «за этот холодный ноябрь» набежало побольше чем за весь прошлый год! Логично! IT-шники же!
И все натыкается на вопрос: — а что, других способов, что ли нет?

А далее возникают другие «Мысли Вслух», что не техническими мерами единными. Я ведь простой, честный вебмастер, делаю простые вебсайты, (вроде как) никому не вредящие!!! Должны же быть «и на правовом поле методы борьбы»! В конце концов, мы так считаем, что закон-то должен быть на нашей стороне! О Нет! Я не «наивный»! Я, конечно, не про законы этой страны, я про Третий Закон Ньютона — «Действие равно противодействию» ;) А как говорил Великий Архимед: чтобы что-то «перевернуть» нужна «точка опоры».

Попробуем за этим обратиться к «Букве Закона»! Того самого закона, который «139-ФЗ», призванного чтобы ввести тотальну цензурузащищать нежную детскую психику от «пагубного влияния» и попробуем найти в нем для себя точку опоры. И после нескольких минут вкуривания первая точка опоры быстро нашлась:

Статья 14. Особенности распространения информации посредством информационно-телекоммуникационных сетей

Читать полностью »

1...1020...112113114...120130...142
Главная   |  Архив новостей  |   Android  |   Google  |   Apple  |   Microsoft  |   Информационная безопасность  |   Веб – разработка
Публикации RSS  |  Комментарии RSS
https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js