Создаём Солнечную систему на чистом CSS3. Часть вторая. Кейфреймы и тени

В этой статье мы продолжим разбираться в принципах создания анимированной Солнечной системы на CSS3. Мы рассмотрим использование keyframe-анимации для движения планет по орбитам вокруг Солнца и реализуем динамические тени на планетах. …

Обложка: Создаём Солнечную систему на чистом CSS3. Часть вторая. Кейфреймы и тени

Создаём Солнечную систему на чистом CSS3. Часть первая. Начальный этап, готовим сцену и фон

Анимированная Солнечная система на демке ниже — это настоящее произведение искусства. В этом цикле статей мы подробно рассмотрим все этапы её создания, шаг за шагом разобрав весь CSS-код, и познакомимся…

Обложка: Создаём Солнечную систему на чистом CSS3. Часть первая. Начальный этап, готовим сцену и фон

5 занимательных проектов, реализованных на CSS без использования JavaScript

Силу CSS легко недооценить. Для тех, кто использовал CSS2, это лишь инструмент для настройки стилей. C приходом CSS3 нам открылось море возможностей: от стилизации элементов до создания анимаций, ранее возможных…

Обложка: 5 занимательных проектов, реализованных на CSS без использования JavaScript

10 популярных фронтенд-элементов, для реализации которых не нужен JavaScript

JavaScript — это отличный язык, и вам однозначно стоит использовать его в своих проектах, но не нужно забывать, что большое количество функциональных элементов можно реализовать и без этой зависимости. Мы…

Обложка: 10 популярных фронтенд-элементов, для реализации которых не нужен JavaScript

Как улучшить интерфейс: советы не только для дизайнеров. Часть 2. Чекбоксы и выпадающие списки

В прошлой части мы расмотрели некоторые принципы работы с полями ввода и радиокнопками. Эта статья — вторая порция советов по улучшению интерфейсов приложений и веб-сайтов. Если у вас есть желание оставить…

Обложка: Как улучшить интерфейс: советы не только для дизайнеров. Часть 2. Чекбоксы и выпадающие списки
Обложка: 7 элементов интерфейса, которые лучше убрать с вашего сайта

7 элементов интерфейса, которые лучше убрать с вашего сайта

Пользовательский интерфейс — это то, что видит пользователь и что он использует. В любом проекте интерфейс играет ключевую роль в оказании впечатления на пользователя. Главная его задача — предоставить пользователю…

Обложка: Страх и ненависть на сервере, или Можно ли написать сайт в Excel

Страх и ненависть на сервере, или Можно ли написать сайт в Excel

Рассказывает Воган Мэй  В заголовке не шутка: я сам попробовал, вполне получилось.

Обложка: Что лучше изучить: JavaScript стандарта ES5, стандарта ES6 или TypeScript?

Что лучше изучить: JavaScript стандарта ES5, стандарта ES6 или TypeScript?

Если обратиться к статистике, то выяснится, что популярность Angular 2, использующего TypeScript вместо чистого JS, начала практически вертикальный взлет.

Как улучшить интерфейс: советы не только для дизайнеров. Часть 1. Поля ввода и радиокнопки

Делимся с вами советами по улучшению интерфейсов приложений и веб-сайтов. Если у вас есть желание оставить свои рекомендации, делитесь ими в комментариях! …

Обложка: Как улучшить интерфейс: советы не только для дизайнеров. Часть 1. Поля ввода и радиокнопки
Обложка: Одна команда в терминале делает ваш локальный сервер доступным всему интернету по специальному HTTPS адресу: обзор утилиты Ngrok

Одна команда в терминале делает ваш локальный сервер доступным всему интернету по специальному HTTPS адресу: обзор утилиты Ngrok

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

Обложка: Обзор профессии «Веб-разработчик» от GeekBrains

Обзор профессии «Веб-разработчик» от GeekBrains

Известный ресурс GeekBrains выпустил обзор рынка веб-разработки в нашей стране, а также поделился советами с начинающими веб-разработчиками. Представляем вашему вниманию их материал. …

Подборка интересных проектов из Google Chrome Experiments для тех, у кого творческий застой

Иногда работа веб-дизайнера может быть очень стрессовой. Эта статья посвящена тем, у кого сейчас творческий застой. Google Chrome Experiments помогут вам снять напряжение и восстановить ваши творческие способности, или просто…

Обложка: Подборка интересных проектов из Google Chrome Experiments для тех, у кого творческий застой

Исповедь iOS-разработчика, или «за что я ненавижу iOS»

Для пользователя iOS — прекрасная платформа. Иногда она бывает немного скучной и недостаточно гибкой, а иногда — красивой и удобной (второе — большую часть времени). А вот у разработчиков не все так гладко.

Обложка: Исповедь iOS-разработчика, или «за что я ненавижу iOS»
Обложка: 8 хитрых приёмов, реализуемых с помощью одного лишь CSS

8 хитрых приёмов, реализуемых с помощью одного лишь CSS

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

Обложка: Подборка шпаргалок для программистов

Подборка шпаргалок для программистов

Даже самые опытные программисты не всегда могут вспомнить название какого-нибудь свойства в CSS или правильное написание команды bash. Поэтому всегда удобно иметь у себя в закладках страницу, попав на которую…

Что мы знаем о Symfony: мифы и легенды

Когда веб-разработчика спрашивают о Symfony, у него в голове, как правило, рисуется определенная картина, некое устоявшееся мнение. Что можно сказать о Symfony в одном предложении? Это full-stack веб-фреймворк, написанный на…

Обложка: Что мы знаем о Symfony: мифы и легенды

Подборка полезных инструментов и библиотек для веб-разработчиков

Здесь вы найдете подборку инструментов для работы с HTML, CSS и JavaScript, которые упрощают выполнение рутинных задач и дают свободу творчеству.

инструменты веб-разработчика
Обложка: О ключевом слове «this» языка JavaScript: особенности использования с пояснениями

О ключевом слове «this» языка JavaScript: особенности использования с пояснениями

Рассказывает Дмитрий Павлютин  Тайна this Долгое время ключевое слово this оставалось для меня загадкой. Это мощный инструмент, но разобраться в нём нелегко.

Ревью верстки: 10 полезных замечаний и советов

Статья рассчитана на новичков в верстке, но не исключено, что и опытный верстальщик узнает себя в каком-то из пунктов. Примеры ниже написаны с использованием соглашения по именованию селекторов БЭМ, препроцессора…

Обложка: Ревью верстки: 10 полезных замечаний и советов

Пишем свою игру в жанре Roguelike

Рассказывает Ido Yehieli  Игры в жанре roguelike, такие как Dungeons of Dredmor, Spelunky, The Binding of Isaac и FTL, в последнее время стали очень популярны, а различные комбинации элементов этого жанра теперь добавляют многим играм…

Обложка: Пишем свою игру в жанре Roguelike
Обложка: Web Audio и объёмный звуковой ландшафт: реализация

Web Audio и объёмный звуковой ландшафт: реализация

Рассказывает Si Robertson В этом руководстве мы создадим простой Web Audio API для воспроизведения звуков в объёмном пространстве, который можно использовать в интерактивных приложениях с эффектом погружения. Это вторая и…

Web Audio и объёмный звуковой ландшафт: введение

Рассказывает Si Robertson В этом руководстве мы разберемся с основным элементами Web Audio, используемыми для создания объёмных звуковых ландшафтов в интерактивных приложениях с эффектом присутствия, например, 3D играх. Web Audio…

Обложка: Web Audio и объёмный звуковой ландшафт: введение
Обложка: Распознавание голоса и чтение текста в браузере в 3 строки на JavaScript: демонстрация и примеры кода

Распознавание голоса и чтение текста в браузере в 3 строки на JavaScript: демонстрация и примеры кода

Распознавание речи — одна из символизирующих современный мир возможностей, которой мы привыкли пользоваться благодаря Siri и Google Now. Но она присутствует не только в мобильных ассистентах: вы замечали иконку микрофона…

Обложка: 5 настоящих трендов веб-дизайна в 2016 году

5 настоящих трендов веб-дизайна в 2016 году

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

Знакомство с promises — одним из нововведений ES6

Что такое promise? Вообще говоря, promises (дословно — «обещания») — это обёртки для функций обратного вызова (callback). Их можно использовать для упорядочивания синхронных и асинхронных действий.

Обложка: Знакомство с promises — одним из нововведений ES6
Обложка: Как выучить TypeScript за 2 дня и почему стоит начать прямо сейчас: опыт автора Tproger

Как выучить TypeScript за 2 дня и почему стоит начать прямо сейчас: опыт автора Tproger

TypeScript является надмножеством JavaScript, типизированным языком, созданным в конце 2012 года сотрудником Microsoft Андерсом Хейслбергом — автором C#. ЯП изначально развивался как Open Source разработка, поэтому всё в наших с…

Обложка: Local Web Storage — интересная и эффективная фича HTML5, призванная заменить cookies

Local Web Storage — интересная и эффективная фича HTML5, призванная заменить cookies

Наверняка вы уже сумели заметить: HTML5 стал весьма популярен. Создаются великолепные игры с использованием холстов (canvas), медиа-контент, ориентирующийся на различные устройства. Веб-разработка проделала немалый путь от iFrames 1990-х. В этой статье поделимся…

Обложка: Современный CSS мощнее, чем вам кажется: 12 примеров, в которых вам не нужен JavaScript

Современный CSS мощнее, чем вам кажется: 12 примеров, в которых вам не нужен JavaScript

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

Обложка: 9 новых технологий, которые вы можете освоить за лето и стать ценнее на рынке труда

9 новых технологий, которые вы можете освоить за лето и стать ценнее на рынке труда

Сегодня IT развивается так быстро, как никогда. Многие вещи, бывшие общепринятыми ещё каких-то пару лет назад, сегодня уже не используется. И наоборот — появилась куча крутых штук, от которых фанатеют все программисты:…

Обложка: Сохранение нейронной сети в JSON и другое: обучаем нейронную сеть на JavaScript

Сохранение нейронной сети в JSON и другое: обучаем нейронную сеть на JavaScript

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

Конвертация картинки в сайт на WordPress и еще 7 полезных фотошоп-плагинов для веб-разработчиков

Многие фронтенд-разработчики сталкивались с такой ситуацией: нужно сверстать по огромному PSD-шаблону готовый сайт. От количества предстоящей работы можно и приуныть… если не помочь себе готовыми инструментами!

Обложка: Конвертация картинки в сайт на WordPress и еще 7 полезных фотошоп-плагинов для веб-разработчиков

Веб-эксперименты: подборка невообразимых ссылок №2

Вторая подборка веб-экспериментов, демонстрирующих современные технологии, библиотеки и фреймворки.

Обложка: Веб-эксперименты: подборка невообразимых ссылок №2