Написал небольшой скрипт, который получает последнее сообщение из Twitter-блога указанного пользователя. Имеет функцию кеширования — сохраняет сообщение в текстовом файле, что позволяет избежать необходимости каждый раз загружать и обрабатывать RSS-ленту микроблога. Через определенный промежуток времени кеш обновляется из web.
DimanX @DimanX
User
этот удивительный tabindex
1 min
Многие веб-разработчики часто забывают или совсем не используют параметр tabindex, который определяет последовательность перехода между полями при нажатии на клавишу «Tab». Таким образом, при переходе из одного поля в другое прощелкиваются еще несколько элементов, что рано или поздно начинает уничтожать нервные клетки пользователей.
jQuery Tools v1.0.1
1 min
jQuery Tools v1.0.1 — это инструмент/библиотека представляет собой файл весом в 5,8 кб включающий в себя наиболее важные компоненты для вебдванольных сайтов, а именно: табы, всплывающие подсказки, плавные переходы, прокрутки, всплывающие окна и т.д.
Не буду тянуть резину, лучше, как говориться, один раз увидеть, чем сто раз услышать!
Переходим по ссылке и смотрим более 50 (!) демок:
Несколько понравившихся мне демонстраций. Очень рекомендую!
Маскируем фоновое изображение;
AJAX-табы с поддержкой истории переходов;
Неколько всплывающих окошек на одной странице.
Справочник по javascript
1 min
Всем привет!
Очень часто слышу вопрос «где в интернете взять справочник по javascript»?
Большинство справочников содержат устаревшую информацию и практики программирования.
До текущего момента самое современное, чем можно было пользоваться — MDC/MSDN. А там многое только на английском.
Хочу представить новый, лично мною переведенный/написанный справочник: http://javascript.ru/manual.
Пока что основной javascript, в дальнейшем постараюсь расширить и лучше
завязать с другими тематическими статьями сайта.
Буду рад, если пригодиться.
P.S. Пожалуйста, пишите комментарии, давайте на него ссылки и рекомендуйте. Будем улучшать и дальше.
P.P.S. Оффлайн-вариант справочника также есть, в формате CHM.
Очень часто слышу вопрос «где в интернете взять справочник по javascript»?
Большинство справочников содержат устаревшую информацию и практики программирования.
До текущего момента самое современное, чем можно было пользоваться — MDC/MSDN. А там многое только на английском.
Хочу представить новый, лично мною переведенный/написанный справочник: http://javascript.ru/manual.
Пока что основной javascript, в дальнейшем постараюсь расширить и лучше
завязать с другими тематическими статьями сайта.
Буду рад, если пригодиться.
P.S. Пожалуйста, пишите комментарии, давайте на него ссылки и рекомендуйте. Будем улучшать и дальше.
P.P.S. Оффлайн-вариант справочника также есть, в формате CHM.
Wiki-учебник по веб-технологиям
2 min
В продолжение статьи stepan_ovchinnikov «Обучение веб-технологиям. Необходимое, лишнее, вредное».
Современные веб-технологии не стоят на месте. Технологии создания веб-сайтов непрерывно совершенствуются и сейчас скорость их совершенствования так высока, что учебные пособия часто успевают значительно устареть еще до публикации. Чтобы обучение веб-программированию было динамичным, предлагаем вам принять участие в разработке Wiki-учебника по веб-технологиям.
Современные веб-технологии не стоят на месте. Технологии создания веб-сайтов непрерывно совершенствуются и сейчас скорость их совершенствования так высока, что учебные пособия часто успевают значительно устареть еще до публикации. Чтобы обучение веб-программированию было динамичным, предлагаем вам принять участие в разработке Wiki-учебника по веб-технологиям.
Как сделать favicon в png
1 min
Знаете, фавикончики в ico это как-то прошлый век =) Давайте будем модными, современными и все такое. Короче, берем иконку в png (да-да, с прозрачностью и всеми делами), сохраняем в размере 16×16, на сайте (в блоке <head>, ага) подключаем так:
<link rel="icon" type="image/png" href="favicon.png" />
Особенно под впечатлением владельцы айфонов и точей, т.к. для них мы делаем красивую иконюшку размером 57×57 (можно кстати и больше, но это стандартный размер иконки на ланч-скрине), подключая ее так:
<link rel="apple-touch-icon" href="apple-touch-favicon.png"/>
Над записью витает дух уже почти сгнившего трупа IE6, который вообще не знает о чем это все, ну да и фиг с ним =) Все, изыди.
UPD: Спасибо хабраюзеру NickyX3 за интересное уточнение:
<link rel="icon" type="image/png" href="favicon.png" />
Особенно под впечатлением владельцы айфонов и точей, т.к. для них мы делаем красивую иконюшку размером 57×57 (можно кстати и больше, но это стандартный размер иконки на ланч-скрине), подключая ее так:
<link rel="apple-touch-icon" href="apple-touch-favicon.png"/>
Над записью витает дух уже почти сгнившего трупа IE6, который вообще не знает о чем это все, ну да и фиг с ним =) Все, изыди.
UPD: Спасибо хабраюзеру NickyX3 за интересное уточнение:
Автор забыл указать, что иконда для springboard тачей и яблофонов будет в таком варианте закруглена по углам и на нее будет наложен блик автоматически самоим девайсом. Для избежания этого (совсем красивая кастом иконка) вместо apple-touch-icon следует написать apple-touch-icon-precomposed.
Модные «жесты» jQuery
2 min
Translation
Включите распознавание сложных жестов мышью (жесты могут описывать буквы, символы других алфавитов и иные символы, включая Ваши собственные знаки) на Вашем сайте!
Этот скрипт инициирован из скрипта распознавания жестов мыши от Didier Brun.
Запустить демонстрацию распознавания жестов мыши
Возможности
- Можно создавать свои собственные жесты;
- Можно иметь множество областей на странице, которые будут способны распознать жесты;
- Есть визуальная обратная связь;
- Работоспособность во всех основных браузерах.
Благодарности
Этот скрипт инициирован из скрипта распознавания жестов мыши от Didier Brun.
Демонстрация
Запустить демонстрацию распознавания жестов мыши
Скриншот модных жестов jQuery
7 мощных каруселей изображений для Web-дизайнеров
2 min
Translation
Эта статья является коллекцией некоторых мощных каруселей изображений и текстовых материалов, готовых к использованию в ваших Web-проектах. Она включает в себя Agile Carousel, YUI Carousel, JCarousel, iCarousel (jQuery + MooTools) и учебное пособие о том, как реализовать простую карусель наподобие карусели во Flickr, используя Prototype-UI.
Рабочий стол Фаната — специально к Чемпионату мира по хоккею 2009!
1 min
Проект сделан группой независимых разработчиков, в создании приняли участие более 15 человек — это не считая тех, кто просто поддержал, разместил информацию в своих блогах, рассказал о проекте друзьям.
Приложение устанавливается на рабочий стол, включает в себя: расписание игр Чемпионата мира по хоккею 2009, часы с Швейцарским временем, автоматически заполняемые турнирные таблицы, информацию о командах, победах и медалях.
То есть — можно следить за чемпионатом, не открывая браузер.
Техника: очень простая технология HTML+AJAX — всем известная, которая в IE позволяет отправить запрос на любой сайт и получить ответ.
Столкнулись со сложностью втавки полупрозрачных элементов дизайна — вот статья о том, как заставить работать прозрачность в IE6 www.tigir.com/alpha_png.htm
Проект не коммерческий, приложение распространяется бесплатно. Скачать программу можно с сайта www.kikobox.ru
Написать команде team@kikobox.ru
Всем привет! И болеем за нашу сборную! :)
Приложение устанавливается на рабочий стол, включает в себя: расписание игр Чемпионата мира по хоккею 2009, часы с Швейцарским временем, автоматически заполняемые турнирные таблицы, информацию о командах, победах и медалях.
То есть — можно следить за чемпионатом, не открывая браузер.
Техника: очень простая технология HTML+AJAX — всем известная, которая в IE позволяет отправить запрос на любой сайт и получить ответ.
Столкнулись со сложностью втавки полупрозрачных элементов дизайна — вот статья о том, как заставить работать прозрачность в IE6 www.tigir.com/alpha_png.htm
Проект не коммерческий, приложение распространяется бесплатно. Скачать программу можно с сайта www.kikobox.ru
Написать команде team@kikobox.ru
Всем привет! И болеем за нашу сборную! :)
Panda USB and AutoRun Vaccine — лекарство от autorun-вирусов на флешке
5 min
5 марта я написал свою статью о скрипте AUTOSTOP для защиты флешек от autorun-вирусов, получившую немалый отклик. И только я сегодня собрался писать новую статью об альтернативном (более надежном) методе, как на одном из ресурсов, в теме, посвященной обсуждению скрипта, мне подсказали программу Panda USB and AutoRun Vaccine, работающую именно по методу, который я хотел описать. Причем работающую просто блестяще! Файл autorun.inf, создаваемый ею на флешке (дабы предотвратить создание такого файла вирусом) невозможно ни удалить, ни переименовать (в чем была слабость моего скрипта), ни модифицировать, ни открыть.
Познакомимся с программой поближе, рассмотрим ее возможности и метод, на котором базируется принцип работы.
Познакомимся с программой поближе, рассмотрим ее возможности и метод, на котором базируется принцип работы.
Новости Календаря Google
2 min
Translation
Дмитрий Семенюк, инженер
Команда, работающая над Календарем Google, старается сделать так, чтобы ваши календари были доступными со всё большего числа мобильных устройств и сторонних приложений. Это значит, что вы можете выбирать — какие из календарей всегда иметь под рукой. Большинство из этих возможностей существовали и раньше, но сегодня мы рады представить еще одну: теперь Календарь Google поддерживает синхронизацию с помощью протокола CalDAV, который является открытым и развивающимся стандартом синхронизации календарей.
Apple iCal и Mozilla SunbirdТеперь вы можете синхронизировать свои календари с приложениями, поддерживающими CalDAV — такими, как iCal от Apple и Sunbird/Lightning от Mozilla. Инструкции по настройке можно найти здесь.
Microsoft OutlookGoogle Calendar Sync for Outlook позволяет синхронизировать события между Календарем Google и Календарем Microsoft Outlook. Вы можете выбирать направление синхронизации и её периодичность. Приложение совместимо с Microsoft Outlook версий 2003 и 2007, и операционными системами Windows XP и Vista.
Мобильные устройства BlackBerryЕсли у вас есть смартфон BlackBerry, то с помощью Google Sync for BlackBerry можно синхронизировать его встроенный календарь с Google. Таким образом, даже находясь вне зоны действия сети, вы получите доступ к Календарю Google и напоминаниям о мероприятиях через звуковые или вибросигналы. Приложение работает в фоновом режиме, поэтому вы можете пользоваться любыми приложениями BlackBerry и тем не менее вовремя получать оповещения о предстоящих событиях.
Устройства на базе AndroidС помощью встроенного приложения вы легко получаете доступ к Календарю Google с устройств на базе Android. Обновления календаря передаются на телефон в режиме реального времени, и все изменения, которые Вы делаете в пути, сразу же доступны в сети.
Если у вас другое мобильное устройство, то просто зайдите с него на calendar.google.com, чтобы увидеть специальную версию Календаря Google, оптимизированную для небольших экранов.
Команда, работающая над Календарем Google, старается сделать так, чтобы ваши календари были доступными со всё большего числа мобильных устройств и сторонних приложений. Это значит, что вы можете выбирать — какие из календарей всегда иметь под рукой. Большинство из этих возможностей существовали и раньше, но сегодня мы рады представить еще одну: теперь Календарь Google поддерживает синхронизацию с помощью протокола CalDAV, который является открытым и развивающимся стандартом синхронизации календарей.
Apple iCal и Mozilla SunbirdТеперь вы можете синхронизировать свои календари с приложениями, поддерживающими CalDAV — такими, как iCal от Apple и Sunbird/Lightning от Mozilla. Инструкции по настройке можно найти здесь.
Microsoft OutlookGoogle Calendar Sync for Outlook позволяет синхронизировать события между Календарем Google и Календарем Microsoft Outlook. Вы можете выбирать направление синхронизации и её периодичность. Приложение совместимо с Microsoft Outlook версий 2003 и 2007, и операционными системами Windows XP и Vista.
Мобильные устройства BlackBerryЕсли у вас есть смартфон BlackBerry, то с помощью Google Sync for BlackBerry можно синхронизировать его встроенный календарь с Google. Таким образом, даже находясь вне зоны действия сети, вы получите доступ к Календарю Google и напоминаниям о мероприятиях через звуковые или вибросигналы. Приложение работает в фоновом режиме, поэтому вы можете пользоваться любыми приложениями BlackBerry и тем не менее вовремя получать оповещения о предстоящих событиях.
Устройства на базе AndroidС помощью встроенного приложения вы легко получаете доступ к Календарю Google с устройств на базе Android. Обновления календаря передаются на телефон в режиме реального времени, и все изменения, которые Вы делаете в пути, сразу же доступны в сети.
Если у вас другое мобильное устройство, то просто зайдите с него на calendar.google.com, чтобы увидеть специальную версию Календаря Google, оптимизированную для небольших экранов.
CMS для фотографов
1 min
Этот топик меня попросил опубликовать Anykeys, у него недостаточно кармы.
Доброго времени суток.
Хотел представить вам другой уже готовый проект, который изначально делал для себя, но могу поделиться.
Через некоторое время после того, как я начал фотографировать, мою голову посетила идея выкладывать фотографии либо с помощью какой-нибудь CMS у себя на площадке, либо на каком-нибудь раскрученном сайте.
Единственная CMS, которая понравилась и удовлетворяла многим требованиям — PixelPost (pixelpost.org), но я хотел другую структуру просмотра фотографий.
На существующих сайтах было то, что я хотел, но платить довольно большие деньги за премиум-аккаунты на них желания не было. И я решился…
Трое суток без сна — и готово то, чего я и хотел. Админка проста до безобразия, конечно. Есть форма добавления и редактирования альбомов и форма загрузки/редактирования фото и превью. Скриншот CMS.
В остальном — чистый HTML-шаблон и CSS.
Если кому-то интересна система: пишите в личку Anykeys, в ответном письме вышлю архив со скриптом.
И хотелось бы услышать пожелания по поводу добавления каких-либо функций в скрипт, пока мне интересно заниматься его разработкой.
Доброго времени суток.
Хотел представить вам другой уже готовый проект, который изначально делал для себя, но могу поделиться.
Через некоторое время после того, как я начал фотографировать, мою голову посетила идея выкладывать фотографии либо с помощью какой-нибудь CMS у себя на площадке, либо на каком-нибудь раскрученном сайте.
Единственная CMS, которая понравилась и удовлетворяла многим требованиям — PixelPost (pixelpost.org), но я хотел другую структуру просмотра фотографий.
На существующих сайтах было то, что я хотел, но платить довольно большие деньги за премиум-аккаунты на них желания не было. И я решился…
Трое суток без сна — и готово то, чего я и хотел. Админка проста до безобразия, конечно. Есть форма добавления и редактирования альбомов и форма загрузки/редактирования фото и превью. Скриншот CMS.
В остальном — чистый HTML-шаблон и CSS.
Если кому-то интересна система: пишите в личку Anykeys, в ответном письме вышлю архив со скриптом.
И хотелось бы услышать пожелания по поводу добавления каких-либо функций в скрипт, пока мне интересно заниматься его разработкой.
Как найти нужный шрифт, не зная его названия?
3 min
Я уверен, что у любого дизайнера был такой момент, когда он видел где-то какой-то шрифт, который так мог бы пригодится в проекте, но… что за шрифт?.. Ответ на этот вопрос затаился в глубине Вашего сознания, либо в глубине Вашего «незнания» (что разумеется простительно).
В этой статье мы рассмотрим несколько ресурсов, которые могут помочь вам в идентификации понравившегося шрифта.
Конечно, нельзя рассчитывать, что эти источники дадут вам 100 процентную уверенность в том что вы найдете нужный шрифт, но что помогут, так это точно.
В этой статье мы рассмотрим несколько ресурсов, которые могут помочь вам в идентификации понравившегося шрифта.
Конечно, нельзя рассчитывать, что эти источники дадут вам 100 процентную уверенность в том что вы найдете нужный шрифт, но что помогут, так это точно.