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

Цветовая пипетка на 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 я новичок и написать что-нибудь серьезное, как мои предшественники, не смогу, а поучаствовать в этом марафоне хочется. Читать полностью »

Программа конференции FOSS Sea

30 ноября в Одессе состоится VI специализированная техническая конференция FOSS Sea: back-end на базе свободных и открытых технологий. Она будет проходить в два параллельных потока:

  • «Облака» – на этом потоке участники обсудят технические вопросы настройки, администрирования и поддержки облачных инфраструктур;
  • «JavaScript на бекенде» — здесь речь пойдет об использовании различных решений, таких как: node.js, express.js, jscala и других.

Конференция будет интересна системным администраторам, JavaScript разработчикам, руководителям IT отделов и компаний, а также всем, кто интересуется современными облачными технологиями и использованием JavaScript на бекенде.

С докладами на конференции выступят сотрудники таких компаний как: Mirantis, DataArt, Infobox Cloud, ЛанТек, Lohika, GradSoft, RootUA Media, Европейское Агентство Высоких Технологий, GlobalLogic и других.
Читать полностью »

Есть вероятность глюков в Chrome/Chromium 31, Opera 18: селекторы вроде nth last child могут отрабатывать некорректно
В issues хрома за последние несколько дней появилось несколько issue, в которых описывается примерно следующий сценарий: используется тяжелый css3 селектор, в результате чего идет некорректное обращение. В том числе может некорректно работать селектор к нескольким объектам через запятую (#a, #b, #c etc.), однозначно некорректно работает nth-last-child. Гарантированно выявлен баг с ним.
Проблема, судя по всему, находится в механизме css-запросов, так как document.querySelector также некорректно адресуется. Что самое неприятное — jQuery так же опирается на нативные функции (если они существуют). Таким образом, сложные jQuery-запросы также перестали отрабатывать корректно.
Если в ваших проектах используется nth-last-child, подробности бага под катом
Читать полностью »

В продолжение 30-ти строчного мема, выкладываю реализацию известной игры Жизнь на LiveScript (язык, транслируемый в Javascript).
Читать полностью »

Всем привет, решил приобщиться к общему безумию. В 30 строк уже написали почти все, что могли, но старого доброго сокобана я не нашел (возможно, плохо искал), так что хочу восполнить этот пробел.

Сокобан на Javascript в 30 строк

Ссылка на fiddle
Читать полностью »

На хабре стали выкладывать небольшие приложения на JavaScript в 30 строк, и я тоже решил попробовать, и написал всем известную игру сапер. Если вам еще не надоела эта тема, то прошу под кат.
Читать полностью »

Сегодня я хотел бы анонсировать js-фреймворк, позволяющий создавать диалоговые микро-приложения в несколько строк js-кода, разделяемого между клиентом и сервером.

WidLib – декларативный js фреймворк для построения виджетов

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

В отличие от большинства фреймворков, WidLib не претендует на универсальность: он предназначен для быстрого создания многостраничных диалоговых приложений.
Читать полностью »

После серии постов про реализацию простеньких игрушек на JavaScript в 30 строчек, решил попробовать себя в этом «соревновании». Посидев вечер, получилось создать «полноценную» Roguelike/RPG (я не слишком разбираюсь в жанрах, но вышло что-то в этом направлении). Заодно поизучал JavaScript (до этого на нем никогда не писал, как-то все C++ балуюсь).

image

Особенности:

  • Случайно генерируемый мир
  • Прокачка персонажа
  • 3 вида врагов и финальный босс
  • Инвентарь с бутылочками зелья и магазин для их пополнения

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

20 и 1 примочка Javascript, которые я никак не могу запомнитьСтатья описывает особенности Javascript ES3, которые имеют свойство забываться. Одни из них — странности языка, а другие просто свойства, которые, по-моему, труднозапоминаемы. Я постарался собрать здесь не те из них, по которым можно дать просто ссылку на описание языка (как по различиям между apply и call), а о которых мало сказано в руководствах.

Прежде чем начать, хочу уточнить 3 момента, которые я не стараюсь доказать этой статьёй:

1. Я не говорю, что эти особенности забываются всеми или что они такие по сути. Я их нахожу трудными лично для меня (например, забываются детали, если их не освежать в памяти). Они могут быть лёгкими для вас. Тем не менее, думаю, что этот сборник может быть полезен не только мне.
Читать полностью »


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