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

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

Шорт-код у шаблоні - CSS-хитрощі

Шорт-код у шаблоні - CSS-хитрощі

Шорткоди в WordPress - це біти тексту, які ви можете використовувати в області вмісту, щоб викликати якусь функцію для виконання певних завдань. Наприклад, відео "

# 101: Давайте смоктати разом GitHub - CSS-хитрощі

# 101: Давайте смоктати разом GitHub - CSS-хитрощі

Ви, мабуть, чудово розумієте, чому використання контролю версій - це добре. Якщо ви цього не зробите, я швидко проходжу це у цьому відео. Тоді ми потрапляємо в "

# 100: Давайте напишемо семантичну розмітку - CSS-хитрощі

# 100: Давайте напишемо семантичну розмітку - CSS-хитрощі

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

№ 102: Braindump про адаптивний веб-дизайн - CSS-хитрощі

№ 102: Braindump про адаптивний веб-дизайн - CSS-хитрощі

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

# 104: Швидка порада: використовуйте Dropbox, щоб зробити загальнодоступну URL-адресу для чого-небудь - CSS-хитрощі

# 104: Швидка порада: використовуйте Dropbox, щоб зробити загальнодоступну URL-адресу для чого-небудь - CSS-хитрощі

Просто збережіть веб-сайт із браузера (у Firefox ви отримаєте файл .html та всі ресурси), опустіть його у свою загальнодоступну папку та натисніть правою кнопкою миші "

# 105: Використання SpriteCow - CSS-хитрощі

# 105: Використання SpriteCow - CSS-хитрощі

У якому я беру реальний приклад того, де я знав, що використання спрайтів було б непоганою ідеєю, створити спрайт вручну у Photoshop (мій найкращий метод)

# 106: Використовуйте BrowserStack для тестування веб-переглядачів у режимі реального часу - CSS-хитрощі

# 106: Використовуйте BrowserStack для тестування веб-переглядачів у режимі реального часу - CSS-хитрощі

Існує багато інструментів для показу скріншотів веб-сайтів у різних браузерах, які допоможуть у тестуванні. Але скріншота бракує у багатьох випадках: ні "

# 103: Інтеграція FitVids.js у WordPress - CSS-хитрощі

# 103: Інтеграція FitVids.js у WordPress - CSS-хитрощі

Темою WordPress за замовчуванням на момент цієї трансляції є TwentyEleven, дивовижно простий та чуйний дизайн. Тобто, поки ми не розмістимо чудовий "

№ 107: LiveReload, додаток на панелі меню для попередніх процесорів та швидкої розробки - CSS-хитрощі

№ 107: LiveReload, додаток на панелі меню для попередніх процесорів та швидкої розробки - CSS-хитрощі

LiveReload - це програма для панелі меню лише для Mac, яка дуже корисна для веб-розробників. Просто скажіть йому переглянути певну папку, і коли файл буде збережено, "

# 108: Використання Chartwell - CSS-хитрощі

# 108: Використання Chartwell - CSS-хитрощі

Chartwell - це шрифт, спеціально створений для створення простих і красивих кругових діаграм, гістограм та лінійних графіків. Це так просто, як виписувати прості рівняння "

# 10: Фіксована ширина, ширина рідини та еластична ширина - CSS-хитрощі

# 10: Фіксована ширина, ширина рідини та еластична ширина - CSS-хитрощі

Існує три різні типи макетів веб-сайтів: фіксована ширина, рідинна ширина та еластична ширина. У цьому сюжеті ми розглянемо всі ці три "

№ 111: Потрапіть на попередню обробку всього за кілька хвилин - CSS-хитрощі

№ 111: Потрапіть на попередню обробку всього за кілька хвилин - CSS-хитрощі

У цьому сміливому новому світі попередньої обробки нема чого боятися. Власні програми роблять це настільки простим, що це має бути життєво важливою частиною будь-якого сучасного "

# 109: Вихід з FTP і розгортання Git за допомогою Beanstalk - CSS-хитрощі

# 109: Вихід з FTP і розгортання Git за допомогою Beanstalk - CSS-хитрощі

У цьому скрінкасті я переношу свій власний веб-сайт зі своїх старих способів редагування FTP до відповідної системи, керованої версіями, включаючи розгортання. Я не "

№ 110: Короткий огляд значень позицій CSS - CSS-хитрощі

№ 110: Короткий огляд значень позицій CSS - CSS-хитрощі

Це короткий огляд початкового рівня різних значень позицій CSS. У двох словах: відносний дозволяє "штовхати" і залишає елемент "

# 112: Використання CodePen - CSS-хитрощі

# 112: Використання CodePen - CSS-хитрощі

CodePen - це програма для обміну та ігрового використання коду інтерфейсу. Я зробив це з деякими своїми друзями: Алексом Васкесом та Тімом Сабатом. У цьому типовому "

# 118: Вступ до CodePen PRO - CSS-хитрощі

# 118: Вступ до CodePen PRO - CSS-хитрощі

CodePen PRO пропонує безліч нових функцій. Ви можете прочитати про них, але набагато краще показати їх, правда? : і це лише початок ".

# 115: Не переосмислюйте це сітки - CSS-хитрощі

# 115: Не переосмислюйте це сітки - CSS-хитрощі

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

# 114: Давайте зробимо прості речі, щоб зробити наші веб-сайти швидшими - CSS-хитрощі

# 114: Давайте зробимо прості речі, щоб зробити наші веб-сайти швидшими - CSS-хитрощі

Я представляю чотири справді прості речі, які ви можете зробити, щоб зробити веб-сайти швидшими. Нічого навіть такого складного, як створення спрайт-зображень (що не таке "

# 116: Давайте відповімо на повідомлення форуму! - CSS-хитрощі

# 116: Давайте відповімо на повідомлення форуму! - CSS-хитрощі

У цьому скрінкасті ми заходимо на Форум, щоб відповісти на якомога більше запитань. Справа в тому, щоб просто трохи повеселитися і показати вам, як легко це зробити "

№ 117: Спробуємо виконати "запит на витяг" - CSS-хитрощі

№ 117: Спробуємо виконати "запит на витяг" - CSS-хитрощі

Я ніколи в житті не подавав "запит на витяг" на GitHub. Я хотів спробувати, тому це відео фіксує момент, коли я намагаюся зрозуміти "