Начать тренировку! Название: Words Trainer Жанр: образование Средства разработки: HTML, JS (JQuery), CSS Описание: Хотите выучить пару-тройку иностранных слов, но никак не можете найти захватывающее приложение, которое помогло бы вам с обучением? Выход есть! Новое простое приложение Words…
Добрый день, уважаемые читатели! Сегодня я хочу рассказать вам об одной интересной особенности поведения em значений для font-size в IE9+. Недавно я правил баг на одном из сайтов, связанный с тем, что размер шрифта у псевдоэлемента :before был в IE9+…
Добрый день, уважаемые читатели! Понимание, как происходит collapsing (схлопывание) margin-ов в CSS, может сделать жизнь web-разработчику намного легче. Давайте посмотрим, как работает схлопывание margin-ов в CSS. Горизонтальный и вертикальный Margin Collapsing Горизонтальные margin-ы никогда не схлопываются. А вот с вертикальными…
Добрый день, уважаемые читатели! Сегодня я хочу рассказать немного о создании объектов в JavaScript и о том, как создать массив из объектов. Создание объекта Наиболее часто для создания объекта используют метод, приведенный ниже: var myNewObject = { key1: value1,…
Добрый день, уважаемые читатели. Сегодня я бы хотел с вами поделиться знаниями о таком интересном html5 элементе, как canvas. Этот новый элемент позволяет творить невероятные чудеса в окне браузера. Итак, приступим! Что такое canvas и зачем он нужен? Canvаs…
Доброго времени суток, уважаемые читатели! Взглянув на результат работы в статьях: Начинаем осваивать адаптивную верстку и Адаптивная верстка: media queries, я решил, что стоит немного украсить переходы между разрешениями шаблона. Сейчас мы наблюдаем очень резкое перестроение фотографий при изменении окна браузера: страница….
Поиграть! Название: Lost in the Forest Жанр: survival Средства разработки: HTML, JQuery, CSS, PHP Описание: Игроку представляется возможность попытаться выжить в новой захватывающей игре! Вы очнулись посреди леса и не можете вспомнить, как отсюда выбраться. Вам придется раздобыть себе пропитание…
Использование data-* attributes HTML5 добавил возможность хранить данные напрямую в html коде. При этом эти данные не будут видны пользователю. Data-* attributes позволяет нам хранить дополнительные данные в любых html элементах, не засоряя имена классов. HTML ситаксис Синтаксис…
Добрый день, уважаемые читатели! Сегодня я бы хотел продолжить обсуждение адаптивной верстки. В прошлой статье мы обсудили, как сделать простенький адаптивный дизайн. После создания мы выявили 1 большой минус: На небольших экранах изображения будут слишком мелкими. Как решить проблему?…
Здравствуйте, уважаемые читатели! Наконец-то я решил начать освоение адаптивной верстки. Сегодняшняя статья будет небольшим введением в новое направление развития web-дизайна. Итак, что такое адаптивная верстка? Википедия говорит: «Адаптивный веб-дизайн (англ. Responsive web design) — дизайн веб-страниц, обеспечивающий отличное отображение…
