array-methods-reference
Создание объектов и массива объектов в JavaScript

Добрый день, уважаемые читатели! Сегодня я хочу рассказать немного о создании объектов в JavaScript и о том, как создать массив из объектов.   Создание объекта Наиболее часто для создания объекта используют метод, приведенный ниже: var myNewObject = { key1: value1,…

Untitled-1
Canvas, основы работы с помощью JavaScript

Добрый день, уважаемые читатели. Сегодня я бы хотел с вами поделиться знаниями о таком интересном html5 элементе, как canvas. Этот новый элемент позволяет творить невероятные чудеса в окне браузера. Итак, приступим!   Что такое canvas и зачем он нужен? Canvаs…

adaptive-design
Адаптивная верстка: анимация

Доброго времени суток, уважаемые читатели! Взглянув на результат работы в статьях: Начинаем осваивать адаптивную верстку и Адаптивная верстка: media queries, я решил, что стоит немного украсить переходы между разрешениями шаблона. Сейчас мы наблюдаем очень резкое перестроение фотографий при изменении окна браузера: страница….

ава
Lost in the forest, survival

Поиграть! Название: Lost in the Forest Жанр: survival Средства разработки: HTML, JQuery, CSS, PHP   Описание: Игроку представляется возможность попытаться выжить в новой захватывающей игре! Вы очнулись посреди леса и не можете вспомнить, как отсюда выбраться. Вам придется раздобыть себе пропитание…

HTML5_Logo
HTML5 Data Attributes (data-*)

Использование data-* attributes HTML5 добавил возможность хранить данные напрямую в html коде. При этом эти данные не будут видны пользователю. Data-* attributes позволяет нам хранить дополнительные данные в любых html элементах, не засоряя имена классов.     HTML ситаксис Синтаксис…

adaptive-design
Адаптивная верстка: media queries

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

adaptive-design
Начинаем осваивать адаптивную верстку

Здравствуйте, уважаемые читатели! Наконец-то я решил начать освоение адаптивной верстки. Сегодняшняя статья будет небольшим введением в новое направление развития web-дизайна.   Итак, что такое адаптивная верстка? Википедия говорит: «Адаптивный веб-дизайн (англ. Responsive web design) — дизайн веб-страниц, обеспечивающий отличное отображение…

selection
Псевдо-эдемент ::selection

Псевдо-элемент ::selection появился в HTML5. ::selection определяет стиль подсветки выбранного текста. Для того, чтобы данный псевдо-элемент был кроссбраузерным, необходимо определить его следующим образом: ::-moz-selection { color: white; background: hotpink; } ::selection { color: white; background: hotpink; } Все браузеры, кроме…

css_29_9_13_mini
CSS: inherit, initital, unset, all

Добрый день! Сегодня я расскажу о четырех интересных ключевых словах CSS. Начнем!   Ключевое слово: inherit Сразу рассмотри пример: span { font-size: inherit; } В результате элемент span будет наследовать свойство font-size от родительского элемента. Если у родительского элемента не…

Untitled-2
Создание подписей для изображений

Здравствуйте, уважаемые читатели! Недавно я столкнулся с необходимостью создать для изображений подписи. И сейчас я хочу рассказать вам, как их сделать. Приступим!   HTML Все весьма просто. Мы добавим подпись в виде span и обернем все в один div. <div…