Рубрика «javascript» - 475

Да, я про лавинообразный поток статей про программы на javascript в 30 строк, охвативший Хабр. Честно сказать, я и сам ярый любитель (специальной?) дисциплины код-гольфа на js, и провел не один выходной, пытаясь втиснуть функцию в твит. И хотя мне нравится дух тридцатистрочников, мне не по духу этот формат.

Почему? Ограничение в 30 sloc весьма и весьма размыто: a.pop();s+='foo' — скорее две строки, а a.pop(s+='foo') — скорее одна, хотя эти два куска кода делают абсолютно одно и то же. Да и практика показала, что даже 30 слоков — вовсе не обязательное ограничение, а HTML и CSS вовсе не считаются. Иными словами, слоками померить крошечность невозможно, да и это никому не нужно.

Господа, это не серьёзно.

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

image
Модераторы, перенесите пожалуйста, не могу разместиться в «я пиарюсь»
Добрый день, жители Хабра.

Сегодня я хочу поделиться с Вами небольшим проектом, в котором мы постарались объединить лучшее, что есть в интернете (нет, это не сиськи и котики, т.к. такой портал уже есть, да и сегодня не пятница), а именно — Халява и Гаджеты! Если заинтересовало, то для самых нетерпеливых сразу ссылка, а остальные — добро пожаловать под кат!

Читать полностью »

Вероятно, многим уже надоели заголовки типа «ХХХ в 30 строк», но я рискну написать ещё один пост. Дабы хоть как-то сгладить злость отдельных хабралюдей, я расскажу что в этом скрипте делает каждая строка.
image
Читать полностью »

Начало зимы встретило нас бумом статей о том как в N строк кода сделать какую-нибудь штуку на Javascript. Сначала несколько решений в 30 строк, затем в 399 символов. Апогеем стал код длинной в одну строку. Мы с коллегами задумались, а можно ли сделать что-то полезное и использовать меньше кода?

Как ни странно, но да.
Читать полностью »

image

Собственно, продолжая тренд недели.

Ещё первый раз прочитав крошечный excel захотелось написать что либо подобное — маленькое и прикольное. Увидев змейку — понял, что стоит написать игру. Прочитав коммент — «хочу пакмана с фирменными звуками» решил что буду писать «сайтмана», на canvas, с web audio api (и вака-вака-вака) и пожиранием страниц.

Но этому было не суждено сбыться, подробнее — под катом.
Читать полностью »

image

Предисловие

Делая свой проект (в котором я реализовал то, о чем я сейчас буду говорить) я, конечно, сразу предусмотрел возможность входа через социальные сети и прочие oAuth-провайдеры — это удобно, это быстро, это дает много начальной информации о пользователе.
Но в какой-то момент (и не только при разработке сервиса, а вообще, пользуясь входом через oAuth), я заметил одну большую проблему — oAuth-провайдеров так много, что иногда забывается, на каком сайте через что входишь (и это проблема уровня входа через логин-пароль — там тоже можно было забыть, какой логин и пароль, но там-то можно было воспользоваться всякими 1Password и LastPass).

Читать полностью »

Чтобы хоть как-то разбавить тенденцию к 30строчникам решил написать достаточно завершенную и, в сравнении с 30lines, объемную реализацию классической игры Asteroids.
screenshot
Я не буду меряться числом строк или символов кода, т.к. в нем есть и достаточно нормальное оформление и даже комментарии.
Мир игры отрисовывается на canvas, все объекты мира унифицированы, а детектор коллизий использует попиксельный тест. Есть простая озвучка, жизни, godmod на первые секунды после появления, очки, растущая вместе с очками сложность и, конечно, разваливающиеся на куски астероиды :)
Попробовать можно тут. Очень советую Chrome или хотя бы FF.
Читать полностью »

Х*ли там игры, подумал я, и давай строчить в рекавери мод. Писать будем на jQuery, да, смысл 30 строк нивелируется, зато я офигенненько так примажусь к общей феерии и срублю халявной кармы (как бы ни так, подумал читатель и смачно щелкнув мышей минусанул, да и п**уй подумал я и продолжил бредить). Статья рассчитана на новичканов, поэтому уважаемые знатоки могут сразу скроллить.

image

Читать полностью »

Цветовая пипетка на JS, 399 символовПикер умеет много гитик:
1) показывает код цвета по наведению мыши;
2) предоставляет код для копирования по клику;
3) переформатируется в другое количество цветов и ячеек без изменения объёма кода.

<body onload="var H=512,D=51,s='',h=function(a){return a.toString(16).substr(1)},r=256,g,b,v;for(;r<H;r+=D){for(g=256;g<H;g+=D)for(b=256;b<H;b+=D)s+='&lt;b style=&quot;background-color:'+(v=h(r)+h(g)+h(b))+';display:inline-block;width:8px;height:8px;border:1px solid;margin:-1px&quot;onmouseover=this.title=''+v+'' onclick=prompt('',''+v+'') >&lt;/b>';s+='&lt;br>'}document.body.innerHTML+=s">

Гитхаб-демо (фиддл поддерживать это не умеет)
Читать полностью »

Жизнь текла своим чередом и я занимался своими любимыми делами: ел, спал и читал хабр. И вдруг, как грибы после дождя, начали появляться статьи, в заголовках которых присутствовали две ключевые фразы: «JavaScript» и «30 строк кода». Только вот незадача: в JavaScript я новичок и написать что-нибудь серьезное, как мои предшественники, не смогу, а поучаствовать в этом марафоне хочется. Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js