Как стать автором
Обновить
2
0
BitterEnd @BitterEnd

Пользователь

Отправить сообщение

Web-приложения в режиме offline. ServiceWorker и CacheStorage

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

О чём речь?


Всё чаще возникает задача научить frontend-приложение работать в автономном режиме. Это значит придать web-приложению свойство mobile- или desktop-программы — функционировать в отсутствии связи с Интернет, а также в случае отказа сервера.

Цель — оградить пользователя от проблем соединения на его устройстве. Как было бы обидно не сохранить созданные в google docs таблицы из-за потери wi-fi в ближайшем фастфуде!

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

Решение задачи заключается в следующем:
Читать дальше →
Всего голосов 26: ↑25 и ↓1+24
Комментарии2

Несколько полезных кейсов при работе с массивами в JavaScript

Время на прочтение5 мин
Количество просмотров38K
Очень часто на тостере вижу вопросы вида «Как отсортировать массив в JavaScript по определенному правилу?», «Как сделать с массивом в JavaScript <действие>?» и т.д.

Под катом собраны некоторые манипуляции над массивами.
Читать дальше →
Всего голосов 25: ↑19 и ↓6+13
Комментарии36

BEM с человеческим лицом

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

Звучная аббревиатура BEM пришла к нам из лабораторий Яндекса. Там, как и в случае с XSLT, применение BEM решили возвести в абсолют: под BEM'ом в Яндексе понимают целое семейство утилит и подходов, объединенных единой идеологией блочной архитектуры веб-приложений. Как любая тоталитарная система, BEM требует соблюдения строгих правил при разработке, не редко вступающих в конфликт со здравым смыслом небольших проектов, не сравнимых по ресурсам с Яндексом. И да, то самое чувство, когда читаешь официальные доки по BEM.


Однако, как часто бывает в процессе эволюции больших систем, под давлением интеллекта и безлимитных сроков рождается технологический алмаз, настолько же маленький и самостоятельный, насколько и ценный, который огранят уже другие. Да, BEM с его спасительной строгостью — это явное откровение. Каждый, кто на моих глазах причащался, мгновенно становился счастливым. Однако, после первой волны наслаждения приходит осознание, что второй подход к этому снаряду может порвать ментальные связки по всему объему мозга. И вот уже слышны жалобы на слишком большую сложность освоения, на чрезмерную многословность, на (внимание!) увеличение количества мегабайт в HTML и CSS, и кто знает на что еще, не относящееся к делу.


Соглашусь, трудно взять и начать писать BEM без разбега: и нотация глаз колет, и старые трюки не проходят, и думать приходится системно. И вообще, писали как-то годами без BEM'а и писать будем! А ведь для легкого и непринужденного преодоления порога вхождения нужно сделать всего два движения. Во-первых, понизить сам порог, смягчив BEM. И во-вторых, немного подтянуться самим. Тогда переход будет ровненьким и мы мягко вкатимся в эру читабельного и поддерживаемого CSS.

Как мы дошли до жизни такой?
Всего голосов 17: ↑11 и ↓6+5
Комментарии56

Как нельзя делать рекомендации контента

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

Во время общения с медиа мы в Relap.io часто сталкиваемся с массой заблуждений, в которые все верят, потому что так сложилось исторически. На сайте есть блоки типа «Читать также» или «Самое горячее» и т.п. Словом, всё то, что составляет обвязку статьи и стремится дополнить UX дорогого читателя. Мы расскажем, какие заблуждения есть у СМИ, которые делают контентные рекомендации, и развеем их цифрами.
 
HAbr1
 
 
Читать дальше →
Всего голосов 50: ↑41 и ↓9+32
Комментарии29

Philips Xenium 9@9k: два месяца на одной зарядке

Время на прочтение1 мин
Количество просмотров3.5K
Philips Xenium 9@9kТелефоны Philips давно зарекомендовали себя, как исключительно живучие и неприхотливые аппараты, сочетающие в себе кроме того много других привлекательных качеств. Правда для меня каждая новая модель обязательно была лишена чего-то неуловимо мне необходимого: не устраивал дизайн, или разбалансированная техническая начинка, или цена, оправдать которую для себя было сложно. Но, похоже, настал тот час, когда Philips воплотил-таки мои мечты о телефоне на каждый день и на века. В Россию начались поставки телефона Xenium 9@9k.

Главная особенность этого агрегата — увеличенный вдвое по сравнению с прошлыми рекордсменами срок работы от одной подзарядки. В режиме ожидания он составляет 2 месяца (!), а в режиме разговора — 17 часов. Также могучая батарейка позволит вам слушать музыку во встроенном MP3-плеере в течение 35 часов. Чего в общем должно хватить, чтобы заслушать все содержимое флешки на 2 Гб (в комплекте идет 128 Мб MicroSD). А еще там есть радио. А еще он симпатичный. И небольшой. А еще его рекомендованная цена — 4 000 рублей.

Теперь, когда вы уже полезли в интернет в поисках мест, где его можно купить (за мной будете!), стоит заметить, что с конца 2006 года все производство мобильных телефонов под маркой Philips принадлежит компании China Electronics Corporation. Самый, пожалуй, европейский бренд — китайский. Но молодцы ведь, а!
Всего голосов 39: ↑35 и ↓4+31
Комментарии83

Вертикальное выравнивание в div'ах

Время на прочтение1 мин
Количество просмотров1.9K
По мотивам cssing.org.ua.

Для вертикального выравнивания в блоках разработчики W3C создали замечательное свойство display: table-cell;, которое позволяет заставить какой-либо элемент отображаться как ячейка таблицы. При этом добавив vertical-align: middle; мы прекрасно справились бы с поставленной задачей, если бы не Internet Explorer, который ни в какую не хочет поддерживать свойство display: table-cell;.

читать дальше
Всего голосов 21: ↑18 и ↓3+15
Комментарии31

Жизненные правила, которым не учат в школе

Время на прочтение2 мин
Количество просмотров2.1K
Попались в моей ленте отличные слова о жизни и школе для старшеклассников. Главное, сформулированы кратко и ёмко, поэтому решил поделиться с хабралюдьми. Тёртые калачи сами уже это всё ощутили, но может быть не могли сформулировать. А вот школьникам, думаю, действительно будет полезно.

Читать дальше →
Всего голосов 82: ↑63 и ↓19+44
Комментарии132

Принцип некомпетентности Лоуренса Дж. Питера

Время на прочтение5 мин
Количество просмотров13K
Недавно возник спор: почему в некотрых случаях необходимо встряхнуть систему и уволить некотрых ее представителей. Причем увольнять не взирая на стаж.

В тему этого разговора я недавно прочитал про принцип Лоуренса Дж. Питера или принцип некомпетентности. Звучит он так: "В иерархии каждый индивидуум имеет тенденцию подниматься до своего уровня некомпетентности". Итак, согласно принципу Питера, сотрудник, работающий в любой системе, повышается в должности до тех пор, пока окажется не в состоянии справиться со своими обязанностями. Иными словами, в длительном периоде времени любой вертикальный рост заканчивается некомпетентностью человека. Также согласно Питеру, сотрудник на этой должности «застрянет» и находиться до тех пор, пока не выйдет из системы (уволится, умрёт, выйдет на пенсию).

Современные социально-экономические устои нацеливают человека на успех, понимаемый, прежде всего, как рост в карьере и заработной плате. Если Вы способны выполнять свою работу эффективно и без напряжения, Вам обязательно скажут: «Эта работа не дает вам проявить себя. Вы должны подняться выше.» Проблема в том, что когда наконец вам достается нечто, с чем вы не можете толком справиться, то именно этот вид деятельности и становится вашим постоянным занятием. Заваливая свою работу. Вы приводите в отчаяние коллег и подрываете эффективность всей организации. Таким образом каждый отдельный работник остановится в конечном итоге на уровне своей некомпетентности. По статистике менеджеры, наиболее прочно засевшие на своих должностях, отличаются патологической неспособностью компетентно выполнять служебные обязанности.
Читать дальше →
Всего голосов 18: ↑16 и ↓2+14
Комментарии21

Google maps научился определять координаты по сотам операторов

Время на прочтение1 мин
Количество просмотров587
Google maps похоже научился определять координаты по сотам операторов.
Проверил лично на Nokia E50 (Symbian OS) — работает. Телефоны с просто J2ME тоже вроде должны работать в этом плане. Всем рекомендую.

UPD:
Прямая ссылка на программу (благодарим sbbsbb):
www.google.com/gmm/symbian_apps/v2.0/L1/GoogleMaps.sisx (на Symbian 9.0)
Всего голосов 42: ↑30 и ↓12+18
Комментарии89

Атомная тревога — последние минуты…

Время на прочтение7 мин
Количество просмотров3.8K
Четырнадцать минут.

Их хватит на многое, если, конечно, не жадничать. Тратить по минуте. Закрыв глаза, я сидел и слушал, как мир вокруг меня стремительно сжимается. Он был уже мертв, но еще не понимал этого. И только отдельными искрами в нем, как в остывшем костре, светились те, кто никуда не торопился.
Читать дальше →
Всего голосов 148: ↑130 и ↓18+112
Комментарии214

Все гениальное — просто

Время на прочтение2 мин
Количество просмотров1.1K
Это рассказ о простоте и о том, как делать хорошие презентации. Секрет хорошей презентации кроется не только в простоте, но и в умении преподнести информацию, четко и аргументированно изложить свои мысли, донести их до собеседника, сделать так, чтобы вас поняли.



Читать дальше →
Всего голосов 15: ↑9 и ↓6+3
Комментарии24

Убиваем «стадный эффект»

Время на прочтение1 мин
Количество просмотров1.6K
Читая недавно хабру, я заметил, что очень многие минусуют «по инерции». Т.е. «все заминусовали — и я минусну». Обратное тоже верно. Поэтому решил сделать свой выход из ситуации. Итак, следующий код нужно импортировать в соответствующее расширение для вашего браузера.
Читать дальше →
Всего голосов 39: ↑30 и ↓9+21
Комментарии61

Штрихкоды и жизнь

Время на прочтение1 мин
Количество просмотров2.2K
Все хабралюди знают что такое штрихкод. Многие из вас слышали про популярную технологию радиометок (RFID — радиочастотная идентификация). Развитие получил и специальный двухмерный матричный штрихкод (Data Matrix).
Вот про последний и хочется поговорить отдельно.

Образец матричного штрихкода представлен на рисунке:

Некоторым знакомо, не правда ли?
Теперь расскажу как такую кодировку можно применить в жизни гиков.

Читать дальше →
Всего голосов 55: ↑51 и ↓4+47
Комментарии181

Did you know?

Время на прочтение1 мин
Количество просмотров1K
Попадалось ли вам когда-нибудь сочетание i18n? Догадаться, что оно означает, вряд ли возможно — нужно знать заранее. А означает оно вот что:
i18n (i, 18 других букв, n) — internationalization
l10n (l, 10 других букв, n) — localization
g11n (g, 11 других букв, n) — globalization
a11y (a, 11 других букв, y) — accessibility
Эти сокращения используют программисты, которым нужно переводить программы на разные языки. Пожалуй, лишь g11n (глобализация) может встретиться другим людям в их повседневной жизни.
Кстати, подобное явление носит название нумероним.
--
украдено со словомания.ру
PS а какие нумеронимы вы используете в своей работе/повседневной жизни?
Всего голосов 42: ↑37 и ↓5+32
Комментарии54

Несколько вещей об Ajax, которые должен знать веб-мастер

Время на прочтение4 мин
Количество просмотров5K
По-английски AJAX произносится как эй-джэкс, по-русски довольно распространено ая́кс.
Вроде бы всё красиво, но есть несколько подводных камней, о которых я вам ниже и расскажу.

Ajax — это не просто акроним, это идея


Хотя Ajax и является акронимом от «Асинхронный JavaScript и XML», это не раскрывает его идеологию. Ajax – это идеология, которая гласит, что для работы серверного веб-приложения, совсем не обязательно перезагружать всю страницу, бесполезно гоняя данные от сервера к клиенту и обратно. Использование Ajax’a позволяет сделать веб-приложение более гибким и современным, позволяя пользователям работать с веб-приложением более продуктивно и удобно.
Читать дальше →
Всего голосов 77: ↑65 и ↓12+53
Комментарии145

Верстка без float'ов

Время на прочтение2 мин
Количество просмотров8.7K
Существует много разных способов css разметки. Некоторые базируются на абсолютном позиционировании, другие используют float'ы. Первый метод плохо поддерживает «резиновость» макета, тогда как второй это неплохой способ разметки.

Но, как и многие мощные инструменты, float'ы имеют свои изъяны. Для начала, верстка на основе float'ов не такая простая к пониманию, а также float'ы есть источником многих багов (в основном в ИЕ), что делает их не идеальным вариантом в погоне за кроссбраузерностью.

Итак, речь далее пойдет о
семантически корректном методе верстки
Всего голосов 77: ↑61 и ↓16+45
Комментарии174

У заработка на тиражировании информации вряд ли есть перспективы

Время на прочтение2 мин
Количество просмотров516
Попытки заработков на тиражировании информации всё бессмысленнее и глупее в XXI веке. Для тех, кто продаёт информацию, XXI век будет трудным. 

Музыка, Медиа


Лэйблы убьет не пиратство, а сам Интернет — музыкантам и слушателям больше не нужен посредник. Более того, артист больше будет не решать, сколько он возьмёт за альбом, записанный один раз, 10 лет назад. Ему придётся играть концерты, придумывать что-то новое.

Образование


Интернет коснётся также тех, кто зарабатывает на образовании. Сейчас я не знаю достойных примеров, но уже сейчас не нужно присутствовать на лекции, лектору не нужно повторять одну лекцию из года в год, а платные семинары могут стать, доступны бесплатно в Интернете. 
Читать дальше →
Всего голосов 35: ↑25 и ↓10+15
Комментарии148

Чёрточки: только ли тире, минус и дефис?

Время на прочтение4 мин
Количество просмотров178K
Однажды вечером я почувствовал, что пришло время расширить 97‐ й параграф «Ководства» Артемия Лебедева.

На клавиатуре одна чёрточка, она обычно правее нуля и повыше букв «З» и «Х». Неосведомлённые люди называют её попеременно то дефисом, то минусом, то тире. Лебедев объясняет нам, что это четыре (учитывая две разновидности тире) различных символа. На самом деле их как минимум девять, и об этом я и расскажу вам сейчас.

Читать дальше →
Всего голосов 311: ↑288 и ↓23+265
Комментарии208

markItUp! легкий редактор на JavaScript

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


markItUp! это «легкий» редактор для jQuery. Это не WYSIWYG редактор и никогда им не будет. Вся «соль» этого редактора в том, что можно настроить его для использования с любыми средствами подсветки. BBCode, Markdown, Wiki синтаксис, Textile и конечно же HTML.

Особенности:
— Легкая интеграция
— Поддержка «горячих» клавиш
— Панель управления легко настраивается
— Легко изменяется и настраивается
— Просмотр результатов через AJAX
— Настраиваемый внешний вид

Примеры использования
Домашняя страница
Всего голосов 44: ↑41 и ↓3+38
Комментарии47

Оформление цитат на сайтах

Время на прочтение8 мин
Количество просмотров92K
Обычно при вёрстке текстов для веба на оформление цитат не обращают достаточного внимания. Стараясь исправить это досадное недоразумение, мы коснёмся двух вопросов: типографического оформления цитат (в той части, где чаще всего допускаются ошибки при вёрстке) и реализации этого оформления в HTML-коде.

Мы также не будем касаться вопросов проверки смысловой точности цитирования, правильного использования купюр, сокращений и дополнений — всех интересующихся ждёт «Справочник издателя и автора» А. Э. Мильчина и Л. К. Чельцовой.

Надеемся, что эту запись будет удобно использовать как справочник по часто встречающимся вопросам оформления цитат.

Читать дальше →
Всего голосов 108: ↑105 и ↓3+102
Комментарии59
1

Информация

В рейтинге
Не участвует
Откуда
Москва и Московская обл., Россия
Зарегистрирован
Активность