Pull to refresh
22
0
bruha @bruha

FullStack JS/TS

Send message

Всё, о чём должен знать разработчик Телеграм-ботов

Reading time15 min
Views658K

Вы вряд ли найдете в интернете что-то про разработку ботов, кроме документаций к библиотекам, историй "как я создал такого-то бота" и туториалов вроде "как создать бота, который будет говорить hello world". При этом многие неочевидные моменты просто нигде не описаны.

Как вообще устроены боты? Как они взаимодействуют с пользователями? Что с их помощью можно реализовать, а что нельзя?

Подробный гайд о том, как работать с ботами — под катом.

Читать далее

Звезды мирового фронтенда

Reading time5 min
Views28K
В любой профессии есть тонкая прослойка людей, которые являются действительно высококлассными специалистами. Не исключение и область фронт-енд разработки — здесь также есть выдающиеся личности. К их мнению прислушиваются, за ними следят в блогах и социальных сетях и читают их книги. В процессе своей работы они рождают различные оригинальные решения или техники, которые мгновенно расходятся по миру веб-разработки и остаются актуальными не один год. Они создают удобные онлайн-сервисы для верстки, пишут полезные js-библиотеки, совершенствуют браузеры, пропагандируют веб-стандарты и оказывают непосредственное влияние на их развитие. Они могут называть себя front end engineer, front-end developer, web developer, web designer, UI Designer, browser compatibility expert или просто css lover, но для большинства из нас они — звезды мирового фронт-енда, которые делают интернет таким, каким мы его знаем. На Хабре довольно часто появляются обзоры интересных решений, техник и новостей из мира веб-разработки с указанием западных авторов, однако далеко не все знают что-нибудь о них кроме имени. Мне захотелось вкратце рассказать для широкой публики о некоторых из этих товарищей.


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

Звезды мирового фронтенда 2. JS Lovers

Reading time5 min
Views11K
Эта статья является продолжением предыдущей и второй из общей серии биографий. На этот раз я рассмотрел несколько фамилий, которые более известны среди любителей JS.


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

60 FPS? Легко! pointer-events:none!

Reading time2 min
Views98K


Вы, наверное, уже читали интересную статью о том, как можно отключать эффекты :hover при скроле – это позволяет здорово сохранить отзывчивость сайта, но имеет один недостаток – вам приходится опираться на один общий класс, и это плохо.

.hover .element:hover {
  box-shadow: 1px 1px 1px #000;
}
Читать дальше →

Отладка асинхронного JavaScript с помощью Chrome DevTools

Reading time6 min
Views36K

Вступление


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

К счастью, теперь в Chrome Canary DevTools вы можете отслеживать весь стек вызовов асинхронных функций в JavaScript!
Под катом 10Mb трафика

Суперсилы Chrome DevTools

Reading time6 min
Views70K


Я работаю в команде Онлайн. Мы делаем веб-версию справочника 2ГИС. Это долгоживущий активно развивающийся проект, в котором JavaScript используется как основной язык как на клиенте, так и на сервере.

Важное место в работе занимают инструменты анализа и отладки приложения. Популярные JavaScript фреймворки как правило обладают собственным инструментарием, заточенным под конкретную идеологию. Наша ситуация осложняется тем, что под капотом Онлайна гудит фреймворк собственного производства — Slot — также находящийся в стадии активной доработки.

В этой статье я расскажу, как мы используем стандартные браузерные инструменты разработчика для эффективной отладки и исследования. Эти рецепты направлены в первую очередь на изучение приложения снаружи-внутрь, поэтому подойдут для любого проекта.
Читать дальше →

Как открыть свой интернет-магазин Ecwid на Facebook и Google Sites

Reading time6 min
Views70K
Никаких веб-студий, техзаданий, кодов и программ. Самостоятельно и бесплатно. Быстро и без лишних заморочек. Просто пара-тройка дружеских советов как всего за 1 час открыть свой собственный магазин в Интернете.
Порядок действий укладывается в 3 приема.
— Создание магазина на Ecwid
— Установка магазина на странице Facebook
— Установка магазина на странице Google Sites
Вся информация из официальных хелпов и баз знаний. Поэтому для разработчиков магазинов эти советы очевидны, элементарны и примитивны. Однако надеюсь, что советы будут полезны тем, кто интересуется интернет торговлей, но пока не имеет специальных знаний и опыта.


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

Dock панель для сайта. Выбор подходящего jQuery плагина и руководство по установке

Reading time5 min
Views1.3K
image

Красота спасет мир


Обладатели компьютеров Apple давно пользуются красивой и удобной dock панелью. В отличие от этих счастливчиков, я вырос глубоко в сибири и до недавнего времени видел Мак исключительно на картинках.
Но несмотря на это, о dock панели я все же узнал, хоть и случайно, из статьи в одном журнале за 2003 год о dock панелях для Windows. Я поигрался с предложенной программой пару дней, а потом удалил и навсегда забыл о ней. Панель безусловно произвела на меня впечатление приятной внешностью, но все же не несла для меня ощутимой практической пользы.

Дальше — по существу.


За все прошедшее время мне ни разу не пришлось вспоминать об этом небольшом опыте, пока не пришел «заказ» на добавление подобной панели в очередной разрабатываемый вебсайт. Так как библиотека jQuery уже использовалась на этом сайте, я интуитивно начал поиск нужного плагина. Интуиция не подвела, было обнаружено множество внешне не отличимых друг от друга «примочек». Осталось выбрать один единственный вариант и привинтить к странице.

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

Создай свой QR-код с goo.gl

Reading time1 min
Views8.4K
С недавнего времени, сервис коротких ссылок goo.gl, предоставляет возможность превратить любую ссылку в QR-код. Всё что вам нужно — это добавить в конце ссылки .qr (пример: habrastorage.org/getpro/geektimes/post_images/ead/632/a1f/ead632a1fc062b104d2461efa149a05b.png).
image

Запасаемся на зиму

Reading time1 min
Views22K
Книги — пища для мозгов программиста. А художественные — десерт. Хорошая книга — как вкусное блюдо, которое хочется дочитать растянув удовольствие, испробовать снова и снова. Но есть куча книг, которые мы еще не нюхали и, возможно, никогда не попробуем, потому что нам их не посоветовали несколько человек.

У каждого есть одна-две любимые книги, которые могут понравится другим, поделитесь пожалуйста, заразите. Думаю многим будет интересно поставить в очередь «к прочтению» несколько новых. Давайте устроим «дегустацию» книг в формате: одна книга — один комментарий. Чтобы другие могли добавить в избранное (и оценить, и обсудить) каждую книгу по отдельности.

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

WebKit научился стилизовать скроллбары

Reading time3 min
Views4.2K
Пример
Незамеченной прошла новость недельной давности о том, что в последних сборках WebKit добавлена возможность переопределять внешний вид скроллбаров во всех элементах, где они могут встречаться:
  • контейнерах со стилями overflow
  • выпадающих списках
  • мульти-списках (<select multiple>)
  • текcтовых полях ввода (<textarea>)


Нововведение пока не реализовано в других движках (что может свести его распространённость к нулю), но тем не менее, уверен, оно будет работать на общее благо, показывая хороший пример для подражания и помогая разработчикам не сидеть на месте. Ниже — перевод оригинальной публикации.

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

Интернет магазин — 15000 евро за первый месяц

Reading time6 min
Views91K
В народе есть известная поговорка „Первый Блин Комом“, чего не могу сказать о своём свежем опыте интернет торговли. Скорее всего, это просто исключение подтверждающее правило, но, тем не менее, хочется рассказать о тех небольших выводах, что я сделал за последний месяц.

Итак, небольшая история о том, как можно довольно легко заработать за один месяц минимум 15 000 евро.

Мой профессиональный род деятельности — веб-разработка. Занимаюсь R&D в одной небольшой IT компании, пишу «навороченные» приложения для корпоративных интранетов и, в принципе, на жизнь не жалуюсь. Конечно, при таком раскладе хочется параллельно вести какой-нибудь интересный проект, чем неоднократно занимался в мире Open Source. Со временем, правда, захотелось на побочных проектах так же как-то зарабатывать, что с Open Source оказалось не так просто, как может показаться из статей на Хабре :) Потому и решил попробовать для себя что-то принципиально новое — открыть интернет магазин.

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

Юный гений Степан Большедворский из Ангарска

Reading time1 min
Views3.1K
По тенденции следующим изобретением должен стать «транспортный аппарат на двух свободно вращающихся круглых дисках, приводимых в движение мускульной силой человека через ножные рычаги. И получить название велосипед».

Управление информацией или как обуздать RSS

Reading time3 min
Views4K


Что такое RSS многие из читателей знают. Как говорит Wikipedia
семейство XML-форматов, предназначенных для описания лент новостей, анонсов статей, изменений в блогах и т. п. Информация из различных источников, представленная в формате RSS, может быть собрана, обработана и представлена пользователю в удобном для него виде специальными программами-агрегаторами.

Больше всего мне нравиться расшифровка Really Simple Syndicationочень простое приобретение информации. В этой статье я не буду вдаваться в подробности и историю RSS, а сконцентрируюсь на использование этого мощного инструмента.
Читать дальше →

Трёхмерные карты для глубоких слов

Reading time5 min
Views477
Новые техники навигации и сбора информации в онлайне готовят революцию в Интернет-браузинге.

С момента своего появления в середине девяностых, Интернет во многом изменился. Изначально, страницы состояли только из текста, и велись большие споры, по поводу того, допустимо ли размещать на веб-странице изображения. Сегодня же, для страницы совершенно естественно пестреть разнообразными картинками, анимацией и прочими видео-клипами. Тем не менее, остаётся и нечто неизменное – чтобы переходить с одной страницы на другую, по-прежнему необходимо кликнуть по гиперссылке.

Однако, норвежский учёный по имени Фрод Хиглэнд предложил новый принцип навигации. Он изготовил бесплатное расширение для браузера, под название Hyperwords, которое превращает каждое отдельное слово или фразу в гиперссылку. Достаточно кликнуть на любое слово, цифру или фразу, как появится всплывающие меню с подразделами. Следующим кликом можно перевести текст на один из множества языков, конвертировать валюту или единицу измерения, а также вызвать подходящие картинки, видео, научные работы, карты, статьи в Википедии и веб-страницы, найденные с помощью Google.

Конечно же, любой пользователь уже сейчас может воспользоваться всей этой информацией, но ему для этого потребуется открывать отдельные окошки браузера. По словам Хиглэнда, Hyperwords предназначено для того, чтобы «снизить порог» удовлетворения любопытства, позволив с большей лёгкостью задавать вопросы. В этом году, он собирается выпустить новую версию, которая шагнёт за пределы интернет-браузера, и сможет превращать каждое из слов в любом окошке в кликабельное «гиперслово».

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

Айн Рэнд. Атлант расправил плечи

Reading time1 min
Views3.2K


Роман, который повлиял на многие великие умы на западе, но почему-то практически неизвестен в России. О нем восторжено отзывались Чичваркин и Алан Гринспен, его советовали прочитать Путину. «В 1991 году по результатам исследования Библиотекой Конгресса США роман «Атлант расправил плечи» был назван самой влиятельной книгой в Соединенных Штатах после Библии». Эта книга выносит ум, наполняет энергией и чудовищно мотивирует на действие. Если вы не из тех, кто живет лишь ожиданиями пятниц, в предвкушении пивной радости, если вы не можете жить бесцельно, если вы имеете или только создаете свой бизнес, то этот роман вам поможет и даст хороший пример. Рекомендую :)

Самый лучший поисковик по музыке

Reading time1 min
Views12K
Думаю для многих будет старо на всё же рискну)

Совсем недавно наткнулся на офигенный ресурс — worryaboutyou.com.
Позволяет найти почти любой из существующих музыкальных треков (изданных официально и не только), прослушать это в удобном интерфейсе и (!) совершенно бесплатно и с нормальной скоростью скачать. Ограничений также не заметил; битрейт треков (субъективно) отличный. Дизайн сделан в минималистском стиле (обожаю).

По сути сайт представляет собой огромную кучу ссылок на разные открытые источники. Зачастую используется именно вконтакте.

Пока нашёл всё, что я запрашивал — и малоизвестного в мире noize mc и относительно популярных Blank and Jones…
В общем, думаю многим пригодится.

Из комментов
UPD tagoo.ru — также отличный ресурс. Может даже лучший.
UPD2 Действительно, сайт почти не отличается от vpleer.ru.
UPD3 Не советую связываться с mp3shki.ru. По мне интерфейс избыточен, и надо регаться и ещё что-то там…
UPD4 Также не советую заходить на www.mp3real.ru — помимо того, что надо гдето в течение минуты резать баннеры, так ещё и не нашёл почти ничего, что я ему «скармливал».
UPD5 Ещё один вариант предложен — и он более стандартен, скорее для редкой музыки — набирать в гугле или другом поисковике " «названия альбома» + megaupload (и далее по списку обменников)" или же использовать так же поисковик по жж — ljseek.com.
UPD6 Ещё вот что народ рекомендует, я не тестировал

Фотошопим на PHP

Reading time2 min
Views4.1K
Уменьшаем изображение разными библиотеками и сравниваем результат Для многих задач автоматической обработки фотографий не подходит качество и функционал библиотеки GD. Поскольку возможности обратиться к Photoshop из PHP или Perl пока не существует, решаем проблему с помощью ImageMagick.

Речь пойдет о PHP инрефейсе к ImageMagick MagickWand, который в репозитарии Fedora называется php-magickwand. Хочу обратить Ваше внимание, что MagickWand API отличается от классического ImageMagick тем что позволяет работать как с элементами растровой графики, так и с элементами векторной графики.

Для php есть еще одна реализация интерфейса к ImageMagick, которая называется IMagick, но функционал этой библиотеки, на мой взгляд, уступет MagickWand.


В первой статье рассмотрим на примерах несколько типичных задач по обработке изображений и сравним результаты с php-gd.



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

Хабрахакер 2.3

Reading time1 min
Views462

Апгрейд скрипта.
Исправлена ошибка с ресайзом (спасибо spiritzzz! нука все ему кармы кинули ;) ). Слегка поменял рендеринг формы, и теперь при наведении бордюрчик появляется.
Почти не тестировалось.

Установка на лиса, оперу и сафари описана в предыдущем топике. Если вы уже знаете, как ставить, вот скрипт (напоминаю, фоксом с установленой грейсманки надо его лишь открыть, а оперчанам и сафарцам — скачать)

Подключаемся к камерам наблюдения

Reading time2 min
Views40K
image

Зачем нужны камеры наблюдения? Правильно — чтобы наблюдать за происходящим и контролировать ситуацию! В наше неспокойное время эти самые камеры развешаны повсюду — от денежных хранилищ до придорожных кафе. Однако защищая свои владения, хозяева порой забывают о защите самой камеры путем банальной установки пароля на доступ из Интернета. И очень зря. Если пароль не установить — ваша камера «безопасности» превращается в публичную вэб-камеру с реалити шоу для всех желающих.
Читать дальше →

Information

Rating
Does not participate
Location
Киев, Киевская обл., Украина
Registered
Activity