Все для веб-разработчиков: дизайн, верстка, программы

Картинка поста

В большой войне против JavaScript появилось новое оружие, позволяющее разработчикам выбирать свой любимый стиль программирования, одновременно повышая производительность и свою продуктивность. Это оружие — WebAssembly, которое может произвести революцию в...
Читать дальше

Картинка поста

Существует множество способов писать код для веб-приложений: от текстовых редакторов до облачных сред разработки. Трудно сразу решить, какая среда лучше подходит для поставленных задач. Чтобы сэкономить вам время, выбрали наиболее...
Читать дальше

Картинка поста

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

Картинка поста

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

Картинка поста

Этот инструмент предназначен для быстрого составления красивого резюме с помощью Vue и LESS. Как использовать Для использования best-resume-ever требуется Node v.8.5.0. Скопируйте этот репозиторий. Запустите npm install. Настройте свое резюме в каталоге resume/:...
Читать дальше

Картинка поста

7 и 8 ноября в Сколково проходит 11-я ежегодная конференция Highload++ для разработчиков высоконагруженных систем, которая соберет 2 700 участников из разных регионов России и мира. Мероприятие направлено на обмен знаниями о технологиях, позволяющих одновременно обслуживать тысячи и даже миллионы...
Читать дальше

Картинка поста

Anime.js — небольшая библиотека для создания анимации на основе JavaScript. С её помощью можно анимировать свойства CSS, SVG-изображения или атрибуты DOM-дерева на веб-странице. Библиотека позволяет контролировать все аспекты анимации и...
Читать дальше

Картинка поста

PDO (PHP Data Objects) — расширение PHP, которое реализует взаимодействие с базами данных при помощи объектов. Профит в том, что отсутствует привязка к конкретной системе управления базами данных....
Читать дальше

Картинка поста

Метатеги в контексте веб-страниц — HTML-теги, которые размещаются в разделе <head> веб-страницы. Браузеры интерпретируют их, чтобы правильно отобразить сайт, а поисковые системы используют при выборке информации о странице. Некоторые теги...
Читать дальше

Картинка поста

Некоторое время назад у нас уже выходил перевод первой части руководства по созданию изображений на чистом CSS. Теперь мы рады представить вам перевод второй части, в которой вы научитесь создавать баннер...
Читать дальше

Картинка поста

Общедоступные веб-приложения интересны хакерам как ресурсы или инструменты заработка. Спектр применения полученной в результате взлома информации широкий: платное предоставление доступа к ресурсу, использование в бот-сетях и т. д. Личность владельца не...
Читать дальше

Картинка поста

Хорошей практикой считается делать код компонуемым и модульным. Он упрощается и к его частям становится проще обращаться несколько раз. Для JavaScript-разработчиков тоже появились инструменты для использования этого подхода....
Читать дальше

Картинка поста

Dash — библиотека для языка Python с открытым исходным кодом, предназначенная для создания реактивных веб-приложений. Она была загружена на GitHub два года назад в тестовом режиме. Команда разработчиков Dash решила...
Читать дальше


Картинка поста

Fullstack-разработчик — это специалист, способный создать с нуля веб-приложение: и клиентскую, и серверную части. Ответить на вопросы, с какими технологиями должен работать такой специалист, какими обладать навыками и какие иметь...
Читать дальше

Картинка поста

WebGL — технология, которая «создает магию» в 2D-canvas’е HTML5. Рассказываем, как за счет градиента добиться такого интересного 3D-эффекта, как выпуклость, не используя дополнительных библиотек и подробно объяснив всю «магию». По завершению работы с кодом...
Читать дальше

Картинка поста

Lokalise — сервис для автоматизации процесса локализации приложений, который выбрали уже более 1 000 команд, включая MSQRD, Carousell, MEGOGO, Depositphotos. Мы изучили возможности платформы и в этом обзоре расскажем, за счет чего Lokalise помогает провести...
Читать дальше

Картинка поста

PHP — это крайне популярный интерпретируемый скриптовый язык, идеально подходящий для веб-разработки. Кроме того, его можно использовать и для написания приложений командной строки. Чтобы упростить изучение PHP, мы собрали для вас подборку бесплатных...
Читать дальше

Картинка поста

Эта статья будет для вас полезной, если вы: хотите настроить переадресацию и другие серверные функции бесплатно; собираетесь использовать протокол HTTPS, но не знаете, что нужно делать; сомневаетесь в выборе инструмента для...
Читать дальше

Картинка поста

В этой статье мы рассмотрим один из секретов высокой масштабируемости и производительности сайтов. Из блога об архитектуре Flickr, на серверах которого размещается более 5 000 000 фотографий, мы узнали, что...
Читать дальше

Картинка поста

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

Картинка поста

Рассказывает Альберто Рэстифо, JS-разработчик Пару недель назад менеджер нашего проекта сообщил, что в ближайшие несколько спринтов мы будем заниматься электронными письмами. Автоматически генерируемые email’ы надо было сделать отзывчивыми, что привело бы к усложнению вёрстки....
Читать дальше

Картинка поста

Let’s Encrypt — это центр сертификации (англ. certification authority, CA), предоставляющий лёгкий способ получения и установки TLS/SSL-сертификатов, обеспечивающих возможность использования протокола HTTPS на веб-сервере. Работа с Let’s Encrypt упрощена наличием клиента Certbot, который автоматизирует...
Читать дальше


Картинка поста

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

Картинка поста

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

Картинка поста

Рассказывает Эмит Ирэндол, full-stack разработчик В этой статье перечислены ключевые аспекты, которые нужно учитывать при создании бэкенда в контексте full-stack веб-разработки. Новичков она познакомит с основами, а более продвинутым программистам может быть полезна...
Читать дальше

Картинка поста

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

Картинка поста

Рассказывает Алвин Лин, разработчик программного обеспечения из Нью-Йорка В этой статье я продолжаю тему создания многопользовательской браузерной игры. Здесь я с технической точки зрения попытаюсь в общих чертах объяснить, как задержка может влиять на игру и как с этим...
Читать дальше

Картинка поста

Рассказывает Алвин Лин, разработчик программного обеспечения из Нью-Йорка В 2014 году я впервые побывал на CodeDay в Нью-Йорке. И хотя CodeDay не совсем хакатон, это было моё первое знакомство с подобными мероприятиями. Там мы с моим другом Кеннетом Ли написали многопользовательскую...
Читать дальше

Картинка поста

Мы перевели для вас статью, которая будет полезна для начинающих Python/Django разработчиков. Вам не обязательно проходить каждый курс полностью. Лучше начинать с самых простых уроков и практики. И еще один важный совет:...
Читать дальше

Картинка поста

Веб-сокеты (Web Sockets) — это передовая технология, которая позволяет создавать интерактивное соединение между клиентом (браузером) и сервером для обмена сообщениями в режиме реального времени. Веб-сокеты, в отличие от HTTP, позволяют работать...
Читать дальше

Картинка поста

Рассказывает Оханс Эммануэль Где-то в 2012 или 2013 году я познакомился с веб-разработкой. Постепенно я начал изучать это направление самостоятельно. Вскоре я понял, что CSS придаёт смысл многим вещам, но не создаёт адекватную разметку. Существует столько...
Читать дальше

Картинка поста

Рассказывает Юсуф Эль Азизи Недавно я разбирал одно короткое руководство по созданию простых подсказок на чистом CSS (то есть без дополнительных HTML-элементов и кода на JavaScript). Позже я использовал эту технику в своём проекте и...
Читать дальше

Публикации из мира веб-программирования — дизайн, верстка и разработка бэкенда.