Создаем фиксированное меню на CSS, jQuery (+ проблема с якорями)
2017-04-06 20:00:32
+ развернуть текст сохранённая копия
Раз уж обещал в планах на 2017 завершить свое обучение верстке, начатое в Нетологии то придется больше времени уделять данной теме и на страницах блога. Создам под нее отдельный раздел, куда буду собирать разные хаки и статьи.
В посте рассмотрю два вопроса:
- как фиксировать меню при прокрутке страницы, когда блок навигации «прижимается» к верху экрана (простое решение на css и с jquery).
- плюс заодно поговорим о прокрутке до якоря с фиксированным меню, которая не совсем корректно работает без дополнительных хаков.
Новичкам информация пригодится, плюс запишу ее для себя, т.к. похожие задачи возникают время от времени. Не буду вдаваться в подробности всех деталей кода, укажу лишь основные нюансы.…
Тэги:
css,
html,
jquery,
web,
веб-программирование,
верстка,
меню,
разработка,
сайтов,
создание
Facebook API: починка сломавшейся кнопки «Нравится» на сайте
2017-04-06 16:54:44
Вчера коллеги указали на сломавшуюся фейсбуковую кнопку "Нравится" на сайте.
...
+ развернуть текст сохранённая копия
Вчера коллеги указали на сломавшуюся фейсбуковую кнопку "Нравится" на сайте.
Полез смотреть.
Читать дальше →
Тэги:
api,
facebook,
баг,
веб-сайтов,
разработка,
фича
[Из песочницы] Организация адаптивной верстки в БЭМ с SCSS
2017-04-06 15:11:44
Одна из главных сложностей возникающая у многих фронтенд-разработчиков при использовании методологии ...
+ развернуть текст сохранённая копия
Одна из главных сложностей возникающая у многих фронтенд-разработчиков при использовании методологии БЭМ в CSS — это способ организации адаптивной вёрстки. Как известно блоки и элементы должны быть независимы друг от друга, а также от контекста в котором они находятся, значит и от устройства на котором выводятся. При этом в разных разрешениях экрана блок фактически может иметь разное отображение. Речь пойдет о том как организовать адаптивность таких представлений, при этом сохранив возможность использовать каждое из них независимо от каких либо внешних факторов и друг от друга.
Читать дальше →
Тэги:
bem,
css,
frontend,
scss,
бэм,
веб-сайтов,
верстка,
разработка,
фронтенд
Топ инструментов разработки для PostgreSQL
2017-04-06 14:28:41
Топ инструментов разработки для PostgreSQL
Конференция PG Day Russia растет и ...
+ развернуть текст сохранённая копия
Топ инструментов разработки для PostgreSQL
Конференция PG Day Russia растет и масштабируется: этим летом мы готовим для вас доклады и тренинги по всем наиболее популярным базам данных, а также по администрированию и хранению данных. в рамках подготовки мы запустили корпоративный блог, где планируем делиться ценной информацией о происходящем в мире баз данных. Первый пост посвящен инструментам разработки для PostgreSQL, его автор varanio будет рад ответить на ваши вопросы и комментарии!
Я поспрашивал различных людей, имеющих отношение к PostgreSQL, что они используют в реальной жизни для разработки приложений, использующих PG.
Это, конечно, не строго математическая выборка, но тем не менее получился некоторый список инструментов на слуху, которые достойны того, чтобы их "пощупать", что я и собираюсь сделать в этой статье.
Если вашего инструмента нет в списке, или у вас просто есть что сказать, добро пожаловать в комментарии.
Итак, вот неформальный топ и субъективное описание.
Читать дальше →
Тэги: databases, day'17, ide, postgresql, russia, sql, базам, блог, веб-сайтов, данных, компании, конференция, разработка
Мета-инструмент разработки: FutoIn CID
2017-04-06 01:08:50
+ развернуть текст сохранённая копия
Сейчас мало кого удивишь инструментами управления зависимостями проекта вроде npm
, composer
, bundler
, pip
, maven
, cargo
и других. Их общий недостаток — невозможность управлять непосредственно средой выполнения. Такая задача решается через nvm
, php-build
, rvm
, virtualenv
, sdkman
, rustup
и прочие глобальные "манагеры" версий runtime, обычно написанные под Bash/Zsh.
Следующий уровень "проблем" начинается, когда универсальный разработчик ежедневно занимается проектами с использованием совершенно разных технологий. Переменные окружения превращаются в месиво, а запуск шелла может занимать несколько секунд. Неизбежно начинаются бытовые ошибки в работе с этим зоопарком.
Далее разброд и шатание настегает Continuous Integration & Delivery, где ручные танцы с бубном установки инструментов и активирования конкретных версий совершенно не приветствуются, а в идеале требуется в принципе максимально абстрагироваться от используемых технологий и довести процесс до примитивных нейтральных команд: подготовить к релизу, затегить, скачать, подготовить, построить, упаковать, выложить, проверить, одобрить(подписать), выкатить.
Тут сам собой напрашивается инструмент, унифицировано работающий поверх уже существующих технологий,
который из себя и представляет FutoIn CID — FutoIn Continuous Integration & Delivery tool.
Читать дальше →
Тэги: futoin, git, github, java, linux, macos, node.js, open, php, python, rms, ruby, rust, scala, source, svn, веб-сайтов, программирование, разработка, сборки, системы