Sublime Text относится к тем текстовым редактором, которые могут все. Гибкость позволяет настроить его на любой вкус, а большое комьюнити штампует плагины днями и ночами. Многие программисты используют его как среду разработки, однако до неосновных применений доходят не все. В этой небольшой статье я расскажу о некоторых из них.
rOOse @rOOse
Пользователь
Управление загрузкой изображений
4 мин
131KТуториал
Перевод
Быстрая и плавная загрузка изображений — это одна из немаловажных составляющих хорошего веб-интерфейса. Кроме того, появляется все больше сайтов, использующие крупные фотографии в дизайне, таким проектам особенно важно следить за корректной загрузкой графики. В этой статье описано несколько техник, которые помогут контролировать загрузку изображений.
Использование контейнера для каждого изображения
Простой способ, который можно применить к любому изображению на сайте. Заключается в том, что каждая картинка оборачивается в DIV, который предотвращает построчную загрузку:
<div class="img_wrapper">
<img src="comicbookguy.jpg" alt=""/>
</div>
С помощью контейнера можно контролировать соотношение сторон картинки, а также использовать индикатор загрузки, что очень удобно, если изображения тяжелые.
+37
Elementary OS RC1
1 мин
14KНа сайте elementary OS появился счетчик. Судя по roadmap, в воскресенье нас ждет luna RC1. Как и все в elementary, счетчик очень красивый. В двух словах elementary — это дистрибутив linux, сделанный на основе Ubuntu, но со своим, очень красивым, desktop.
-2
Изменение внешнего вида виджета «Лента пользователя»
3 мин
18KTwitter timeline widget — инструмент, с помощью которого можно встроить ленту твиттера на свой сайт. К сожалению, стандартный набор настроек позволяет изменять ограниченное количество параметров отображения и не дает возможности применения произвольных css-стилей к элементам виджета. В данной статье рассказывается, как обойти данное ограничение и стилизовать ленту так, чтобы она вписалась в ваш дизайн.
+4
Prepros: open-source компилятор файлов для front-end разработки
2 мин
52KЗдравствуйте, уважаемые Хабражители.
Данная статья посвящена фантастическому, на мой взгляд, open-source приложению Prepros, которое может облегчить рабочий процесс многим фронт-энд разработчикам.
Prepros умеет компилировать файлы LESS, Sass, SCSS, Stylus, Jade, Slim, Coffeescript, LiveScript, Haml и Markdown, минифицировать и объединять в один JavaScript-файлы и это еще не все.
Под катом — более подробный обзор приложения.
+33
Ноутбук для писателя
3 мин
17K — Всё, с нас хватит, мы бросаем вас в вашем людском муравейнике и переезжаем в горы. Будем впадать в нирвану, пить нарзан и писать книгу.
— Писать книгу? Когда ты последний раз держал ручку или карандаш в руке?
— Чтобы писать книги — не обязательно иметь ручку или карандаш, можно печатать.
— Учитывая отсутствие источника электроэнергии в твоих горах — тебе придется приобрести хорошую печатную машинку.
— Не придется! Я как всегда заранее позаботился о проблеме и в скором времени у меня будет ноутбук, который решит все мои проблемы!
— Удивлен и поражен! Оказывается, можно написать целую книгу максимум за сутки! Пока ноутбук не разрядится… Или твоя книга будет состоять из 3-4 страниц?
— Мой ноутбук будет работать почти вечно, это специальный ноутбук для писателей. Сейчас ты будешь первый, кого я посвящу в некоторые детали моего тех задания.
— Интересно-интересно. Давай начнем. Для чего же предназначен твой продукт?
— Целиком и полностью для набора текста. Открыл крышку — начал печатать. Никаких тебе рабочих столов, красивостей и прочего. Только текстовый режим, дисплей умеет показывать только буквы. Цвета мне так же не важны, поэтому дисплей может быть монохромным, как у моих старых часов Montana, главное — чтобы энергии мало потреблял и картинку было видно на солнце.
— Писать книгу? Когда ты последний раз держал ручку или карандаш в руке?
— Чтобы писать книги — не обязательно иметь ручку или карандаш, можно печатать.
— Учитывая отсутствие источника электроэнергии в твоих горах — тебе придется приобрести хорошую печатную машинку.
— Не придется! Я как всегда заранее позаботился о проблеме и в скором времени у меня будет ноутбук, который решит все мои проблемы!
— Удивлен и поражен! Оказывается, можно написать целую книгу максимум за сутки! Пока ноутбук не разрядится… Или твоя книга будет состоять из 3-4 страниц?
— Мой ноутбук будет работать почти вечно, это специальный ноутбук для писателей. Сейчас ты будешь первый, кого я посвящу в некоторые детали моего тех задания.
— Интересно-интересно. Давай начнем. Для чего же предназначен твой продукт?
— Целиком и полностью для набора текста. Открыл крышку — начал печатать. Никаких тебе рабочих столов, красивостей и прочего. Только текстовый режим, дисплей умеет показывать только буквы. Цвета мне так же не важны, поэтому дисплей может быть монохромным, как у моих старых часов Montana, главное — чтобы энергии мало потреблял и картинку было видно на солнце.
-6
Планшет для пожилых. Часть вторая
5 мин
52KВ предыдущем посте я писал о проблеме использования пожилыми людьми современных цифровых устройств. Заинтересованная реакция Хабра развеяла последние сомнения в том, что это действительно общая проблема, а не моя idée fixe, возникшая на основе частных наблюдений.
+8
Поиск похожих проектов на GitHub
3 мин
19KПривет, Друзья!
Гитхаб — прекрасный сайт. Но представьте, что вы нашли проект А, и хотите узнать какие еще существуют похожие проекты. Как быть?
Именно с таким вдохновением уселся я разбирать API GitHub'a. Спустя пару недель свободного времени вот что получилось:
Для большинства проектов находится пара действительно интересных предложений. Вот несколько примеров: angular.js, front end bookmarks, three.js
Основная идея для построения рекомендаций — «Разработчики которые поставили звездочку этому проекту, также поставили звездочку...». А детали идеи, ее недостатки и ссылка на код — ниже.
Гитхаб — прекрасный сайт. Но представьте, что вы нашли проект А, и хотите узнать какие еще существуют похожие проекты. Как быть?
Именно с таким вдохновением уселся я разбирать API GitHub'a. Спустя пару недель свободного времени вот что получилось:
Для большинства проектов находится пара действительно интересных предложений. Вот несколько примеров: angular.js, front end bookmarks, three.js
Основная идея для построения рекомендаций — «Разработчики которые поставили звездочку этому проекту, также поставили звездочку...». А детали идеи, ее недостатки и ссылка на код — ниже.
+58
Планшет для пожилых. Часть первая
4 мин
142KЕсли задать себе вопрос о том, кто на Земле остался не вовлечённым в ИТ-мейнстрим, то на ум в первую очередь приходят жители бедных отдалённых территорий, например, большинства африканских стран, Гималаев и российской глубинки. На достаточно развитых территориях, на первый взгляд, всё нормально: компьютеры, планшеты, смартфоны, гаджеты, Интернет – всё это в изобилии.
Однако, имеющимся изобилием удается воспользоваться далеко не всем: даже в развитых странах есть множество людей, которые обделены вниманием ИТ-производителей. Я имею в виду пожилых людей и людей с ограниченными возможностями: существует масса ИТ-продуктов, рассчитанных на молодёжную аудиторию, на детей, на людей среднего возраста – игры, социальные сети, информационные ресурсы, бизнес-приложения, – но крайне мало продуктов, учитывающих потребности и ограничения людей преклонного возраста и людей с ограниченными возможностями.
Я впервые столкнулся с этим, решив оснастить мою бабушку современными цифровыми устройствам, которые могли бы облегчить и скрасить ее жизнь. Бабушке к этому времени было девяносто с лишним, она с трудом двигалась, на улицу не выходила и почти все время полусидела на кровати.
Однако, имеющимся изобилием удается воспользоваться далеко не всем: даже в развитых странах есть множество людей, которые обделены вниманием ИТ-производителей. Я имею в виду пожилых людей и людей с ограниченными возможностями: существует масса ИТ-продуктов, рассчитанных на молодёжную аудиторию, на детей, на людей среднего возраста – игры, социальные сети, информационные ресурсы, бизнес-приложения, – но крайне мало продуктов, учитывающих потребности и ограничения людей преклонного возраста и людей с ограниченными возможностями.
Я впервые столкнулся с этим, решив оснастить мою бабушку современными цифровыми устройствам, которые могли бы облегчить и скрасить ее жизнь. Бабушке к этому времени было девяносто с лишним, она с трудом двигалась, на улицу не выходила и почти все время полусидела на кровати.
+60
Дайджест интересных новостей и материалов из мира PHP за последние две недели №20 (18.06.2013 — 30.06.2013)
6 мин
21KПредлагаем вашему вниманию очередную подборку с ссылками на новости и материалы.
Приятного чтения!
+59
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №63 (24 — 29 июня 2013)
6 мин
27KПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
+32
20 вопросов про веб-шрифты
12 мин
264KПривет, Хабр!
Уже написаны горы статей, описывающих разные стороны работы с веб-шрифтами, собрано множество работающих примеров, но каждый день мы продолжаем сталкиваться с элементарным непониманием того, что такое веб-шрифты. Не у всех есть время гуглить материалы по данной теме, поэтому я попробовал дать ответы на часто задаваемые вопросы. Этот материал будет интересен прежде всего тем, кто еще не углублялся в тонкости шрифтовых технологий.
+93
Progressive Enhancement или всё-таки Graceful Degradation
6 мин
93KНельзя просто так взять и рассказать про progressive enhancement, не упомянув о graceful degradation. В чем же разница между этими понятиями? Как уже говорилось в более ранней статье, graceful degradation можно перевести, как отказоустойчивость. Это очень широкое понятие, но в контексте веба его можно понимать как отказоустойчивость клиентских веб-интерфейсов, серверной части сайтов и так далее. В этой статье graceful degradation будет пониматься как отказоустойчивость клиентских веб-интерфейсов.
Graceful degradation может выражаться в возможности работы при отключенном JavaScript, в достаточно аккуратном отображении интерфейса в браузере, не поддерживающем новые свойства CSS3, в адекватном отображении сайта при отключенных изображениях. В каждом из этих случаев работа пользователя с интерфейсом будет в принципе возможна, хотя и не так удобна.
Graceful degradation может выражаться в возможности работы при отключенном JavaScript, в достаточно аккуратном отображении интерфейса в браузере, не поддерживающем новые свойства CSS3, в адекватном отображении сайта при отключенных изображениях. В каждом из этих случаев работа пользователя с интерфейсом будет в принципе возможна, хотя и не так удобна.
+37
mySQLgame
1 мин
37KУстали от однообразных браузерных игр, которые представляют собой лишь разные интерфейсы к базам данных? Встречайте mySQLgame — игру, которая представляет собой только базу данных.
Ощутите переполняющее чувство радости того, что вы вставляете свою собственную строку в таблицу «rows»!
При разумном выборе SQL-запросов вы вскоре получите трех- или даже четырехзначное число в одном из полей своей строки! На этот случай знайте: в игре идет самая настоящая война. В новых запросах вы сможете использовать эти числа для вычитания из строк других игроков — при этом номера в вашей собственной строке станут еще выше!
Ощутите переполняющее чувство радости того, что вы вставляете свою собственную строку в таблицу «rows»!
При разумном выборе SQL-запросов вы вскоре получите трех- или даже четырехзначное число в одном из полей своей строки! На этот случай знайте: в игре идет самая настоящая война. В новых запросах вы сможете использовать эти числа для вычитания из строк других игроков — при этом номера в вашей собственной строке станут еще выше!
+60
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №62 (15 — 23 июня 2013)
6 мин
31KПредлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.
+29
Особенности jQuery методов fadeIn, fadeOut и fadeTo
2 мин
53KТуториал
Итак, рассмотрим что же не так в методах fadeIn и fadeOut, которые, как утверждает документация, являются аналогами метода fadeTo, но имеют некоторые свои особенности. На первый взгляд ничего, всё написано в документации. Однако, это не всегда верно, и не все особенности можно найти в документации.
+22
JavaScript обёртка скроллбара в виде jQuery плагина
6 мин
68KПроблема стилизации скроллбара браузера до сих пор актуальна, несмотря на огромное количество скриптов, предназначенных для решения данной задачи. Рассмотрим реализацию стилизуемого скроллбара, максимально приближенного к родному поведению браузера.
Существует два основных подхода для стилизации скроллбара средствами HTML/CSS, каждый из которых имеет свои плюсы и минусы:
Существует два основных подхода для стилизации скроллбара средствами HTML/CSS, каждый из которых имеет свои плюсы и минусы:
- Эмуляция скролла средствами JavaScript
- JavaScript обёртка над родным скроллом
+31
PHP HTML DOM парсер с jQuery подобными селекторами
3 мин
145KRecovery Mode
Добрый день, уважаемые хабровчане. В данном посте речь пойдет о совместном проекте S. C. Chen и John Schlick под названием PHP Simple HTML DOM Parser (ссылки на sourceforge).
Идея проекта — создать инструмент позволяющий работать с html кодом используя jQuery подобные селекторы. Оригинальная идея принадлежит Jose Solorzano's и реализована для php четвертой версии. Данный же проект является более усовершенствованной версией базирующейся на php5+.
В обзоре будут представлены краткие выдержки из официального мануала, а также пример реализации парсера для twitter. Справедливости ради, следует указать, что похожий пост уже присутствует на habrahabr, но на мой взгляд, содержит слишком малое количество информации. Кого заинтересовала данная тема, добро пожаловать под кат.
Идея проекта — создать инструмент позволяющий работать с html кодом используя jQuery подобные селекторы. Оригинальная идея принадлежит Jose Solorzano's и реализована для php четвертой версии. Данный же проект является более усовершенствованной версией базирующейся на php5+.
В обзоре будут представлены краткие выдержки из официального мануала, а также пример реализации парсера для twitter. Справедливости ради, следует указать, что похожий пост уже присутствует на habrahabr, но на мой взгляд, содержит слишком малое количество информации. Кого заинтересовала данная тема, добро пожаловать под кат.
+40
Кросспостинг из Twitter в ВКонтакте с помощью роутера
9 мин
21KЗдравствуйте, меня зовут Евгений, и я алкоголик люблю социальные сети. В силу отсутствия каких-либо намеков на писательский талант я предпочитаю Twitter — его ограничение на 140 символов избавляет от необходимости придумывать что-то длинное. К тому же, только для твиттера есть нормальный java-клиент, которым я раньше пользовался на мобильном телефоне.
С другой стороны, бóльшая часть моя знакомых использует ВКонтакте, да и мне, честно говоря, нравится слушать там музыку и читать новости. Очевидно, что писать самому в две разных соцсети неудобно, нужно это автоматизировать — использовать кросспостинг (перенос постов).
Далее небольшое описание моего не совсем обычного способа кросспостинга.
С другой стороны, бóльшая часть моя знакомых использует ВКонтакте, да и мне, честно говоря, нравится слушать там музыку и читать новости. Очевидно, что писать самому в две разных соцсети неудобно, нужно это автоматизировать — использовать кросспостинг (перенос постов).
Далее небольшое описание моего не совсем обычного способа кросспостинга.
+9
А не пора-ли на Хабре для интересных идей создать свой инвестфонд?
2 мин
58KДамы и господа, доброго всем времени суток. Собственно, совершенно спонтанная идея — на Хабре с одной стороны находится отличная и готовая к решительным боям группировка интеллектуальных сил добра профессиональное сообщество, с другой — постоянно публикуется немало интересных для реализации (но требующих инвестиций) идей.
Нас тут почти 300 000, и подавляющая часть так или иначе состоялись как специалисты в своей области. Думаю что немалому числу ХабраЖителей было-бы интересно в том числе и стать инвесторами в некоторые публикации, либо просто, при возможности чуть-чуть помочь.
Но потянуть по-отдельности (либо небольшой группой) серьёзный проект как по-финансам далеко не каждый сможет. А вот скинуться группой, например по 100 рублей в интересную тему, и в случае удачи — получать (пусть и по 10 копеек) каждый месяц, ну или просто и безвоздмездно подарить их на действительно интересную тему думаю было-бы интересно
Нас тут почти 300 000, и подавляющая часть так или иначе состоялись как специалисты в своей области. Думаю что немалому числу ХабраЖителей было-бы интересно в том числе и стать инвесторами в некоторые публикации, либо просто, при возможности чуть-чуть помочь.
Но потянуть по-отдельности (либо небольшой группой) серьёзный проект как по-финансам далеко не каждый сможет. А вот скинуться группой, например по 100 рублей в интересную тему, и в случае удачи — получать (пусть и по 10 копеек) каждый месяц, ну или просто и безвоздмездно подарить их на действительно интересную тему думаю было-бы интересно
+108
Информация
- В рейтинге
- Не участвует
- Откуда
- Кустанай, Кустанайская обл., Казахстан
- Дата рождения
- Зарегистрирован
- Активность