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

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

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

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

В примере, при изменении ширины контейнера, ему добавляется соответствующий размеру 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

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

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

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

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

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

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

Вложения

eggs.zip (328.1 Кб, 251 просмотров)

pavlinmavlin

разработчик

Спойлер на js

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

Показов 1745 Комментарии 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

Показов 7669 Комментарии 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
Информационная...

Миниатюры

Нажмите на изображение для увеличения
Название: 4989_900.jpg
Просмотров: 1220
Размер: 42.8 Кб
ID: 3021

Вложения

and_y87

Develo0per

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

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

Показов 4223 Комментарии 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

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

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

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

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

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

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

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

and_y87

Develo0per

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

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

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

Метки js, online, plugin

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

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

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

and_y87

Develo0per

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

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

Показов 3266 Комментарии 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

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

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

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

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

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

Миниатюры

Нажмите на изображение для увеличения
Название: QIP Shot - Screen 001.png
Просмотров: 884
Размер: 161.7 Кб
ID: 2327

Вложения

and_y87

Develo0per

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

Новые блоги и статьи Все статьи Все блоги /
Размещения без повторений VistaSV30 31.05.2025 Код возвращает список вариантов размещений A^{k}_{n}=\frac{n!}{(n-k)!} from itertools import permutations def pwr(k, n): # Размещение без повторений (Placement without repetition) if k. . .	Redis и Node.js с TypeScript - решения для высоконагруженных систем Reangularity 31.05.2025 Redis (Remote Dictionary Server) — сверхбыстрое хранилище данных в памяти, способное обрабатывать операции за микросекунды. И что особенно важно для нас — с удивительно простым API. А теперь. . .	Unit-тестирование с моками в Go golander 31.05.2025 Большинство разработчиков предпочитают тестировать код без использования моков. Например, при интеграции с Elasticsearch логичнее запустить контейнер локально и тестировать Go-код непосредственно с. . .	Как работать с PDF в C# stackOverflow 31.05.2025 Нам приходится сталкиваться с PDF по разным причинам. Генерация счетов, создание отчетов, извлечение данных из загруженных пользователем документов, автоматизация рабочих процесов - это лишь верхушка. . .	Двухбуквенные коды стран в шифровании. russiannick 31.05.2025 Человечество издревле манила возможность замены сочетаний букв вымышленными символами, делающие сообщение понятным только для посвещенных. Настала пора внести в это свой вклад. Двухбуквенные коды. . .
Мой опыт в исправлении ошибки приложения Boinc в части заряда батареи смартфона. Programma_Boinc 31.05.2025 Мой опыт в исправлении ошибки приложения Boinc в части заряда батареи смартфона. Хотел бы поделиться опытом в исправлении ошибки приложения в части заряда батареи смартфона. Сразу скажу, что. . .	Добро пожаловать на конкурс PrimeGrid, посвященный 20-летию PrimeGrid Programma_Boinc 31.05.2025 Добро пожаловать на конкурс PrimeGrid, посвященный 20-летию PrimeGrid: 5-дневный обобщенный поиск простых чисел Ферма n = 20 с 12 июня 20:20 UTC по 17 июня 20:20 UTC. 12 июня 2005 года. . .	Вероятность в шансы / Шансы в вероятность VistaSV30 31.05.2025 # Шансы -> Вероятность def Chance_to_Probability(ch): def gcd(a, b): # НОД - нужен для упрощения значений шансов while b != 0: a, b = b, a % b return a. . .	FastAPI и Flask: Отличия, производительность и примеры использования py-thonny 30.05.2025 Если вы разрабатываете веб-приложения на Python, вы наверняка слышали о Flask и FastAPI. Эти два фреймворка часто становятся предметом жарких дискуссий в сообществе разработчиков. И не без основания. . .	ML.NET и TensorFlow.NET: Умные приложения на C# с машинным обучением stackOverflow 30.05.2025 Еще совсем недавно, когда речь заходила о машинном обучении, C# разработчики обреченно вздыхали и тянулись к Python. Мир искуственного интеллекта словно был огражден невидимым забором с табличкой. . .

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

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

Архив
< Июнь 2025
Вс	Пн	Вт	Ср	Чт	Пт	Сб
25	26	27	28	29	30	31
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	1	2	3	4	5