Матвей Земсков

Заметки веб-мастера

Создаем вертикальный график с помощью CSS

Четверг, 04 февраля 2016 12:20
Опубликовано в HTML-верстка

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

KaTeX – инструмент для публикации математических формул

Понедельник, 18 января 2016 09:59
Опубликовано в HTML-верстка

Публикация математических формул, особенно сложных, на веб-странице может стать «головной болью» для разработчика. Библиотека KaTeX может значительно облегчить этот процесс. Она не имеет зависимостей от других библиотек, зато имеет довольно простой API. Еще одним преимуществом KaTeX – является высокая скорость работы во всех современных браузерах.

Реализуем hover-эффект над картинкой с помощью CSS3

Пятница, 15 января 2016 10:50
Опубликовано в HTML-верстка

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

В этом уроке будет показано как при помощи CSS можно добиться такого же hover эффекта. Кроме того, будет рассказано как можно настроить анимацию под себя.

Размещаем адаптивную Google-карту на своем сайте

Четверг, 14 января 2016 12:38
Опубликовано в HTML-верстка

Как известно, размещение карты Google на своем сайте довольно простая задача. Однако, по-умолчанию, карта не адаптируется под размер экрана.

reGrid.js - инструмент для показа сетки на веб-странице

Четверг, 18 июня 2015 14:39
Опубликовано в HTML-верстка

Уже в течении нескольких лет техника верстки сайтов при помощи сетки пользуется популярностью у разработчиков. В сети существует большое количество CSS-библиотек (Grid Systems) для работы с сеткой. Стоит заметить, что эта методика включена в Bootstrap, который на мой взгляд является одним из самых популярных CSS-фреймворков (если не сказать, что самым популярным).

Использование сетки в процессе верстки сайтов дает разработчику ряд преимуществ: увеличивается скорость разработки, верстать становится легче за счет четкого позиционирования элементов. Размещая элементы макета по сетке, вы сразу замечаете, что страница становится более аккуратной, блоки выглядят пропорционально, имеют одинаковые отступы. Конечно же, при использовании этой методики существуют и свои маленькие недостатки: например, в код добавляются дополнительные элементы разметки. Эти недостатки незначительны, поэтому их можно считать особенностями этого подхода.

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

Страница 2 из 8
Мои услуги

Предлагаю следующие услуги:

  • Верстка шаблона сайта из дизайн-макета для CMS «1С-Битрикс Управление сайтом» и CMS “Joomla”
  • Создание форм различной сложности (обратная связь, анкеты и тп) для указанных CMS
  • Настройка и кастомизация компонентов и модулей для указанных CMS
  • Доработка модулей и компонентов для указанных CMS, добавление нестандартного функционала
  • Разработка лендингов (landing-pages)

По все вопросам обращайтесь через форму обратной связи

Скачать

Предлагаю вашему вниманию: