Открыть список
Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Делаем модальные окна для сайта. Заботимся об удобстве и доступности

Разработка веб-сайтовCSSJavaScriptHTMLAccessibility
Из песочницы

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


Вёрстка таких окон сначала кажется простой задачей. Модальные окна можно сделать даже без помощи JS только лишь с помощью CSS, но на практике они оказываются неудобными, и из-за маленьких недочетов модальные окна раздражают посетителей сайта.


В итоге было задумано сделать собственное простое решение.


Читать дальше →
Всего голосов 14: ↑13 и ↓1 +12
Просмотры28.2K
Комментарии 16

Почему для информационных проектов из всех Headless CMS мы часто выбираем Strapi

CMSРазработка веб-сайтов
Recovery mode

Существует большое количество (всего порядка 50) Headless CMS. Это системы управления, в которых реализован новый принцип разделения двух слоев — данных и представления (логика Jamstack).



Читать дальше →
Всего голосов 20: ↑16 и ↓4 +12
Просмотры8.8K
Комментарии 8

Как быстро создать Bootstrap-сайт для бизнеса: 6 полезных инструментов

Разработка веб-сайтовJavaScriptРазвитие стартапа


Bootstrap уже много лет позволяет бизнесам по всему миру создавать адаптивные сайты с качественным UX без лишних затрат. В сегодняшней статье мы еще раз поговорим о плюсах этого фреймворка и рассмотрим некоторые полезные инструменты, которые позволят повысить его эффективность.
Читать дальше →
Всего голосов 23: ↑16 и ↓7 +9
Просмотры9.7K
Комментарии 7

Как сделать интерактивную карту с помощью Python и open source библиотек

Блог компании SkillFactoryOpen sourcePythonПрограммированиеOpenStreetMap
Перевод
Tutorial

Сегодня делимся с вами пошаговым руководством создания интерактивных карт для веб-приложения или блога. Просто сохраните эту статью в закладках. Хоть и существует, например, библиотека d3.js, которая может создавать пользовательские карты, есть несколько инструментов еще проще. В этом посте посмотрим на три простые в обращении, но мощные библиотеки Python с открытым исходным кодом и поработаем с ними.
Читать дальше →
Всего голосов 20: ↑18 и ↓2 +16
Просмотры13.4K
Комментарии 3

Услышал интересное мнение по поводу лэндингов. Согласны или нет?

Веб-дизайнРазработка веб-сайтовПовышение конверсии
Из песочницы
Само слово “лэндинг” это некоторый миф. Некая расплывчатая сущность, которая выдает поверхностную местечковую работу за качественный и полномасштабный проект. Еще десять лет назад – лэндингом называли простую разметку текста под размещение графики и контента. Далее это понимание трансформировалось в посадочную страницу для выдачи в результате ранжирования поисковых систем. После чего эта же посадочная страница стала использоваться вообще на все случаи жизни, и в конце концов превратилась в отдельностоящий продукт, который при минимальных затратах (как финансовых, так и смысловых) подменил собой полноразмерный сайт. Причем информационная часть осталась только на 5%, все остальное заменили собой блоки не несущие практически никакой интеллектуалльной нагрузки, кроме некоторой псевдо-визуализации. Давайте разберемся почему эволюционно случилось так, что это копеечную поделку стали воспринимать как обособленную разработку.
Читать дальше →
Всего голосов 14: ↑8 и ↓6 +2
Просмотры3.5K
Комментарии 6

ZoomX. Меняем правила шаблонизации в MODX Revolution

MODX
Из песочницы
Привет, друзья! Хорошая новость для модыксеров — компонент, о котором мы много говорили в сообществе, вышел. Возможно не все в курсе о чём речь. Давайте я расскажу поподробнее.

Что такое ZoomX


Задача, которую позволяет решать данный компонент — максимально полный отказ от встроенного шаблонизатора MODX. Таким образом, мы выбрасываем многократный парсинг контента, элементы, хранящиеся в БД, плейсхолдеры с точками и плюсами и добавляем любой современный быстрый мощный PHP шаблонизатор. Стандартные шаблоны из БД теперь используются только для привязки TV-шек к ресурсам.
Читать дальше →
Всего голосов 4: ↑4 и ↓0 +4
Просмотры721
Комментарии 0

5 распространенных ошибок разработчиков, влияющих на время загрузки страницы

Разработка веб-сайтов
Из песочницы

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

Читать далее
Всего голосов 17: ↑10 и ↓7 +3
Просмотры4.7K
Комментарии 6

Простой план сохранения онлайн-бизнеса при пожаре в дата-центре

Информационная безопасностьРазработка веб-сайтовIT-инфраструктураРезервное копирование
Tutorial

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

Читать далее
Всего голосов 14: ↑12 и ↓2 +10
Просмотры7.5K
Комментарии 15

Веб-компоненты проще, чем вы думаете

CSSJavaScriptHTML
Из песочницы
Перевод

Когда я приходил на конференции и видел презентации на тему веб-компонентов, я всегда думал, что это не только изящно, но и довольно сложно. Тысяча строк JavaScript, чтобы сохранить всего 4 строки HTML. Докладчик или неизбежно скрывал за простыми вещами огромное количество JS кода, или погружался в сложные детали, тогда мои глаза начинали закрываться от скуки, и я начинал думать о том, покрывают ли мои суточные выплаты расходы на закуски.

Однако в недавнем проекте, созданном для легкого изучения HTML (Конечно, путем добавления зомби и глупых шуток), я решил, что необходимо описать каждый элемент HTML в спецификации. Не считая той конференции, я впервые начинал знакомство с <slot> и <template> элементами, и, когда я захотел написать что-то интересное о них в проекте, мне пришлось углубиться в тему.

И в процессе углубления я понял: веб-компоненты проще, чем я думал.

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

Я здесь, чтобы сказать вам: да, вы можете создать веб-компонент. Давайте оставим страх и даже закуски за дверью, чтобы сделать все вместе.

Читать далее
Всего голосов 13: ↑13 и ↓0 +13
Просмотры14K
Комментарии 19

Мир изменился — CQRS и ES встречаются в PHP чаще, чем кажется

Блог компании Конференции Олега Бунина (Онтико)Разработка веб-сайтовPHPПрограммированиеБудущее здесь

Генри Форд чуть не прогорел на своей фразе про пятьдесят оттенков черного. General Motors стала предлагать разноцветные модели Chevrolet, Pontiac, Buick, Oldsmobile и Cadillac — и не прогадала. Глядя на это, даже упрямый Форд изменил свое мышление  — и разработал новый Ford A, вернувший его на автомобильный Олимп. Бывают времена, когда парадигма мышления должна стать новой — ибо человек умирает тогда, когда перестаёт меняться ©Генри Форд. 

Пришло время и для разработчиков. Command Query Responsibility Segregation (CQRS) и Event Sourcing (ES) уже не миф — они реально работают. Конечно, не для всех задач — как и классический черный цвет Форда, PHP никуда не исчез и нужен по-прежнему. Но теперь уже есть задачи, где мы встречаемся с CQRS и ES чаще, чем нам кажется. Антон Шабовта на PHP Russia 2021 расскажет, как смена парадигмы и взгляд с другой стороны помогают разработчикам. А перед конференцией мы расспросили Антона подробнее о его новых взглядах на разработку, PHP и, конечно, о CQRS и ES.

Читать далее
Всего голосов 12: ↑11 и ↓1 +10
Просмотры4.1K
Комментарии 1

Где поместить свой сервер, чтобы обеспечить максимальную скорость? Насколько это важно?

Блог компании SkillFactoryРазработка веб-сайтовСерверная оптимизацияСетевые технологииСерверное администрирование
Перевод

Где поместить свой сервер, чтобы обеспечить максимальную скорость? Помимо времени, необходимого серверам для ответа на запросы, требуется время просто для доставки пакета из пункта А в пункт Б.

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

Читать далее
Всего голосов 14: ↑8 и ↓6 +2
Просмотры3.3K
Комментарии 2

Вы можете создавать эти элементы, не используя JavaScript

Блог компании SkillFactoryРазработка веб-сайтовCSSПрограммированиеHTML
Перевод

Мы привыкли создавать некоторые элементы пользовательского интерфейса с помощью JavaScript, например аккордеоны, всплывающие подсказки (тултипы), усечение текста и т. д. Но, поскольку HTML и CSS постоянно получают новые функции, а старые браузеры больше не нужно поддерживать, мы можем использовать намного меньше JavaScript-кода для создания элементов пользовательского интерфейса и больше фокусироваться на логической части (проверки, обработка данных и т. д.). Специально к старту новых потоков по специализации Frontend-разработчик и Веб-разработчик делимся с вами несколькими хитростями.

Читать далее
Всего голосов 24: ↑19 и ↓5 +14
Просмотры13.4K
Комментарии 22

Полезности для разработчика на Django

Разработка веб-сайтовPythonDjango
Tutorial

Для написания данной статьи был изучен очень большой пласт материала, разбросанного по всему Интернету, по форумам, чатам, сайтам-блогам, stackoverflow. Я собрал все воедино, так как это пригодится и мне и очень надеюсь, что другие разработчики на Django, также, останутся довольны данным материалом. Если есть что добавить (улучшить) или поправить, пожалуйста, пишите в комментариях или в Диалоги ( личные сообщения ) Хабр.

Мы рассмотрим: "Тестирование handler 404" в окружении разработчика, "Формсеты и динамическое добавление форм", а также "Экспорт данных в PDF с поддержкой кириллицы (русских символов / букв)".

Читать далее
Всего голосов 7: ↑6 и ↓1 +5
Просмотры3.9K
Комментарии 4