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

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

Немного о веб-технологиях

Мой блог содержит заметки о различных веб-технологиях, как клиентских, так и серверных. Здесь будут раскрыты вопросы html-верстки, программирования на javaScript и jQuery,разработки на PHP. Не останутся без внимания популярные системы управления сайтом «1С-Битрикс», Joomla и другие. О работе с ними, я также буду писать.

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

В своем блоге я собираюсь публиковать статьи о современных веб-технологиях (HTML5, CSS3 и других). Если в процессе работы над проектами я открываю для себя «свежее» решение какой-либо задачи, я записываю сюда информацию об этом, что позволяет мне при необходимости применять полученные знания в будущем.

Надеюсь информация будет полезна для посетителей.

 
Пятница, 05 сентября 2014 20:04

Обводка текста средствами CSS

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

Опубликовано в HTML-верстка
Суббота, 26 апреля 2014 16:48

10 примеров использования LESS для вашего сайта

LESS, Sass и другие CSS-препроцессоры — отличный способ для разработчика расширить возможности CSS. Переменные, операции с цветами, примеси (mixins) и многие другие инструменты LESS помогут разработчику почувствовать выгоду от написания меньшего количества кода при достижении равноценных результатов (без использования LESS).

Опубликовано в HTML-верстка
Воскресенье, 13 апреля 2014 10:00

Современный способ CSS замены текста изображениями заменяющий метод -9999px

Замена текста картинками применяется в процессе верстки макетов уже очень долгое время. Причина этого в том, что в начале 2000-х годов разработчики могли использовать на веб-страницах довольно ограниченное количество шрифтов. В основном это были «стандартные» шрифты, например, Verdana или Georgia. Для того чтобы как-то «оживить» страничку, веб-мастера создавали в графическом редакторе изображение с надписью каким-то «нестандартным» шрифтом и размещали его в качестве фона элемента (например, заголовка) на странице, а текстовое содержимое «прятали». 

Опубликовано в HTML-верстка
Воскресенье, 30 марта 2014 16:49

Тень внутри блока средствами CSS

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

Опубликовано в HTML-верстка
Понедельник, 14 октября 2013 22:07

Верстка landing page для сайта агентства недвижимости

Используемые инструменты и технологии:

  • HTML, CSS
  • jQuery
  • XML
  • PHP
 

Описание:

Из PSD-макета была сверстана страница (landing). Созданы скрипты для обработки форм и сохранения данных, полученных от посетителя, а также вывода «горячих предложений». Для удобства работы с «горячими предложениями», данные о них хранятся в XML-файле.

Посетить страницу

Опубликовано в Мои работы
Среда, 17 апреля 2013 16:58

Создание сайта транспортной компании «Эксперт Автологистика»

Используемые инструменты и технологии:

  • HTML, CSS
  • jQuery
  • PHP
  • CMS “Joomla”
 

Описание:

Разработана структура сайта. Из PSD-макета был создан шаблон для системы управления. Размещены и настроены необходимые модули и компоненты системы. Созданы и наполнены содержимым разделы сайта.

Опубликовано в Мои работы
Понедельник, 18 октября 2010 08:29

Верстка формы без использования таблиц.

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

Опубликовано в HTML-верстка
Пятница, 28 мая 2010 08:13

Размещаем блок по центру окна браузера.

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

Например, когда сайт закрыт для посетителей и нужно показать страничку с «заглушкой» или создать свою страничку, которую увидят посетители в случае ошибки 404 — объявление об отсутствии запрашиваемой страницы можно разместить в блоке в центре окна браузера.

Опубликовано в HTML-верстка
Воскресенье, 26 июля 2009 17:19

Верстка блока с овальными уголками.

Задача: создать блок с овальными уголками.

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

Опубликовано в HTML-верстка
Пятница, 03 июля 2009 00:23

Создание верстки тянущейся по высоте на 100%.

Задача: создать блочную верстку макета чтобы при любом количестве текста подвал всегда был внизу окна браузера.

Опубликовано в HTML-верстка
Страница 2 из 3
Свежие заметки
Наверх