Тисячі рад по CSS, PHP, скриптів. Корисні уроки і відео-поради

Популярні за місяць

Виберіть випадковий елемент із масиву - CSS-хитрощі

Виберіть випадковий елемент із масиву - CSS-хитрощі

Var myArray =; var randomItem = myArray; Дивіться Pen gLJPZv від Chris Coyier (@chriscoyier) на CodePen. "

Необхідні параметри для функцій у JavaScript - CSS-хитрощі

Необхідні параметри для функцій у JavaScript - CSS-хитрощі

Ооо це розумно! Я зафіксував це з блогу Девіда. const isRequired = () => (викинути нову помилку ('необхідний параметр');); const привіт = (name = "

Збереження задоволених змін вмісту як JSON за допомогою Ajax - CSS-хитрощі

Збереження задоволених змін вмісту як JSON за допомогою Ajax - CSS-хитрощі

Елементи з атрибутом contenteditable можна редагувати безпосередньо у вікні браузера. Але, звичайно, ці зміни не впливають на фактичний документ "

Перенаправлення мобільних пристроїв - CSS-хитрощі

Перенаправлення мобільних пристроїв - CSS-хитрощі

"mobile.html" буде замінено місцем розташування, де знаходиться ваша мобільна версія. Цей прийом можна адаптувати для завантаження альтернативної таблиці стилів "

Зніміть номери з рядка - CSS-хитрощі

Зніміть номери з рядка - CSS-хитрощі

Var someString = "Hello 123 World!"; newString = someString.replace (// g, ''); // console.log (newString); // "Привіт Світ!";"

Перемішати масив - CSS-хитрощі

Перемішати масив - CSS-хитрощі

Техніка # 1 Функція перемішування (o) (для (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); повернути o;); Використання var testArray "

Переключити (Показати / Приховати) Елемент - CSS-хитрощі

Переключити (Показати / Приховати) Елемент - CSS-хитрощі

Вбудоване використання: Клацніть тут, щоб перемкнути видимість елемента #foo Це foo "

Тест на Internet Explorer в JavaScript - CSS-хитрощі

Тест на Internet Explorer в JavaScript - CSS-хитрощі

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// робити речі, специфічні для IE) else (// робити речі, не пов'язані з IE) "

Перевірте, чи подія dragenter / dragover містить файли - CSS-хитрощі

Перевірте, чи подія dragenter / dragover містить файли - CSS-хитрощі

Перетягування HTML5 чудово підходить для обробки завантажених файлів. Але якщо це єдине, для чого ви його використовуєте, приємно знати, чи є якийсь конкретний драгентер "

Зніміть теги HTML у JavaScript - CSS-хитрощі

Зніміть теги HTML у JavaScript - CSS-хитрощі

Нехай strippedString = originalString.replace (/ (<(+)>) / gi, ""); CodePen Вбудувати резервну копію "

Зняти пробіл із рядка - CSS-хитрощі

Зняти пробіл із рядка - CSS-хитрощі

Пробіл, що означає вкладки та пробіли. JavaScript для ванілі (обрізати провідні та кінцеві) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

Вкладки підтримки в Textareas - CSS-хитрощі

Вкладки підтримки в Textareas - CSS-хитрощі

Зазвичай клавіша табуляції переходить до наступної фокусуючої речі. Це замість цього вставляє символ табуляції. HTMLTextAreaElement.prototype.getCaretPosition = функція "

Перевірте, чи підтримує елемент атрибут - CSS-хитрощі

Перевірте, чи підтримує елемент атрибут - CSS-хитрощі

Не всі браузери підтримують усі атрибути всіх елементів. У HTML5 є ряд нових атрибутів, тому ідея тестувати, щоб побачити, який браузер "

Перевірте, чи Mac або ПК з JavaScript - CSS-хитрощі

Перевірте, чи Mac або ПК з JavaScript - CSS-хитрощі

Тестування User Agent відстійне, але іноді це потрібно для тонких речей. У моєму випадку я використовував його для налаштування того, що я показував для комбінацій клавіш "

API .classList () - CSS-хитрощі

API .classList () - CSS-хитрощі

Якщо припустити, що у вас є елемент у DOM:

Отримайте посилання на цей елемент DOM: const el = document.querySelector ("# el"); Тоді ти"

Перевірити HTML-букмарклет - CSS-хитрощі

Перевірити HTML-букмарклет - CSS-хитрощі

Обрізати перших / останніх символів у рядку - CSS-хитрощі

Обрізати перших / останніх символів у рядку - CSS-хитрощі

Видалити останні чотири символи var myString = "abcdefg"; var newString = myString.substr (0, myString.length-4); // newString тепер "abc" Видалити перші два "

Закладка підрахунку слів - CSS-хитрощі

Закладка підрахунку слів - CSS-хитрощі

Додайте до панелі закладок, виділіть текст, клацніть на ній, щоб отримати кількість слів. Підрахувати слова Букмарклет Підрахувати слова <Перетягніть на панель закладок "

Розмір вікна перегляду, роздільна здатність екрана, розміщення миші - CSS-хитрощі

Розмір вікна перегляду, роздільна здатність екрана, розміщення миші - CSS-хитрощі

Цей код сумісний з переглядачами та перевіряє розміри області перегляду, роздільну здатність екрана та положення миші, що може бути дуже корисним для "

Додати активний клас навігації на основі URL - CSS-хитрощі

Додати активний клас навігації на основі URL - CSS-хитрощі

В ідеалі ви виводите цей клас з боку сервера, але якщо не можете ... Скажімо, у вас така навігація: Головна Про клієнтів Зв’яжіться з нами, і ви "