Всем добрый день. Давно не писал в блог, больше чем пол года. За это время многое успело случиться, я успел немного пересмотреть свои взгляды на жизнь, на работу и свои планы на будущее. Пока я отсутствовал на блоге ( не писал, но старался ответить на все вопросы в комментариях), блог на удивление подрос в плане посещаемости, количества читателей и что самое интересное, ТИЦ блога стал 10 (08.04.2010), несмотря на то, что на блоге более 6 месяцев не появилось ниодной статьи, за все время существования блога ( с марта 2009 г.) не было куплено ниодной ссылки, нисделано ниодного прогона. Короче говоря это все естественно и это не может не радовать.
А теперь к сути поста.
Сегодня была анонсирована новая биржа ссылок TrustLink от SeoPult, которая возможно станет серьезным конкурентом небезызвестной SAPE.ru. Пока ресурс находится на стадии бета тестирования, но уже доступны все функции для вебмастеров. Основное преимущество биржи заключается в гарантированном выкупе ссылок благодаря фильтрам SeoPult, по заверениям разработчиков системы – 60% ссылок раскупятся за 2 недели. Вполне вероятно, сайты из биржи станут новой белой базой SeoPult, так как в систему принимаются только качественные площадки, не участвующие в других биржах и с минимум тИЦ 10. А так как будет хороший постоянный спрос, то и цены будут выше.
CSS - один из сымых мощных инструментов, для веб-дизайнеров и разработчиков web-сайтов и приложений (если не самый мощный). С его помощью мы можем полностью преобразовывать внешний вид сайта всего за пару минут. Но, несмотря на тот факт, что все мы хорошо осведомлены о его полезности, CSS селекторы до сих пор не используются в той степени, которую заслуживают, и мы иногда перегружаем наш HTML чрезмерным количеством ненужных классов и идентификаторов, div’ами и span’ами.
Лучшим способом избежать этого в нашей разметке и держать семантически чистым наш HTML, является использование более сложных CSS селекторов, те, которые могут ориентироваться на конкретные элементы, без необходимости назначения им классов или идентификаторов, и наш код, и наши стили будут более гибкими.
Из всех элементов веб дизайна и кодирования, htaccess - один из самых пугающих. Как бы там ни было, это - невероятно сильный инструмент, у которого есть потенциал, но он также может полностью сломать Ваш сайт, если Вы допустите оплошность.
Ниже дюжина подсказок, которые помогут Вам использовать htaccess в своих корыстных благих целях. Они не такие страшные, как многие предполагают, и если Вы потратите на изучение хотябы несколько минут, я уверен, что Вы быстро схватите, как они работают и почему.
После подсказок поговорим о 8 самых распространенных ошибках. Что ж, начнём?
Современные сайтостроители не могут себе позволить обычный способ загрузки файлов с помощью поля <inputtype=”file” />. Он морально устарел по нескольким причинам:
Можно загрузить только один файл.
Требует перезагрузки страницы.
Тяжело настроить его внешний вид.
Требуется инструмент, который обладал бы следующими качествами:
Легко подключаемый.
Легко настраиваемый как функционально, так и визуально.
Загрузка нескольких файлов.
Прогрессбар (показ процесса загрузки).
Кроссбраузерность (работоспособность во всех современных браузерах).
FancyUpload - позволяет загружать несколько изображенийбез перезагруки страницы, показывает прогресс. Покажу скриншоты с сайта, над которым сейчас работаю.
1. Вот так он, собственно выглядит на моём сайте… Жмём на ссылку для выбора файлов, подлежащих загрузке.
ajax - upload файлов
2. Выбираем файлы , можно даже несколько одновременно. Жмем открыть.
ajax - upload файлов
3. Появляются превьюшки с названиями и размеромфайлов, которые загружаем и это при том, что мы их ещё не загрузили! Жмем загрузить фотографии.
ajax - upload файлов
4. Начинается загрузка файлов. Два прогрессбара. Первый показывает общий прогресс, второй - файла, который грузится в данный момент.
ajax - upload файлов
5. Если Вы внимательно разглядывали картинки, то, наверное заметили ссылку очистить список. В версии, которую я “затачивал” под себя она без перезагрузки страницы удаляет список загрузок и соответствующие ему файлы на сервере.
В моей реализации при загрузке создаются три копии картинки :
Иконка (20px*Xpх)
Миниатюра (150px*Xpx)
Большое изображение(600px*Xpx)
Ресайзятся пропорционально. Исходное изображение тут же удаляется. Этим я “предохраняю” сервер от неоправданно больших и “тяжелых” изображений.
На миниатюру и большое избражение вставляется водяной знак.
С помощью FancyUpload’а можно загружать файлы размером до 2Гб!
Также загрузчик ведет свой лог, в который всегда можно подсмотреть в случае возникновения ошибок.
Скачать иходники Вы можете на сайте разработчиков, приведу только php-функции, необходимые для создания миниатюр изображений, нанесения водяных знаков на изображения и удаления исходного изображения.
1. imageresize - ресайзит изображение пропорционально, наносит водяной знак на получившееся изображение.
// $outfile - путь к файлу, который получится после преобразования
// $neww - ширина в px, к которой преобразуем
// $infile - путь к файлу, который преобразуем
// $quality - качество изображения в %
// вызов функции выглядит примерно так:
//
// imageresize("images/out_image.jpg",150,"uploads/image.jpg",100);
//
function imageresize($outfile,$neww,$infile,$quality) {
$im=imagecreatefromjpeg($infile);
$newh=$neww*imagesy($im)/imagesx($im);
$im1=imagecreatetruecolor($neww,$newh);
imagecopyresampled($im1,$im,0,0,0,0,$neww,$newh,imagesx($im),imagesy($im));
if($neww>=140)//добавляем водяной знак на изображения больше среднего размера
{ //путь к изображению с водяным знаком
$image_logo = "../../../images/logo.png";
$im_logo = imagecreatefrompng($image_logo);
imagecopy($im1, $im_logo, 0, 0, 0, 0, 150, 25);
}
imagejpeg($im1,$outfile,$quality);
imagedestroy($im);
imagedestroy($im1);
}