Архив

Архив раздела ‘Веб-разработка’

Подводные камни UTF-8

25 Август 2010

Все прекрасно знают, что w3c рекомендует вовсю использовать utf-8.
Но рекомендации на то и рекомендации, что их можно и не выполнять, и как показывает практика иногда их даже стоит избегать.
Читать далее…

Веб-разработка , , , ,

Используем CDN для популярных скриптов

22 Август 2010

Итак, одним из способов ускорить загрузку страниц, является разнесение скриптов на CDN(content delivery network) то есть на распределённые сервера, прелесть в том, что они же могут быть закэшированы у пользователя при заходе на другие сайты, и могут вообще не загружаться, а грузиться из кэша браузера.

Наглядный рисунок Одноточечной доставки контента (слева) и доставка средствами CDN (справа)

cdn

автор - Kohana


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

Веб-разработка , , , , , , , , ,

Замена Lightbox и prototype на Colorbox и jquery

22 Август 2010

Почти с самого начала в моём блоге стоял плагин для вордпресса — Lightbox 2.
И вроде всё устраивало в нём, на тот момент был самым функциональным…
Но время шло… и всё больше я приходил к пониманию, что к jquery — душа у меня лежит больше… а тут и всевозможные примеры на jquery и на сайтах которые делаю, тоже jquery использую… а на своём собственном блоге… почему-то prototype и Дшпреищч, притом захотелось прикрутить движущиеся социальные сети и закладки прикрутить… а писать плагин под прототип не хотелось… хотелось jquery.
Само-собой грузить две библиотеки — неблагодарное дело. Стал искать варианты.
Читать далее…

Веб-разработка , , , ,

Конкурс 10K Apart и 3000$

20 Август 2010

Для тех кто не знает, конкурс 10К Apart — это конкурс для веб-разработчиков. Заключается он в том, что вам необходимо создать приложение общий размер ресурсов которого, не должен превышать 10 килобайт: разметки, скрипты, стили, картинки и прочее. При этом вы можете использовать такие библиотеки как: jQuery, Prototype и Typekit с CDN и их размер не будет засчитываться в общий размер приложения.

Приложение по условиям конкурса должно быть совместимо со стандартами HTML5 и работать в IE9 Preview 3, Firefox и браузерах на базе Webkit.

Победитель получит $3000, регистрацию на мероприятие An Event Apart в следующем году и книгу HTML5 for Web Designers.

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

Оцените, как ребята смогли уложиться в 10К ), о создании этого приложения и его оптимизации они написали на хабре.

Хотя конечно не могу не отметить, что кроме этой игры-приложения, есть тоже достойные кандидаты вроде — jigsaw(пазла), покера, странная смесь арканоида с galaxy, игра в стиле «мудрый крот», линии(куда уж без них). Не надо думать, что в приложениях есть только игры, просто создание хорошей игры, в отличии от остального, в рамках такого конкурса, на мой взгляд, задача повышенной сложности.

Мне даже попалась игра «черепашка» (кто застал в своих школах компьютеры «электроника», должны помнить LOGO — по ней многие изучали основы программирования, классика линейного программирования и использование циклов: рисование ей всевозможных фигур, с помощью команд вперёд, поворот, цикл и т.п., и черепашка хвостиком выводила линии), ностальгия одним словом)

Веб-разработка, Финансы , ,

Joomla 1.5 Ошибка — JFolder::files: Path is not a folder

6 Август 2010

Если вдруг у вас появилась ошибка:

JFolder::files: Path is not a folder

в админке Joomla, скорее всего дело в том, что вы потеряли какую-то папку, и Джумла на это вот так ругается.

У меня такая ошибка всплыла когда я удалил из папки /images/ папку /stories/, которая завязана на материалы, разделы и категории.

Если у вас проблема в другом, просто
1. перезалейте джумлу без конфигурационных файлов и папки installation
2. проверьте права на папки по фтп

Веб-разработка , ,

Сессии в Joomla 1.5

При разработке например интернет-магазина, корзины покупок, авторизации и т.п. типичных задач, где нужно хранить какие-то временные переменные без сессий практически не обойтись…
Сессия? это ещё не самое страшное
Давайте разберёмся, что же предлагает джумла для разработчика и для чего они вообще нужны эти сессии?

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

Веб-разработка , , ,

Подключение сторонних скриптов в Joomla 1.5

Итак, создаёте вы очередной компонент для Joomla 1.5 и вам понадобился мультиаплоад картинок, ресайз, кроп, эффекты…

Ну готовый компонент с такими условиями… вы вряд ли найдёте…

Что будете делать? С нуля писать всё на php в моделе?

Конструктор

М… а может проще найти… готовый php-класс с таким функционалом и прикрутить к Joomla?

Ну наверняка есть же скрипт который это делает… и о да, есть:
Читать далее…

Веб-разработка , , , ,

Делаем jQuery дружелюбным к другим фреймворкам.

В некоторых проектах, в том числе на Joomla, возникает ситуация использования нескольких JavaScript-фреймворком, наприvth mootools и jQuery.

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

в jQuery для обхода данных ситуаций достаточно использовать метод noConflict:

После подключения jQuery, добавьте вызов метода:

<script type="text/javascript">jQuery.noConflict();</script>

Ну а дальше в скриптах для jQuery используйте вместо $ полное имя jQuery.
А для mootools оставляйте $.

И ещё раз позволю себе напомнить вам, что лучше в проекте всё-таки стараться обходиться одним javascript-фреймворком.

Веб-разработка , ,

Скрипт обновления браузеров на своём сайте

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

Всё что требуется вставить в конец документа перед закрывающимся тегом body:

 

Подключение нашего скрипта:

<script type="text/javascript">
if (document.cookie.indexOf('noBrowserUpdate=1') == -1) document.write(
'</script><script type="text/javascript" charset="utf-8" src="http://arty.name/browser-update/browserUpdate.js">');
</script>

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

Веб-разработка , , ,

Небольшой обзор Joomla 1.6 beta 3

Что ж, раз уже вышла 3-я бетта-версия Joomla 1.6, решил всё-таки пощупать, что в ней появилось нового.

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

Больше конечно порадовала административная часть: Наконец-то в медиа-менеджере заработал мульти-загрузчик на флэше. Хотя почему нельзя сделать сразу же мульти-загрузчик без флэша? Загадка. Посмотрите например реализацию noSWFUpload.

Второе, что наконец-то сделали, так это создание материала/статьи/articles без обязательного указания категории и раздела.

Третье, это появление в настройках SEO: Unicode Aliases (т.е. урл-страницы может быть например написать по-русски, типо такого: site.ru/о-нас) и Add Site Name to Page Titles(добавлять название Сайта в Тайтл страницы)

Версия визуального редактора tiny_mce вместо 3.2.6 стала 3.2.7, хотя последняя версия tiny_mce — 3.3.7
Появился ещё один редактор codemirror заменивший xstandard, в целом неплохой тектовый-редактор с подстветкой синтаксиса html-кода.

Появилась кнопка save&new, для удобства создания нескольких статей подряд.
Так же появилась кнопка Articles в визуальном редакторе, позволяющая за пару кликов удобно вставлять ссылки на прежние статьи в новую статью.

В настройках появилась конфигурация прав юзер-групп: Администратор, редактор, пользователь и т.п.
Также появился новый User Manager — в нём можно добавлять и удалять Категории пользователей, добавлять и удалять права, присваивать определённые права определённым категориям пользователям.

Также появился Redirect Manager — позволяющий создавать ссылки переходов(редиректов), например можно создать внутреннюю ссылку, которая будет редиректить на внешнюю ссылку.

Ну вот наверное и всё, что чисто визуально бросилось в глаза. Удачи!

Веб-разработка, Новости ,

Rambler's Top100 Яндекс цитирования SafeSurf Rated