Как создать свой API на сайте

      Комментарии к записи Как создать свой API на сайте отключены

Не так давно один из моих посетителей мне задал вопрос по e-mail: «Как создать свой API на сайте?«. Я решил, что это будет весьма полезно другим пользователям, тем более, что на кажущуюся сложность процесса, всё очень и очень просто. Необходимо лишь обладать самыми элементарными знаниями PHP. Если Вы вдруг не понимаете, о чём идёт речь, то прочитайте сначала статью: что такое API. Идём дальше. Давайте разберём, а для каких сайтов нужен вообще API: Социальные сети (Facebook и другие). Здесь требуется API для получения информации о различных данных пользователя: его друзьях, личных сообщениях и прочей информации. Почтовые сервисы (например, mail.ru). В первую очередь, для получения писем. Иногда для отправки. Различные сервисы для создания Интернет-магазинов. Например, получить список новых заказов или список всех товаров в заданной категории. И много-много других сайтов. Первое, что необходимо усвоить — это то, что API нужен далеко не каждому сайту (даже если он принадлежит одной из вышеуказанных… Читать далее »

Как запретить скачивание изображений с сайта?

      Комментарии к записи Как запретить скачивание изображений с сайта? отключены

Скажу сразу — 100% защиты нет, но Можно максимально Усложнить жизнь тем, кто ворует или использует url изображений. Вот несколько способов защиты: 1) При помощи Java Script. При помощи JS блокируем возможность вызова правой кнопкой мыши на изображении меню с Сохранить изображение. Как вариант против неопытных пользователей подходит. <img src=»image.jpg» oncontextmenu=»return false;» /> 2) Состоит в том, чтобы спрятать изображение и отобразить его в качестве background (фона) через стили. Его опять же можно скачать, но только просмотрев CSS-запись, а после введя соответствующий url в строку ввода адреса. Это уже существенно усложнит жизнь тем, кто скачивает Ваши изображения! Код CSS. Создаём класс со скрытым изображением .background {background: url(‘img.jpg’) no-repeat; width: 150px; height: 150px;} и код HTML. Вставляем в соответствующее дял изображение место. <div class=»background»></div> <!— скрытое изображение —> Можно стили сразу в div прописать <div style=»background: url(‘img.jpg’) no-repeat; width: 150px; height: 150px;»></div> 3) Данный способ защитит от того, что url Вашего изображения используют на другом сайте, то есть прописывают адрес изображения Вашего сайта, а отображается оно у них. Такое явление называется —хотлинком. Как результат,… Читать далее »

Параллакс-эффект на чистом CSS

      Комментарии к записи Параллакс-эффект на чистом CSS отключены

В этой статье показано, как с помощью CSS-трансформаций, перспективы и небольших хитростей с масштабированием сделать параллакс-эффект на чистом CSS. Параллакс чаще всего делается на JavaScript, и почти всегда он реализован плохо: отлавливается событиепрокрутка, изменения в DOM вносятся напрямую в обработчике и вызываются лишние перерасчёты и перерисовки. Всё это происходит асинхронно с потоковым рендерингом браузера, в результате чего некоторые кадры пропускаются и эффект выглядит прерывистым. Впрочем, это не так уж страшно —requestAnimationFrame и отложенное обновление DOM позволяют управлять внешним видом сайтов с параллакс-эффектом. Но что если вы могли бы совсем не зависеть от JavaScript? Перенос параллакс-эффекта на CSS избавит вас от упомянутых проблем и позволит браузеру положиться на аппаратное ускорение — почти всё будет обрабатываться компоновщиком. В результате вы получите согласованную частоту кадров и гладкую прокрутку страницы. Кроме того, можно сочетать этот эффект с другими CSS-приёмами, такими как медиавыражения и поддержка CSS-свойств. Как насчёт отзывчивого параллакс-эффекта? Теория Прежде чем говорить о принципе работы, давайте выполним базовую разметку: <div class=«parallax«> <div class=«parallax__layer parallax__layer—back«> … </div> <div class=«parallax__layer parallax__layer—base«> … </div> </div> А вот основные стили: .parallax { perspective: 1px; height: 100vh; overflow-x: hidden; overflow-y: auto; } .parallax__layer { position:… Читать далее »

Как установить код sape на сайт, написанный на HTML?

      Комментарии к записи Как установить код sape на сайт, написанный на HTML? отключены

Тут могут быть два различных вариата: Ваш хостинг поддерживает PHP.В этом случае, вам нужно заставить html-страницы обрабатывать PHP-код, который выводит ссылки. Для этого достаточно прописать в файле .htaccess (он должен находиться в корневой директории сайта) следующую строку:AddHandler application/x-httpd-php .php .htm .htmlЕсли файла на вашем хостинге нет, то его можно создать в блокноте и закачать в корень сайта. Если этот способ не сработает, уточните у хостера, что Вам нужно прописывать в файле .htaccess для того, чтобы html-страницы обрабатывали PHP код. Если у вас получилось заставить html страницы обрабатывать PHP код, то дальше вам следует выполнить инструкции по размещению кода описаные здесь. Ваш хостинг не поддерживает PHP. У вас статический сайт без языков программирования.В этом слечае вы можете размещать ссылки по FTP. Ссылки будут размещаться роботом автоматически.Для этого вам нужно будет в настройках своей площадки указать реквизиты ФТП-доступа к сайту. Подробную инструкцию по работе со статическими сайтами читайте на форуме в соответствующей теме. Статья… Читать далее »

Выпадающее меню на CSS

Люди часто используют JavaScript, чтобы сделать выпадающее меню. Но на самом деле это можно сделать на чистом CSS. И в этом уроке вы узнаете, как это сделать. Принцип работы Для начала, чтобы вы поняли принцип работы выпадающих элементов, разберём простой пример. Возьмём простой html-код для работы: 1 <div class=»example_shown»>Наведи на меня курсор &gt; <div class=»example_hidden»>я — скрытая часть</div></div> и применим к этому коду такие стили: .example_shown { display:inline-block; } .example_hidden { display:none; } .example_shown:hover .example_hidden { display:inline-block; } Наведи на меня курсор > В css мы скрыли нужную часть текста, изменив его отображение на display:none;. При наведении курсора (:hover) на родительский элемент .example_shown у дочернего элемента .example_hidden меняется тип отображения на видимый. По такому принципу и строятся выпадающие меню. Создание выпадающего меню Теперь займёмся реализацией самого меню. Для его организации воспользуемся тегами списков ul и li 1 2 3 4 5 6 7 8 9 10 11 12 13 14… Читать далее »

Псевдоклассы в CSS

Ну кто из нас не знает, что такое псевдоселекторы (или псевдоклассы) в CSS? Да-да, это то, что обычно пишут после селектора через двоеточие. Самые известные псевдоклассы это :link, :hover, :visited и :active. Такие конструкции в CSS, как правило, можно встретить в каждом файле стилей, но их использование ограничивается лишь описанием состояния ссылок и не более того. В общем, тема псевдоселекторов еще не обсуждалась на нашем сайте, так что самое время приступить 😉 Итак, как я уже сказал, веб-разработчики используют псевдоклассы в основном для задания стилей ссылок, например :link для непосещенной ссылки, :hover для ссылки при наведении, :active для нажатой и удерживаемой ссылки и :visited для посещенной. Кстати, у нас есть отличная статья про оформление ссылок, рекомендую.Идем дальше. Как вы думаете, сколько, помимо этих четырех, существует псевдоклассов? :first-child, last-child? Кто еще? Все? А на самом деле всего их 33. Рассмотрим все детально. Название и назначение псевдоклассов :link — отвечает за стили непосещенной ссылки;… Читать далее »

Уникальная сеть контекстной рекламы с оплатой за клик Tak

Уникальная сеть контекстной рекламы с оплатой за клик Tak предлагает свои услуги. Рекламодателю: Геотаргетинг, тематический таргетинг, таргетинг по времени, объемам, качеству трафика и площадок, виду хостинга (платный/бесплатный) и др. Желаете получить 100 посетителей с сайтов, ориентированных на бизнес, только из Москвы между 10:00 и 17:00 часами и только в будни? Здесь это возможно. Чрезвычайно низкие начальные ставки за клик. Минимальная цена за одного посетителя составляет всего 5 копеек. Это означает, что за 1 долл. ваш сайт посетят около 800 человек. Полный автоматический и ручной контроль над качеством трафика, полноценный таргетинг начинаются при ставках от 30 коп. за клик. Ваши риски минимальны. Бюджет рекламной кампании ограничен только выбранной вами стоимостью клика. Для получения 1 посетителя при ставке за клик в 10 коп. достаточно пополнить баланс на 10 коп. Сервис работает более десяти лет (в базе WHOIS с 2001 г.). Ввод и вывод денег через Webmoney автоматизированы, WMID имеет высокий BL: Трафик… Читать далее »

Тизерная рекламная сеть Direct/ADVERT

Direct/ADVERT — крупнейший онлайн-сервис для привлечения целевых посетителей на сайт с оплатой за переход или действие. Это хорошо зарекомендовавший себя инструмент, стимулирующий продажи любых видов онлайн-бизнеса, а также позволяющий зарабатывать на собственном сайте. Direct/ADVERT создан ЗАО «Поисковые технологии» в 2010 году, в настоящее время входит в тройку лидеров тизерно-рекламных сетей Рунета. Ежемесячный охват аудитории Direct/ADVERT составляет более 140 млн. человек и продолжает расти. Direct/ADVERT уже много лет сотрудничает с такими топовыми сайтами Рунета, как vesti.ru, mail.ru, rambler.ru, utro.ru, mk.ru, ria.ru, topnews.ru и другими. Компания «Поисковые технологии» была создана в 2004 году компанией «Ашманов и Партнеры» и инвестиционным холдингом «Финам» с целью создания качественно новых сервисов поиска информации. Другими продуктами компании являются тематическая тизерная сеть «DriveNetwork», а также новостной агрегатор «Новотека». Сайт компании:https://www.directadvert.ru