Html5_canvas_logo
Разработка игры на Canvas, часть 3. Атака

Добрый день, уважаемые читатели! Сегодня я продолжаю писать свою небольшую игру на canvas. Первая статья находится тут: ссылка. Вторая тут: ссылка.   Что мы рассмотрим в этой статье? 1. Создадим молнию 2. Заставим врагов создавать молнию 3. Небольшие изменения в коде/картинке Начали!…

JS-logo
Работа с URL в JavaScript

Здравствуйте, уважаемые читатели! Сегодня я нашел способы работы с URL через JavaScript, которые мне показались весьма интересными. Начнем!   Работа с URL Например, у нас есть URL: http://alexdev.ru/example/index.html window.location.protocol = "http:" window.location.host = "alexdev.ru" window.location.pathname = "/example/index.html"   Полный URL в…

Html5_canvas_logo
Разработка игры на Canvas, часть 2. Создание противника

Добрый день, уважаемые читатели! Сегодня я продолжаю писать свою небольшую игру на canvas. Первая статья находится тут: ссылка. Что мы рассмотрим в этой статье? 1. Создание врагов 2. Движение врагов до определенной точки 3. Небольшие изменения в основном коде  …

Html5_canvas_logo
Разработка игры на Canvas, часть 1. Начало

Всем привет! Давно я не писал новых игрушек и вот, придумал! Почему бы не сделать небольшую игрушку на canvas? Сегодня я запускаю цикл статей, где попытаюсь рассказать, как я буду делать новую игру. Начнем с простого, определим, что будем делать….

Responsive menu
CSS: Responsive menu

Добрый день, уважаемые читатели! Мне часто пишут отзывы типа: «Больше! Еще больше статей по адаптивной верстке!». Так вот, сегодня будет именно такая статья. И сегодня мы разберем, как сделать несложное адаптивное меню. Перед тем, как приступить, рекомендую прочитать статью по…

Вес
Хак с весом селекторов CSS

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

css
CSS: CamelCase – отстой!

Если ваш код чистый, понятный и последовательный, то вам не о чем беспокоиться. Но есть один очень противоречивый метод написания кода – camel case. И если вы его используете – эта статья для вас.     Синтаксис CSS использует дефисы…

Words Trainer
WordsTrainer, обучающее приложение

Начать тренировку!   Название: Words Trainer Жанр: образование Средства разработки: HTML, JS (JQuery), CSS   Описание:  Хотите выучить пару-тройку иностранных слов, но никак не можете найти захватывающее приложение, которое помогло бы вам с обучением? Выход есть! Новое простое приложение Words…

129-css-font-sizes
Интересное поведение em для font-size в Internet Explorer 9+

Добрый день, уважаемые читатели! Сегодня я хочу рассказать вам об одной интересной особенности поведения em значений для font-size в IE9+. Недавно я правил баг на одном из сайтов, связанный с тем, что размер шрифта у псевдоэлемента :before был в IE9+…

css
Разбираем Margin Collapsing

Добрый день, уважаемые читатели! Понимание, как происходит collapsing (схлопывание) margin-ов в CSS, может сделать жизнь web-разработчику намного легче. Давайте посмотрим, как работает схлопывание margin-ов в CSS.   Горизонтальный и вертикальный Margin Collapsing Горизонтальные margin-ы никогда не схлопываются. А вот с вертикальными…