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

Существую CSS-свойства, которые используют изображения для создания фона элементов, создания рамок и масок «слоев», а также вырезки частей изображения. Применяя их, вы сможете добавлять изображения к элементам страницы и контролировать их положение и поведение.

Однако, существуют другие свойства, которые используются не так часто и применяются непосредственно к изображениям (тегу <img />). Использование тега является наиболее предпочтительными способом размещения изображений на страницах.

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

Давайте рассмотрим каждый из них подробнее.

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

Компонент K2 обладает богатым функционалом, связанным с организацией контента на сайте под управлением Joomla. Но на ряду с этим, в нем есть довольно серьезные недоработки. Некоторое время назад я обнаружил одну из них: почему-то на страницах тегов в административной части нет возможности указать содержимое мета-тегов (description и keywords).

Иногда посетители сайта оставляют такие комментарии к статьям, публиковать которые по каким-либо причинам не нужно. В то же время необходимо написать ответ посетителю. В компоненте JСomments нет возможности ответить на комментарий без его публикации на сайте. В связи с этим, необходимо предоставить возможность администратору сайта отвечать на комментарии посетителей прямо из админки компонента JComments (со страницы редактирования комментария в компоненте).

Более двух лет тому назад, я разместил в своем блоге перевод статьи об авторизации на сайте, при помощи соцсети Facebook. Эта статья заинтересовала посетителей и стала довольно популярной. За это время ее прочитало около 17 000 человек. Правда сейчас, в 2015 году, информация, представленная в статье устарела. Недавно я решил узнать, как обстоят дела с авторизацией через Facebook на данный момент. Почитав документацию на сайте для разработчиков, я понял, что произошедшие изменения довольно значительны. Это побудило меня написать новую статью и разместить ее в своем блоге.

Landing pages или «посадочные страницы» в последние годы стали довольно популярными инструментами для продвижения товаров и услуг. Как правило, они используются для усиления эффективности рекламы и увеличения аудитории. Переход на такие страницы обычно происходит по ссылкам из рекламных объявлений, размещенных в поисковых системах или почтовых рассылках.

С технической стороны landing page представляет из себя простую статичную веб-страницу и серверный скрипт для отправки сообщений. В большинстве случаев данные отправляются с использованием AJAX. Указанных инструментов вполне достаточно для создания среднестатистического лендинга. Тем более основной упор при изготовлении лэндингов делается на дизайн. Они должны быть яркими, привлекать внимание посетителей и побуждать их совершить покупку или заказать услугу.

Однако бывают случаи, когда товаров несколько или они часто меняются. Например, в случае landing page агентства недвижимости для продвижения каких-либо объектов недвижимости. Если рекламируемый объект продан, то для того чтобы добавить другой, нужно «копаться» в верстке страницы. Чтобы в таких случаях не править HTML-код страницы, можно хранить информацию о товарах отдельно. В этом случае заказчик страницы сможет добавлять, редактировать и удалять товары самостоятельно.

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

С помощью JavaScript вы можете создавать довольно классные вещи. К тому же уже существует довольно много плагинов, которые вы можете использовать, чтобы сэкономить время и не писать код «с нуля». На данный момент одной из самых сложных задач является создание пользовательского интерфейса для обрезки изображений.

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

Для реализации этого инструмента «с нуля» потребуется много усилий. Избавьте себя от лишней работы: используйте один из бесплатных плагинов, представленных ниже.

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

Каждый веб-разработчик должен знать SQL. Несмотря на то, что SQL появился в 70-х годах прошлого века, он до сих пор широко используется и создать без него какое-нибудь серьезное приложение не представляется возможным. В большинстве современных фреймворков имеются инструменты для работы с SQL запросами. Например, ActiveRecord, Doctrine, Hibernate и другие. Но иногда все-таки приходится «запачкать руки» и написать запрос без применения этих инструментов.

Именно поэтому мы приготовили для вас краткое и четкое введение в основы языка SQL. В этой статье приведены примеры SQL запросов и результат их выполнения.

Нормализация баз данных — очень важное, основное понятие, рассматриваемое в процессе проектирования работоспособной схемы базы данных. Идея нормализации данных была предложена Е. Ф. Коддом в 1972 году, и с тех пор, она стала камнем преткновения при проектировании любой реляционной базы данных. По факту, любая схема, если она работоспособна, должна придерживаться определенных правил. Реляционная схема рассматривается как серия операций, которые проводятся над данными. Таким образом сводятся к минимуму избыточность данных и аномалии при вставке, обновлении и удалении, путем более детального рассмотрения и определения отношений между различными сущностями.

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

За последние годы популярность Git значительно выросла и Git стала одной из самых используемых систем контроля версий. Эта система контроля версий используется программистами при разработке на разных языках в командах любых размеров: от небольших проектов с открытым исходным кодом до огромных кодовых баз, например, таких как ядро Linux.

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

В этой статье мне хотелось бы затронуть тему создания мастера создания сайта. На сайте для разработчиков существует курс «Маркетплейс Bitrix Framework», в котором довольно подробно описывается весь процесс создания мастера.

Информации в нем достаточно, но в процессе изучения этого курса мне захотелось выделить важные моменты, которые я опишу ниже. В итоге получится небольшой конспект по материалам курса. Для примера я решил создать мастер для создания сайта по подготовке к экзамену №1, который основан на курсе академии Битрикс «Интеграция дизайна и настройка платформы».

Некоторое время назад мне была поставлена задача: нужно было при планировании звонка клиенту добавить возможность показа в списке дел на портале Битрикс24 название компании к которой «привязан» клиент. В стандартном решении такой возможности не предусмотрено. Специалисты техподдержки в ответ на мое обращение создали заявку на разработку указанного функционала. Как известно, это может занять довольно много времени, а возможность показа компании клиента в списке звонков нужна уже сейчас, поэтому я не стал ждать и решил эту задачу самостоятельно. Мое решение не претендует на уникальность. Возможно, вы придумаете что-то более оригинальное. Тем не менее, я мне захотелось поделиться им с читателями.