От новичка до профессионала

Все кто когда-то писал различного рода CMS от полноценных до простых скриптов галерей, сталкивались с проблемой создания уменьшенных копий изображений или thumbnail`ов на php (в народе известны как “превьюшки”).

Картинки на входе (которые надо уменьшить) могут быть с различными соотношениями между длинной и шириной, а на клиентской стороне скрипта (то, что видит посетитель сайта), задаются фиксированные размеры области вывода. Наша задача заключается в том, чтобы создать из первого – второе с помощью php.

Тут следует упомянуть еще один момент, который будет непосредственно рассмотрен в этот статье. На самом деле способов создания thumbnail`ов на php существует два (еще подскажете еще один, буду признателен):

1. Изменение масштаба изображения (сжатие размеров).
2. Выделение области, которая будет выводиться.

С первым все понятно, так как это самый популярный прием. Второй же случай встречается реже и не является автоматическим (нужно чтобы человек выделил область, из которой будет делаться превьюшка).
Читать далее »

В одной из прошлых статей я рассматривал, как можно перевести форму комментирования на Ajax. Сегодня мы пойдем еще дальше и добавим еще один наворот к нашей форме комментирования

А именно - редактор для добавления комментариев, чтобы пользователи могли использовать некоторые html-теги в своих комментариях.

Много редакторов я перепробывал (даже spaw и fcke). Некоторые их них слишком тяжеловесны и многофункциональны (даже свои файловые менеджеры имеются), в то время как для комментария будет достаточно только базовых функций форматирования.

Лично я остановился на jquery-редакторе под названием markItUp. Он использует библиотеку jquery и поэтому очень легкий, но в то же время очень технологичный и функциональный.
Читать далее »

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

Каждый день появляются все новые виды ресурсов вроде социальных сетей и других интерактивных сервисов, где нужно регистрироваться, оставляя свои пароли.

С ростом числа сервисов, которыми пользуется человек, растет и количество паролей, которые он применяет при регистрации (если он не использует один и тот же во всех случаях). Хранить большое кол-во паролей в голове – дело непростое для неподготовленных пользователей, поэтому решается такая проблема в большинстве случаев путем генерации легкозапоминающихся паролей. Между тем, большинство пользователей и не подозревает, чем это может обернуться для них в случае неблагоприятного развития событий.

Ладно, не буду ходить вокруг да около и перейду все-таки к теме В этой статье я рассмотрю один прием, с помощью которого можно напоминать вашим пользователям о безопасности. А именно - добавлю в форму регистрации индикатор стойкости пароля на ajax.
Читать далее »

Не так давно я наткнулся на статью, где обсуждалась тема безкликовых интерфейсов вообще и сайтов в частности. Суть этих интерфейсов в том, как вы уже догадались, что для навигации с их помощью по сайту не нужно делать кликов мышкой. Как это возможно спросите вы? Посмотрите здесь https://www.dontclick.it – скажу вам я

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

Кстати говоря, технология эта уже стара как мир (ну может чуть моложе ) ), чему я был удивлен, так как никогда раньше не сталкивался с ее применением где-либо.
Немного поразмыслив, я все же нашел в ней несколько минусов, которые видимо и помешали ей найти широкое применение до сих пор. Во-первых – технология программирования и вообще создания таких интерфейсов не проработана (легко ли сделать такую навигацию как на dontclick.it без флэша? ). Во-вторых, чтобы навигацией было более-менее легко пользоваться, ей нужно выделить много пространства на экране (иначе легко будет навести курсор на нежелательные места).
Читать далее »

За все время мы обратились уже ко многим областям веб-разработки по отдельности. Сегодня начнем их совмещать. В этой статье, я приведу пример того, как можно совместить знание ajax и wordpress`а, и получить в результате форму комментирования для вашего блога на ajax.В качестве инструментов мне понадобиться только библиотека JQuery и плагин к ней для работы с формами.

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

Сперва нужно создать каталог с именем js внутри папки с темой. В него положить два файла:

1. Файл библиотеки jquery.js (https://jquery.com)
2. Плагин jquery для работы с формами. (https://malsup.com/jquery/form/)

Теперь подключим эти два файла внутри шаблона header.php нашей темы. Для этого добавим туда пару строк:

<script src="<?php bloginfo('template_directory'); ?>/js/jquery.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/js/form.js" type="text/javascript"></script>

Читать далее »

Ну вот, наконец, и добрался до темы AJAX`а. Начну с определения. AJAX (от англ. Asynchronous Javascript and XML — «асинхронный JavaScript и XML») – это технология асинхронной передачи данных между браузером и сервером. Асинхронность подразумевает передачу данных без перезагрузки страницы. Другими словами, Вы можете реагировать на действия пользователя более оперативно, что сделает Ваше приложение более интерактивным. Например, в форме проверки логина на занятость, проверку можно выполнить сразу, после того как введен логин, не перезагружая страницу (я думаю все уже встречались с таким).

Прежде чем перейти к примерам, еще немного расскажу про способы передачи данных… В названии AJAX`а упоминается XML, хотя в настоящее время, для асинхронной передачи данных он используется не так часто (в чистом виде, по крайней мере). Помимо XML, используют HTML (технология называется AJAH), HTML+HTTP (AHAH) и Javascript + JSON (AJAJ).

Примеры я буду приводить на javascript Фреймворке – jQuery, о котором я писал в одной из предыдущих статей. jQuery поддерживает все три вида асинхронной передачи данных.

Для работы с AJAX в jQuery есть много функций, но основными являются .get() и .post().
Читать далее »

Я хоть и не очень долго занимаюсь веб - программированием, но за этот период javascript меня порядком достал. На то есть несколько причин: во-первых – очень сложно написать средних размеров код, который бы работал во всех браузерах одинаково и нормально. Во-вторых – для решения относительно простых задач нужно писать слишком много кода (что непривычно для меня как программиста на php ).

Так вот, недавно я набрел на популярную библиотеку scriptaculus (https://script.aculo.us/). Вещи, которые можно сделать в несколько строк с помощью этой библиотеки меня поразили, и я начал активно ее применять везде, где только мог. Но чуть позже я уже столкнулся с другой библиотекой, которую считают еще лучшей, чем скриптакулус.

Я говорю про библиотеку, jQuery (или javascript Фреймворк как ее называют).
Официальный сайт библиотеки – jquery.com. После копания в эту сторону я начал чувствовать, что jquery де-факто является стандартом для написания javascript`ов.
Чтобы не быть голословным, в этом посте я приведу краткий обзор этой библиотеки, которая навсегда должна изменить ваше отношение к javascript и дать вам возможность делать такие вещи, которые раньше были доступны только профессионалам.
Читать далее »