Хостинг к Новому году

Влад Мержевич

На форуме часто задают вопросы какой хостинг выбрать. В преддверии новогодних праздников htmlbook и «Первый хостинг сервис» предлагают совместную акцию для всех посетителей сайта и форума. До конца года вы можете получить качественный хостинг со скидкой 20%. Для этого надо зарегистрироваться на сайте 1hs.ru и при заказе услуги в поле «Код скидки» указать htmlbook. При заказе хостинга на один год в подарок также даётся домен.

Новогодняя открытка

Влад Мержевич

Завершился приём работ на мини-конкурс «Новогодняя открытка». Приняло участие девять авторов, они подали 12 работ, одна не засчитана. Посмотреть открытки и проголосовать за понравившиеся можно в этой теме. Смотрите, голосуйте и начинайте радоваться наступающему Новому году.

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

InSales.Techdays

Влад Мержевич

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

Для тех, кто уже работает или собирается работать с InSales, 5 декабря в 12 часов начнётся бесплатный онлайн-вебинар посвящённый шаблонам. Что такое «12 часов» в пределах нашей обширной родины, наверное надо спросить у москвичей.

6 декабря состоится встреча уже в реале разработчиков приложений для InSales. Она также бесплатна, но требует предварительной регистрации.

Регистрация на мероприятия и знакомство с программой на сайте techdays.insales.ru.

Мини-конкурс «Новогодняя открытка»

Влад Мержевич

Скоро Новый год и чтобы заранее создать праздничное настроение, на форуме начинается новогодний мини-конкурс по созданию анимированной открытки. С правилами конкурса можно ознакомиться в этой теме. Как обычно, принять участие может любой зарегистрированный на форуме. Участвуйте и радуйте себя и других людей новогодней открыткой!

Голосование за автора лучшей задачи

Влад Мержевич

На форуме завершился приём работ на мини-конкурс «Задание по CSS». Посмотреть присланные задачи и проголосовать за авторов можно в этой теме. Напоминаю, что принять участие в опросе может любой зарегистрированный на форуме, у кого написано не меньше двух сообщений. Выбираем лучшую задачу!

Мини-конкурс «Задание по CSS»

Влад Мержевич

На форуме открылся очередной мини-конкурс, посвящённый CSS3 и написанию заданию на его знания. Подробности в этой теме. Как обычно, принять участие может любой желающий зарегистрированный на форуме. Победитель определяется путём голосования за понравившуюся работу.

Самоучитель CSS

Влад Мержевич

Обновил самоучитель CSS, все примеры перевёл на HTML5, добавил вопросы для проверки и увязал статьи с практикумом, куда добавил несколько простых задач, специально сделанных для этого. Теперь это стало ближе к понятию самоучитель.

Также можно скачать самоучитель на этой странице, доступен формат CHM и PDF. Сами файлы доступны для свободного распространения и копирования. Чего делать нельзя, указано на странице скачивания и в самих файлах.

Генератор шрифтов Fontello

Влад Мержевич

После написания статьи об использовании символов UTF в качестве иконок для дизайна, в комментариях мне посоветовали обратить внимание на сервис Fontello. Он автоматически собирает шрифт, содержащий только выбранные пользователем символы.

Треугольники через CSS

Влад Мержевич

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

Треугольники в веб-дизайне

Рис. 1. Треугольники в веб-дизайне

Напрямую сделать треугольник средствами CSS нельзя, поэтому доступны два метода, позволяющих его добавить — через border и transform.

Зачем нужен word-spacing

Влад Мержевич

Свойство word-spacing относится к той группе свойств для оформления текста, которые применяются довольно редко либо вообще никогда. Насильно задавать расстояние между слов приходится разве только для экзотических шрифтов, в которых небольшой пробел. Впрочем, есть ещё одно применение word-spacing — для чисел больше 999. Это тоже достаточно узкая область использования, но хоть что-то.

Голосование за лучшее изображение

Влад Мержевич

Закончился приём работ на мини-конкурс «Хэллоуин», посвященный созданию изображения только средствами CSS3. Всего в конкурсе приняло участие 14 человек, подано 20 работ, правила позволяли подавать сразу несколько изображений. Осталось выбрать победителей, они определятся путём простого голосования в этом опросе. Принять участие в голосовании может любой зарегистрированный на форуме, у кого написано не менее двух сообщений, это сделано для защиты от накруток.

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

124

Три дня до конца мини-конкурса

Влад Мержевич

Напоминаю, что до окончания приёма работ на мини-конкурс Хэллоуин остаётся три дня. Поучаствовать в конкурсе может любой зарегистрированный на форуме, нужно сделать изображение монстра, используя только возможности CSS3. На данный момент выставили 8 работ, посмотреть их пока, согласно правилам, нельзя. Победители определяются путём голосования на форуме с 25 по 31 октября.

Правила конкурса

Если подходить без фанатизма, то создание простой работы, по моим прикидкам, займёт часа два.

Иконки из символов

Влад Мержевич

Кодировка UTF-8 позволяет не только одновременно вставлять текст на нескольких языках, но и добавлять разные символы, которые с успехом могут применяться как элементы дизайна, а также вместо некоторых изображений. Вот какие плюсы это сулит:

  • меньше пересылаемый объём данных по сравнению с изображениями;
  • к текстовому символу можно легко применить любое стилевое оформление;
  • опять же легко изменить стиль символа при наведении на него курсора мыши;
  • допустимо увеличивать размер без потери качества.

Рамки и границы

Влад Мержевич

С помощью CSS можно добавить рамку к элементу несколькими способами. В основном, конечно же, применяется свойство border, как наиболее универсальное, а также outline и, как ни удивительно, box-shadow, основная задача которого — создание тени. Далее рассмотрим эти методы и их различия между собой.

Возвращение ножа и паровоза. Работа с графикой для веба

Влад Мержевич

Реклама

Когда:  25 октября
Где:  г. Киев

Не всегда получается «нарезать» графику для веба? Хотите узнать о других графических редакторах, помимо Photoshop? На мастер-классе «Возвращения ножа и паровоза. Работа с графикой для веба» Вадим Макеев научит вас этому и многим другим штукам, которые должен уметь опытный верстальщик.

Вадим – участник и организатор многих IT конференций, в том числе и международных,  разработчик интерфейсов для Yandex, автор известного блога Пепелсбей.net, руководитель объединения «Веб-стандарты».

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

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

Также, вы можете принять участие в онлайн-трансляции данного мероприятия. Для этого укажите код скидки ONLINE в регистрационной форме. Стоимость участия в онлайн трансляции составляет 50% от стоимости участия в живую.

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

Подробная информация и регистрация по ссылке: smartme.com.ua/workshops/vozvrashchenie-nozha-i-parovoza-rabota-s-grafikoy-dlya-veba

Страницы