Немного о веб-технологиях
Мой блог содержит заметки о различных веб-технологиях, как клиентских, так и серверных. Здесь будут раскрыты вопросы html-верстки, программирования на javaScript и jQuery,разработки на PHP. Не останутся без внимания популярные системы управления сайтом «1С-Битрикс», Joomla и другие. О работе с ними, я также буду писать.
Мои заметки предназначены в основном для начинающих веб-мастеров. Несмотря на это, опытные разработчики также найдут здесь что-нибудь интересное для себя.
В своем блоге я собираюсь публиковать статьи о современных веб-технологиях (HTML5, CSS3 и других). Если в процессе работы над проектами я открываю для себя «свежее» решение какой-либо задачи, я записываю сюда информацию об этом, что позволяет мне при необходимости применять полученные знания в будущем.
Надеюсь информация будет полезна для посетителей.
Изучаем свойства CSS Grid с Griddy.io
Если вы не отстаете от современных веб-технологий, то вам следует знать о CSS сетках (CSS Grid). Эти свойства являются новыми дополнениями к формату CSS3 и быстро становятся лучшим другом разработчика.
Как создавать сложные макеты с помощью CSS-сетки
Во предыдущей статье мы узнали, как работает CSS Grid и как с его помощью легко создавать простые макеты.
Сегодня мы узнаем, как с его помощью создавать более сложные макеты.
Запрет индексации дублей страниц в компоненте K2 Joomla
Я использую компонент K2 для Joomla уже много лет. Когда я впервые узнал о нем, K2 мне очень понравился: в нем были реализованы возможности, которых в самой Joomla на тот момент не было. В процессе его использования обнаруживались недостатки. Самым главным из них я считаю дублирование страниц. Например, одна и та же статья блога может открываться по разным URL. То же самое касается и страниц со списками статей по тегам и тд.
Добавляем meta-теги на странице со списком элементов по тегам в компоненте K2
Компонент K2 обладает богатым функционалом, связанным с организацией контента на сайте под управлением Joomla. Но на ряду с этим, в нем есть довольно серьезные недоработки. Некоторое время назад я обнаружил одну из них: почему-то на страницах тегов в административной части нет возможности указать содержимое мета-тегов (description и keywords).
Как визуализировать график посещаемости с помощью Google Charts
С помощью API Google Charts можно создавать различные виды графиков и диаграмм: круговые, столбчатые и многие другие. Используя это API вы легко создадите графические отчеты для вашего веб-приложения. В этой статье мы рассмотрим, как с помощью Google Chart API вывести на экран отчет по графику посещаемости. В предыдущем уроке мы рассматривали создание графиков с помощью библиотеки Highcharts.
Создаем RESTful веб-службу на PHP
REST(Representational State Transfer) является архитектурным стилем. Веб-службы, которые придерживаются принципов REST называются RESTful веб-службами. URI в них служат для доступа к ресурсам. В RESTful-терминологии данные и функции называются ресурсами. Поэтому в конечном итоге данные и функции - это то, к чему мы будем обращаться через службы.
Overhang.js - jQuery-плагин для показа выпадающих уведомлений
Насколько раздражают стандартные окна оповещений JS? Они представляют из себя пережиток примитивной эпохи веб-разработки.
Ленивая (lazy load) загрузка изображений с Progressively
Каждый современный сайт должен быстро загружаться. Существует множество методов и плагинов для ускорения загрузки страниц, поэтому вы можете не знать, что использовать сначала.
Скрипт Progressively является отличным инструментом для увеличения скорости страницы. Он является скриптом для отложенной загрузки изображений (lazy load), который загружает изображения постепенно в процессе прокручивания страницы пользователем.
Знакомство с языком SQL за 20 минут
Каждый веб-разработчик должен знать SQL. Несмотря на то, что SQL появился в 70-х годах прошлого века, он до сих пор широко используется и создать без него какое-нибудь серьезное приложение не представляется возможным. В большинстве современных фреймворков имеются инструменты для работы с SQL запросами. Например, ActiveRecord, Doctrine, Hibernate и другие. Но иногда все-таки приходится «запачкать руки» и написать запрос без применения этих инструментов.
Именно поэтому мы приготовили для вас краткое и четкое введение в основы языка SQL. В этой статье приведены примеры SQL запросов и результат их выполнения.
Знакомимся с нормализацией баз данных
Нормализация баз данных — очень важное, основное понятие, рассматриваемое в процессе проектирования работоспособной схемы базы данных. Идея нормализации данных была предложена Е. Ф. Коддом в 1972 году, и с тех пор, она стала камнем преткновения при проектировании любой реляционной базы данных. По факту, любая схема, если она работоспособна, должна придерживаться определенных правил. Реляционная схема рассматривается как серия операций, которые проводятся над данными. Таким образом сводятся к минимуму избыточность данных и аномалии при вставке, обновлении и удалении, путем более детального рассмотрения и определения отношений между различными сущностями.
Контрольный список SEO перед запуском веб-сайта
Если вы серьезно относитесь к присутствию в Интернете, ваш веб-сайт играет важную роль. Однако не все веб-сайты выглядят одинаково. Многие веб-сайты в Интернете выглядят устаревшими, а недостаток возможностей снижает их эффективность для посетителей.
Расширение Chrome: подробный инспектор CSS на любых сайтах
Обычный инструмент для разработчиков в Chrome безумно мощный. Он позволяет глубоко погрузиться в любою страницу, чтобы изучить ее структуру, CSS-стили и даже заголовки HTTP, если это необходимо.
Битрикс CRM - работаем с комментариями в Timeline через API
Один из наших клиентов поставил следующую задачу: нужно чтобы в ленте событий карточки компании CRM был постоянно закреплен комментарий с определенной информацией. Компаний в которые нужно было добавить и закрепить комментарии было немало (несколько сотен). Информация о них по нашей просьбе была предоставлена в виде csv-файла, в котором содержались наименование и идентификаторы сущностей в Б24, а также содержимое комментария.
В этой статье я расскажу, как решал эту задачу. Эта задача, в принципе, оказалась не особо сложная и ее решение не заняло много времени.
Полезные редиректы для сайта
В этой небольшой статье мне хотелось бы поделиться с читателями несколькими полезными редиректами, которые я использовал при решении одной из задач по оптимизации сайта нашего клиента.