Design, photoshop, illustrator, web-разработки, дизайн, уроки photoshop

Как правильно выбрать доменную зону?

Друзья! За окном век глобализации и взаимопроникновения различных культур-мультур. Вы спросите, к чему я клоню?

Да, собственно, к такому весьма запутанному вопросу: как правильно выбрать доменную зону?
Допустим, вы придумали отличное имя для своего сайта. Короткое, звучное, смысловое. Заходите на сайт регистратора и... замираете в недоумении. На выбор предлагается сто - сто пятьдесят доменных зон. От привычной зоны .ru до экзотических .jm .ga и так далее. Все — симпатичные на вид, многие — где-нибудь, да встречались в интернете. На какой остановиться? Тут запросто голова кругом пойдет Читать дальше...

Web Дизайнер (designer)

Устав юного веб-дизайнера на фрилансе

Всем привет. Я начал заниматься веб-дизайном 6 лет назад (если считать от самого-самого первого кривого макета для несуществующей туристической компании). Первые 2 года я работал в маленькой студии, потом ушел на фриланс и пока что жив-здоров.

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

Web Дизайнер (designer)

Отличия дизайна для сфер b2b и b2c

В Рунете множество сайтов, которые плохо выполняют свою задачу только по одной причине: дизайнер, создавая визуальный облик этого сайта, не отдавал себе отчет, для кого сайт – для отдельного клиента или для целого бизнеса.

1. Уровень ответственности посетителя

Во-первых, надо понимать, что посетители в этих двух случаях – разные люди. В b2b это человек, который думает за целую компанию. Он решает и свои личные интересы, но прежде всего решает задачи всей организации в целом.

В случае b2c обычно нужно что-то продать человеку, который думает только о себе и при этом не является специалистом. Это значит, что сам стиль общения сайта с человеком должен быть проще, с упором на эмоциональные приёмы. Клиент редко станет досконально разбираться в продукте – такие люди есть, но их мало. Читать дальше...

Web Дизайнер (designer)

Правила создания лендинг-пейдж

Можно ли легко и просто создать лендинг-пейдж? Можно!

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

Web Дизайнер (designer)

SVG: основы векторной графики в HTML

Векторная графика широко используется в печатном деле. Но и для веб сайтов мы можем использовать её с помощью SVG (Scalable Vector Graphic - масштабируемая векторная графика). В соответствии со спецификацией W3.org SVG определяется как:

Язык для описания двумерной графики в XML. SVG допускает использование трех типов объектов: векторные графические формы (наппример, пути, состоящие из прямых линий и кривых), изображения и текст.

Несмотря на то, с августа 2011 года SVG включено в рекомендации W3C, данная технология практически не используется в веб проектах, хотя и имеет перед растровыми изображениями ряд преимуществ. В данной серии уроков мы представим, как работать с SVG элементами на веб страницах. Читать дальше...

Web Дизайнер (designer)

Air Datepicker, легкий и красивый выбор даты

Хочу поделиться с вами опытом написания компонента выбора даты для текстового поля.

Результат работы можно посмотреть здесь: Air Datepicker.

Введение

Работая над последним проектом, возникла необходимость добавить в приложение календарь с возможностью выбрать конкретный месяц. Все популярные плагины такую возможность предоставляют, мой выбор остановился на Zebra Datepicker — маленький, функциональный, все здорово. Но некоторых вещей все же не хватало:

передача объектов Date() в параметры вместо строк
менее громоздкая разметка
гибкое позиционирование элемента
анимация при появлении Читать дальше...

Css Дизайнер (designer)

Пишем правильный манифест для сайта

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

Манифест для сайта – это простой JSON-файл, который позволяет вам настроить следующие вещи:
1. Какая будет иконка у пользователя, после того как он добавит ваш сайт на рабочий стол
2. Как будет запускаться ваш сайт (с адресной строкой, без нее или в полноэкранном режиме)
3. Splash screen
4. Цветовую тему
5. Ориентацию экрана
6. Начальный url
и многое другое Читать дальше...

Web Дизайнер (designer)

Мастерство в HTML5: Fragments

Существует несколько видов DOM-узлов, в частности Document, Element, Text и многие другие, которые формируют общий узел Node. Одним из наиболее интересных узлов является DocumentFragment, несмотря на то, что до настоящего момента он практически не использовался. Он, по большей части, является специальным контейнером для других узлов.

DocumentFragment обрабатывается в большинстве алгоритмов DOM особым образом. В этой статье мы рассмотрим некоторые методы API, разработанные для использования вместе с DocumentFragment. Также мы узнаем, что понятие контейнера узлов играет важную роль в прочих современных веб-технологиях, таких как элемент template или в API всего теневого DOM. Но прежде чем мы начнем, давайте вкратце рассмотрим парсинг фрагментов, который не связан напрямую с DocumentFragment. Читать дальше...

Html Дизайнер (designer)

Исходный код JavaScript-движка ChakraCore выложен на GitHub

В декабре 2015 года на конференции JSConf US мы объявили, что планируем открыть исходный код ключевых компонентов JavaScript-движка Chakra, работающего в Microsoft Edge. Сегодня мы рады сообщить, что мы выложили исходный код ChackraCore под MIT лицензией в соответствующем репозитории на GitHub. В дальнейшем мы планируем продолжать разрабатывать ключевые компоненты Chakra в открытом виде.

В репозитории ChakraCore вы найдете полностью поддерживаемый, открытый и изолированный движок JavaScript с теми же характеристиками, что и Chakra-движок в Microsoft Edge, который вы можете встраивать в свои проекты или расширять поверх. Мы будем также принимать вклад от сообщества в развитие движка. После того, как изменения из того или иного пул-запроса будут проверены, нашей дальнешей целью становится убедиться, что все улучшения будут также поставляться как часть JavaScript-движка в Microsoft Edge и универсальной платформе Windows (UWP) в Windows 10. Читать дальше...

Web Дизайнер (designer)

Плавный скролл по странице на jquery

Якорь это метка, до которой мы осуществляем переход, с какой либо ссылки в которой указан этот якорь #go1 это будет означать что перейти нам нужно до тега на странице у которого указан id=go1 или name=go1

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

$(document).ready(function() {<br />
    $("a.scrollto").click(function () {<br />
        var elementClick = $(this).attr("href")<br />
        var destination = $(elementClick).offset().top;<br />
        jQuery("html:not(:animated),body:not(:animated)").animate({scrollTop: destination}, 800);<br />
        return false;<br />
    });<br />
});

Можно конечно и так Читать дальше...

Web Дизайнер (designer)