Js - Форум программистов и сисадминов Киберфорум

Запись от russiannick размещена 27.09.2026 в 21:23

Показов 9743 Комментарии 0

Метки js

Сподобился на программный домашний кинотеатр. В качестве ЯВУ по традиции выбрал js.
В помощники взял Яндекс-Алису.
Было создано три зала на разные интересы.

исторические и ретро
сериал Хичкок
наши комедии

Вверху страницы можно видеть широкоформатный экран с эффектом присутствия, покрытый серебряным нанослоем с защитой от тапиоки.
Звук пятиканальный...

russiannick

Оттачиваю умение писать js программы.

Запись от russiannick размещена 30.08.2026 в 18:56

Показов 3420 Комментарии 0

Метки js

Проектом выходного дня стало написание Книги шифров Виженера. Итогом стала версия 200, синий туман.

Синий туман назван так, потому что замораживает текст под собой. Нажатие синих кнопок управляют Туманом. Начинаясь с левого верхнего угла текста, Туман распространяется...

russiannick

Калькулятор для расчета родства

Запись от russiannick размещена 07.08.2026 в 21:51

Показов 4501 Комментарии 0

Метки js

1. Задача: Создать калькулятор для расчета родства.
Родственных связей существует 8 ступеней, такие как:
p - отец
P - мать
q - муж
Q - жена
b - брат
B - сестра
s - сын
S - дочь
Преобразовать вводимую пользователем строку этих символов.

2. Решение: Создаю кнопки калькулятора на основе тега input [type='button']

HTML5
1
<input type="button" value="p" onclick="a='p'+a; fn()">

...

russiannick

Текстовый слайдер с нумерацией страниц и кроссбраузерность.

Запись от russiannick размещена 18.07.2026 в 19:36

Показов 1047 Комментарии 0

Метки js, слайдер

Один мой друг написал текстовый слайдер с нумерацией страниц. Сегодня я расскажу как он умудрился подружить его с кроссбраузерностью.
Очевидно сложно угодить с шириной каждому браузеру. Один крадет пиксель, другой 10 добавляет. В результате неопределенность и разброд. Чтобы положить этому конец, решил юзать метод половинного деления. Поясню. В рантайм текст кладу в невидимый элемент и сразу замеряю его ширину. Если не уложился в `прокрустово ложе` то уменьшаю ~~аппетиты~~ символы. И...

russiannick

Рисование бинарного древа до 6-го колена на js, svg.

Запись от russiannick размещена 17.05.2026 в 16:49. Обновил(-а) russiannick 17.05.2026 в 21:14

Показов 2573 Комментарии 0

Метки js

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<svg width="335" height="240" viewBox="0 0 335 240" fill="#e5e1bb">
    <style>
    <![CDATA[
      line {
        stroke:blue;
        stroke-width:3;
      }
      rect {
        stroke-width:3;
      }
    ]]>
    </style>
    <g id="bush">
    </g>
</svg>

JavaScript
1
2
3
function fn(){
    let rost;// высота древа
    let xx=165,yy=210,w=256;

...

russiannick

Имитация медиа-запросов для конкретного элемента (Element Queries)

Запись от mrtoxas размещена 30.06.2020 в 14:38

Показов 2158 Комментарии 0

Метки html, js, resizeobserver

В примере, при изменении ширины контейнера, ему добавляется соответствующий размеру data-атрибут, который можно использовать для стилизации самого контейнера или вложенных\соседних блоков.

HTML5
1
2
3
<div class="wrapper" id="wrap" data-mq="">
  <div class="block"></div>
</div>

JavaScript
1
2
3
4
5
6
7
const mq = {
  sm: 200,
  md: 400,
  lg: 600
};
 
const element = document.getElementById("wrap");

...

mrtoxas

HTML5(canvas) + Js, игра

Запись от pavlinmavlin размещена 01.04.2019 в 19:43

Показов 4654 Комментарии 6

Метки canvas, html5, js, игра

Сваял вот такую игрульку.

Нажмите на изображение для увеличения
Название: загруженное (2).png
Просмотров: 812
Размер: 36.6 Кб
ID: 5318

Играем за Человечка.

Сверху игрового поля летает птичка и сбрасывает вниз яйца и кирпичи. Яйца нужно ловить.
За каждое пойманное яйцо +1 к счету и -1 к кол-ву жизней птички. Если яйцо не поймать, то упав оно разобьется....

pavlinmavlin

разработчик

Спойлер на js

Запись от mrtoxas размещена 29.10.2016 в 23:47

Показов 2084 Комментарии 0

Метки js, spoiler

CSS
1
2
3
4
.spoiler {display: inline-block; vertical-align: top;}
.block {width: 40px; height: 30px; background: tomato; margin: 5px;}
.spoiler__split {display: block; text-align: center; cursor: default; }
.spoiler__drop {padding: 1px 0;background-color: green;}

HTML5
1
2
3
4
<div class="spoiler">
  <div class="block">1</div>
  <div class="block">2</div>
  <div class="block">3</div>

...

mrtoxas

Интересное на хабре, сегодня.

Запись от and_y87 размещена 04.02.2015 в 11:14

Показов 8098 Комментарии 5

Метки js, php, программирование, разработка

То что меня заинтересовало.

Двухфакторная аутентификация, которой удобно пользоваться
Блог компании Яндекс, Разработка под iOS*, Мобильный веб*, Криптография*, Информационная безопасность*
http://habrahabr.ru/company/yandex/blog/249547/

Буфер вывода в PHP
Блог компании Mail.Ru Group, PHP*, Веб-разработка*
http://habrahabr.ru/company/mailru/blog/248573/

XSS на сайтах, использующих Instagram API
Информационная...

and_y87

Develo0per

Bind на Сочетания Клавиш ( Ctrl+?, Alt+?, Shift+?) ( JS )

Запись от and_y87 размещена 20.07.2014 в 10:10

Показов 4685 Комментарии 0

Метки bind, ctrl, js, key, сочетание

Добавил на GitHub в свою library скрипт в функционал которого входит:
Бинд функций на сочетакния клавиш и просто на клавишу.

Код реализован на чистом JavaScript

Используемые для бинда функции:

JavaScript
1
2
3
4
BindKey._ctrl( key, func )
BindKey._alt( key, func ) 
BindKey._shift( key, func ) 
BindKey._key( key, func )

Функции принимают 2 параметра:

key = (int)код клавиши либо (str) клавиша
func = функция,

...

and_y87

Develo0per

Определение исчисляемого ( JS + PHP )

Запись от and_y87 размещена 17.07.2014 в 10:10

Показов 3257 Комментарии 0

Метки js, php, исчисляемое, окончание, определение

Добавил на GitHub в свою library скрипт определения исчисляемого на JS.
Ранее в в этом блоге постил уже эту функцию, но определение было только на PHP.

Теперь код реализован на JavaScript & PHP.

Функция принимает 2 параметра:

число
Массив вида Array( 'день', 'дня', 'дней' )

Профит:
- использовать, что бы определить исчисляемое, это много где используется либо...

and_y87

Develo0per

isOnline - трекер соединения с сайтом.

Запись от and_y87 размещена 14.07.2014 в 11:51

Показов 3957 Комментарии 0

Метки js, online, plugin

Недавно загорелся желанием создать скрипт позволяющий определить есть ли у пользователя соединение с сайтом.
На мой скромный взгляд это актуально для Touch-устройств.

Профит вижу в следующем:
перед запросом проверять переменную ONLINE на == false.
и если условие прошло, то оповещать пользователя о том что пока он не будет в сети, ничего не будет.

Так я и написал скрипт isOnline[ссылка на gitHub]
Скрипт с указанным интервалом...

and_y87

Develo0per

Создание блока вкладок.

Запись от and_y87 размещена 07.07.2014 в 18:45

Показов 3731 Комментарии 1

Метки jquery, js, вкладки, разработка

Нормальные вкладки на jQuery - 1 скрипт на всё.

Ответ на вопрос: как сделать блок открывающийся при клике, а другие при этом закрываются.

CSS
1
.none { display: none; }

HTML5
1
2
3
4
5
<div class="blokc__tabs">
 
    <div class="b-tabs__header">
        <a class="b-tabs__link" href="#first"> первый </a> |
        <a class="b-tabs__link" href="#next">

...

and_y87

Develo0per

Мастер-класс. Митап по БЕМ

Запись от and_y87 размещена 07.05.2014 в 01:34

Показов 3315 Комментарии 0

Метки bem, html, js, yandex, разработка

BEMup в Минске, 18 апреля 2014.

Разработка сайта с нуля на полном стеке БЭМ-технологий.
Докладчики: Жека Константинов, Дима Белицкий, Слава Аристов, Яндекс

Ссылка на видео

and_y87

Develo0per

Всего блогов	1,224
Всего записей	7,283
Записи за последние сутки	1

Новые блоги и статьи Все статьи Все блоги /
FPS контроллер с анимированными Y-Bot и 3D-звуком miniaudio (Box3D, Recast, BehaviorTree.CPP, ozz-animation, ImGui, OpenGL и SDL3) 8Observer8 18.10.2026 Содержание блога \| English Version Полное мультиплатформенное руководство по стартовому проекту с FPS-контроллером игрока, анимированными роботами Y-Bot с 4-слойным блендингом, 3D-физикой Box3D,. . .	Локальный http сервер Argus19 17.10.2026 Локальный http сервер На работе, на двух локальных компьютерах круглосуточно работают программы опроса приборов с записью в книги Excel,которые раз в сутки записываются на сервер компании. Т. к. . . .	Копировать Windows на новый диск на UEFI damix 17.10.2026 https:/ / uriesk. wordpress. com/ 2016/ 11/ 01/ move-window-10-to-ssd-on-a-uefi-dualboot-system-with-basic-linux-tools/ TL DR Вставляем диск, а старый подключаем через переходник, грузимся с лайва. . .	ИИ не может найти нужный язык в списке Supersumestria 05.10.2026 Я ему даю вот такое изображение и прошу найти и подчеркнуть немецкий язык. Возвращает он вот это: https:/ / i. **********/ vqBWLe2. png Нужную строчку в 3й колонке просто выдумал. . Это. . .
Новая последняя моя музыка в SUNO zorxor 05.10.2026 Здравствуйте, дорогие мои друзья! С большой радостью я хотел бы представить вам свою новую последнею музыку, которую сгенерировала мне по моей просьбе нейросеть SUNO. С уважением, zorxor. Это. . .	Программный домашний кинотеатр russiannick 27.09.2026 Сподобился на программный домашний кинотеатр. В качестве ЯВУ по традиции выбрал js. В помощники взял Яндекс-Алису. Было создано три зала на разные интересы. исторические и ретро сериал Хичкок. . .	Беседа с ИИ о программистах, недопускающих к созданию и правке кода генеративные ИИ и причины этого zorxor 21.09.2026 Раньше я радовался или получал некоторые эмоции, пусть небольшие, но всё же, от самого процесса написания кода, рекомпиляции и запуска, видя постепенное развитие программы и прочее. А теперь лень. . .	Мобильное приложение ColorStep pavlinmavlin 17.09.2026 Реализовал приложение Красный, Зеленый, Синий в Unity3d + c#. Название изменил на ColorStep. Приложение прошло модерацию и теперь доступно для скачивания. Делал его сам, шаг за шагом — и вот,. . .

Сообщение форума

Отменить изменения

Архив
< Октябрь 2026
Вс	Пн	Вт	Ср	Чт	Пт	Сб
20	21	22	23	24	25	26
27	28	29	30	1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31