Обновить
363.32

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

Делаем веб лучше

Сначала показывать
Порог рейтинга
Уровень сложности

Немного практики: «горячие клавиши» средствами jQuery

Время на прочтение4 мин
Количество просмотров11K

Предисловие



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

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

Правда? И как же?

Динамический Favicon

Время на прочтение1 мин
Количество просмотров5.9K
Небольшое эссе о том, как менять Favicon без перезагрузки страницы.

Недавно перед нами стояла задача как динамически менять Favicon без перезагрузки страницы. Решение «в лоб», т.е. замена значения href у favicon link ничего не дала, пришлось крепко задуматься и начать пробовать все возможные альтернативные варианты. Сработал способ пересоздания ноды link в документе. Это удалось заставить работать везде, кроме Internet Explorer. Есть подозрение, что ему не нравится имя файла с иконкой или его формат (PNG).

собственно, код

Веборуб 2008 Ice — первая НЕконференция

Время на прочтение1 мин
Количество просмотров574
Веборуб 2008
8 февраля в подмосковном Бекасово откроется «Неконференция» профессионалов веб-разработки ВЕБОРУБ Ice 2008. Самое приятное — на полный двухдневный марафон (проживание, питание) цены снижены вдвое, а однодневное участие и вовсе бесплатно! (читай — бесценно!)

Формат «Неконференции» отличается от обычных конференций тем, что здесь отсутствуют доклады в традиционном их понимании и всё мероприятие состоит лишь из общения носителей знаний «в кулуарах» и небольших 10-15 минутных мастерклассов.

Важный момент — полный запрет на спонсоров, поэтому никаких рекламных презентаций — только опыт, опыт и ещё раз опыт.

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

Это значит, что если вас ещё не пригласили, то вы можете обратиться за рекомендацией самостоятельно к другим веборубам.

jQuery обновилась до версии 1.2.2

Время на прочтение1 мин
Количество просмотров706

14 Января, 2008г. вышел очередной релиз популярной javascript библиотеки, которой я пользуюсь уже почти год. Хабр насчитал 45 хабратопиков по слову jQuery, поэтому, тем кто не знает что это за магия — рекомендую ознакомиться.

Этот релиз не привносит ничего революционного (вспомните релиз версии 1.2), а лишь насчитывает около 100 багфиксов, несколько улучшений и парочку feature requests. Подробнее можно посмотреть на баг-трекере

p.s. Видимо не только я один воспринимал новогодние праздники как способ эффективно заняться своими проектами…

Lightwindow — функциональный клон Lightbox

Время на прочтение1 мин
Количество просмотров2.2K

Основное отличие от оригинала в том, что Lightwindow позволяет просматривать не толко картинки, но и практически все что угодно:
  • Media: Movies, Flash (с «подгонкой» под размер окна), PDF..
  • Веб страниц (включая, по внешней ссылке)
  • Формы
  • … любой веб-контент
Читать дальше →

А все таки — нужна ли полная кросс-браузерность?

Время на прочтение2 мин
Количество просмотров2.1K
Всякий раз, когда начинаю переделыватть дизайн сайта, натыкаюсь на одни и те же грабли: делаю красивый, лаконичный HTML, к нему красивый, лаконичный CSS, гляжу в FireFox, гляжу в Opera — все супер. Гляжу в IE… И произношу фразу состоящую из сплошной ненормативной лексики. Или две фразы… Думаю, очень знакомое местной тусовке чувство.

Обычно, на всех дизайнерских сайтах, на сей счет написана стереотипная фраза: это проблемы веб-программиста, а не клиента, нужно делать кросс-браузерный код любыми усилиями!

Но, давайте проведем аналогию:
Читать дальше →

Lightview — очередной превьювер изображений

Время на прочтение1 мин
Количество просмотров3.8K


Нашел вот такой вот превьювер для изображений, написанный на javascript'е c использованием библиотек Scriptaculous и Prototype.

Переводить не хочу, на сайте все прекрасно и просто описано, вообще принципиальных отличий от всякий Lightbox'ов я не увидел, разве что края закругленные. И еще — это чудо использует Canvas и VML для прорисовки изображений.

В любом случае — может кому и пригодиться. Удачи!

www.nickstakenburg.com/projects/lightview

Blitz Templates

Время на прочтение2 мин
Количество просмотров3.9K


Blitz Templates — быстрый и удобный шаблонизатор для крупных интернет-проектов, разрабатываемых на php. На первых порах может быть не совсем очевидно, зачем нужен Blitz для php, в то время, когда этот язык, по сути дела, и есть шаблонизатор, только весьма навороченный.

Читать дальше →

Ссылки доверия

Время на прочтение2 мин
Количество просмотров774
Уточнение. Эта… хмм… статья была изначально опубликована в моём личном блоге и хорошенько там поднялась, получив несколько приятных отзывов. Теперь благодаря наличию позитивной кармы я переношу статью в общественный блог, так как мне интересны мнения тех многих людей, которые её ещё не прочли. Если я сделал что-то нехорошее, минусуйте конечно, но только объясните что именно. Заранее спасибо )

Описание проблемы
Если кратко, то проблема описывается так: хочется откомментить или посмотреть, но нельзя. Допустим мне прислали ссылку на статью/пост/комментарий с вопросом «А ты что думаешь об этом? Откомменть, поддержи меня!» Перейдя по ссылке я вижу что-то вроде «Дорогой посетитель, ты этого не увидишь/не откомментишь потому что ты не зарегистрирован. Иди-ка ты… зарегистрируйся.»

Как девелопер прекрасно понимаю администрацию сайта, никому не хочется разгребать горы спама или анонимного мусора в комментах. С другой стороны, что делать, если ресурс меня мало интересует, но тема достойная?

Читать дальше →

Векторизация растровых логотипов

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

В любом случае, для всех, кому было необходимо векторизовать изображение (отсканированное, сфотографированное).

VectorMagic — онлайн векторайзер. По качеству результата, превосходящий оффлайновые standalone приложения такие как Adobe Streamline и Corel.

Этот сайт был разработан двумя энтузиастами из Лаборатории Искусственного Интеллекта Стэндфордского Университета (James Diebel & Jacob Norda).

Они разработали воистину хороший стартап(?), который имеет отличное качество векторизации. В общем, судите сами.

UPD: так как такая тема оказывается уже была, я хотел бы узнать, существую ли программы, по качеству лучше чем Adobe Streamline и Corel, для оффлайновой векторизации изображений? А то я таких не находил.

Бойтесь браузеры — ACID 3 грядет!

Время на прочтение1 мин
Количество просмотров871
John Resig опубликовал в своем блоге предварительную информацию об ACID 3 и первые скриншоты для разных браузеров. Тест стал сложнее и теперь можно увидеть не только изображение, но и численную оценку качества браузера (эталонное изображение):

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

jQuery для верстальщика (часть 2): вкусные меню

Время на прочтение3 мин
Количество просмотров4.9K
Это вторая статья о jQuery, которая будет интересна, прежде всего, начинающим пользователям этой библиотеки. В этой статье, с практической точки зрения, речь пойдет о подсветке текущего элемента меню на стороне клиента. А прочитав статью, вы поймете, как делать более сложные выборки и цепочки запросов.

Читать дальше →

Иллюзии XML/XSLT технологий

Время на прочтение7 мин
Количество просмотров3.8K
Иногда в компьютерном мире происходят всплески интереса к той или иной технологии. Всплески не случайные, а явно поддержанные производителями этих технологий. Это и не удивительно, ведь сложно продавать одно и то же, проще продавать что-то новое или старое, но названное иначе. Ничто так хорошо не продается, как функция, которой нет в прошлой модели. Почему так устроен потребитель? А мнение потребителя банально эксплуатируется, ему просто навязывается желание. Крупные производители ПО очень часто исчерпывают рынок сбыта и нуждаются в постоянной смене технологий для того, чтобы продать обновления и просто увеличить цены на программы. Ну и проще отстраиваться от конкурентов, заверяя, что у нас лучшие и новейшие технологии.

Так случилось с XML. Ведь XML — это, в общем-то, ничего нового. XML — это упрощённое подмножество языка SGML, который берет свое начало еще в GML 1960 года выпуска компании IBM. XML, по сути, просто стандартизировал формат обмена информацией и все.

Но случилось чудо, мы получили XML и появился объект для рекламы и производители начали на каждом углу заявлять, что у них уже и базы данных с XML и вообще все пропитано XML.
Читать дальше →

Ближайшие события

Работа с командной строкой в Windows

Время на прочтение2 мин
Количество просмотров13K
Время от времени при прочтении статей о программировании или мануалов к каким-нибудь разработкам приходится сталкиваться с необходимостью выполнить код из кодмандной строки, например
php -r 'echo "Hello, world!\n";' или svn checkout asido.googlecode.com/svn/trunk asido-read-only.
Как правило, такие команды выкладывают разработчики, которые работают в линукс или других unix, в которых они могут быть выполнены без каких бы то ни было дополнительных действий. Разработчику, который работает под виндовс для того, чтобы выполнить этот код, приходится его творчески перерабатывать, например указать полный путь к php.exe или создать рабочую копию проекта через привычный GUI, скопировав путь к репозиторию в буфер обмена.
Читать дальше →

jQuery для верстальщика (часть 1): стрелочки для ссылочек

Время на прочтение2 мин
Количество просмотров2.9K
Эта мини-статья посвящена очень простой вещи, которая будет интересна, прежде всего, начинающим пользователям библиотеки <a href=«jquery.com>jQuery. Я покажу, как прикреплять к каждой ссылке небольшое изображение, чтобы выделить ее.

Читать дальше →

Устранение мигания фоновых картинок в IE6

Время на прочтение1 мин
Количество просмотров1.5K
Часто, на этапе тестирования сайта в разных браузерах, приходилось сталкиваться с неприятным эффектом «мигания» фоновых изображений в IE6, которое проявляется при наведении курсора на ссылку, являющуюся блочным элементом. Мигание происходит из-за того, что браузер производит перезагрузку всех фоновых картинок с сервера.

Для устранения мигания нужно подключить к веб-странице небольшой код на JavaScript:
var m = document.uniqueID
&& document.compatMode
&& !window.XMLHttpRequest
&& document.execCommand;

try{
     if(!!m)
      {
         m("BackgroundImageCache", false, true)
      }
   }
   catch(oh){};

bestwebdevs (лучшие студии) объективно или нет?

Время на прочтение1 мин
Количество просмотров613
Если отличный сайт www.bestwebdevs.ru Как по своей задумке так и по своей реализации. Вообщем можно много хорошего говорить об этом сайте, но… недавно столкнулся, что студии по крайней мере в 2 регионах, выставлены неправильно (Харьков и Киев), и задумался насчет объективности и возможности объективности оценивания студий этим сайтом. Расскажите что по другим регионам, только объективно, может стоит помоч создателям сайта, ведь отыскать лучшиз веб-разработчиков по регионам не так просто. Вот по Харькову например полная лажа, тот кто знает харьковские студии поймет меня почему (кому интересно могу рассказать). По Киеву тоже. Что скажите?

Денвер-3 — официальная версия

Время на прочтение1 мин
Количество просмотров12K
В Денвере-3, в отличие от Денвера-2, по умолчанию используются Apache 2, PHP 5 и MySQL 5 и поддерживается SSL.
Официальный сайт
Загрузить (5,4 МБ)
Переход с Денвера-2 на Денвер-3

Syntax Highlighter — подсветка синтаксиса кода на вашей вебстранице

Время на прочтение1 мин
Количество просмотров18K
Syntax Highlighter позволяет легко и красиво подсвечивать синтаксис кода на вашей странице. Написан на Javascript, соответственно работает на клиенте.

Поддерживает много языков, в сжатом виде занимает 11 килобайтов. Из минусов — не позволяет клиенту редактировать код на странице, readonly.

Вот как оно выглядет в действии

Демо: http://code.google.com/p/syntaxhighlighter/
Лицензия: LGPL

Вклад авторов