Відеосюжети 2025, Січень
Багато веб-сайтів не використовують будь-яку вигадливу систему управління вмістом (CMS) для створення своїх сторінок, вони просто хороший старий статичний HTML-вміст. Сайт для вашого "
Як ми вже неодноразово говорили тут: шрифти значків чудові. Вони ефективні так само, як ефективні спрайти CSS: багато зображень, які можна використовувати для "
У цьому скрінкасті ми в прямому ефірі відповідаємо на інші дописи на форумах без будь-якого планування. Я не думаю, що ми вдарили хомеруна по жодній з ниток, на які ми дивимось, але "
Я ніколи в житті не подавав "запит на витяг" на GitHub. Я хотів спробувати, тому це відео фіксує момент, коли я намагаюся зрозуміти "
У цьому скрінкасті ми заходимо на Форум, щоб відповісти на якомога більше запитань. Справа в тому, щоб просто трохи повеселитися і показати вам, як легко це зробити "
Я представляю чотири справді прості речі, які ви можете зробити, щоб зробити веб-сайти швидшими. Нічого навіть такого складного, як створення спрайт-зображень (що не таке "
Навіть якщо макет сайту простий, оскільки основна область вмісту ліворуч і бічна панель праворуч, це сітка. У CSS є нові методи розміщення "
CodePen PRO пропонує безліч нових функцій. Ви можете прочитати про них, але набагато краще показати їх, правда? : і це лише початок ".
CodePen - це програма для обміну та ігрового використання коду інтерфейсу. Я зробив це з деякими своїми друзями: Алексом Васкесом та Тімом Сабатом. У цьому типовому "
Це короткий огляд початкового рівня різних значень позицій CSS. У двох словах: відносний дозволяє "штовхати" і залишає елемент "
У цьому скрінкасті я переношу свій власний веб-сайт зі своїх старих способів редагування FTP до відповідної системи, керованої версіями, включаючи розгортання. Я не "
У цьому сміливому новому світі попередньої обробки нема чого боятися. Власні програми роблять це настільки простим, що це має бути життєво важливою частиною будь-якого сучасного "
Існує три різні типи макетів веб-сайтів: фіксована ширина, рідинна ширина та еластична ширина. У цьому сюжеті ми розглянемо всі ці три "
Chartwell - це шрифт, спеціально створений для створення простих і красивих кругових діаграм, гістограм та лінійних графіків. Це так просто, як виписувати прості рівняння "
LiveReload - це програма для панелі меню лише для Mac, яка дуже корисна для веб-розробників. Просто скажіть йому переглянути певну папку, і коли файл буде збережено, "
Темою WordPress за замовчуванням на момент цієї трансляції є TwentyEleven, дивовижно простий та чуйний дизайн. Тобто, поки ми не розмістимо чудовий "
Існує багато інструментів для показу скріншотів веб-сайтів у різних браузерах, які допоможуть у тестуванні. Але скріншота бракує у багатьох випадках: ні "
У якому я беру реальний приклад того, де я знав, що використання спрайтів було б непоганою ідеєю, створити спрайт вручну у Photoshop (мій найкращий метод)
Просто збережіть веб-сайт із браузера (у Firefox ви отримаєте файл .html та всі ресурси), опустіть його у свою загальнодоступну папку та натисніть правою кнопкою миші "
У цьому я показую і пояснюю самі основи того, що означає "адаптивний веб-дизайн". Потім я проходжу всюди і показую приклади, пов’язані "
Ми витрачаємо цілу годину на розгляд дизайну Photoshop і написання розмітки HTML5, яка описує те, що ми бачимо. Ми намагаємось бути максимально семантичними та обговорювати "
Ви, мабуть, чудово розумієте, чому використання контролю версій - це добре. Якщо ви цього не зробите, я швидко проходжу це у цьому відео. Тоді ми потрапляємо в "
Це додатковий спеціальний епізод із редизайну v10, присвяченого EMPIRE STRIKES BACK! Все починається дуже добре. Ми починаємо переносити деякі речі "
Це додатковий спеціальний ПОВЕРНЕННЯ тематичного епізоду JEDI серії редизайн v10! Ми залишили останню скринкаст повністю розгромленою. Ми намагалися використати "
«Альманах» був запущений у версії 9 і ніколи так і не був зроблений. З кожним днем він стає все ближчим і ближчим. Тож у версії 10 ми розробимо "
Пошук працює! Просто шаблон, на який ви сідаєте, не зовсім правильний. Нам потрібно налаштувати шаблон, щоб він виглядав правильно і відповідав стилю "
У нас є трохи макету Photoshop, щоб працювати звідси, продовжуючи будувати шаблон для окремої сторінки галереї. Спочатку ми створили стиль "Наступний"
Область пошуку в заголовку "працює" тим, що вона спроектована, і ви можете натиснути її відкритою та закритою і все таке. Але насправді це не робить жодного пошуку "
Весь цей час ми проводили в нашому статичному макеті, створюючи розумний JavaScript, який би «згладив» завантаження зображень у Галереї. Тепер, коли ми маємо справжнє "
Усі наші користувальницькі пошукові системи Google налаштовані (ми встановлюємо інший для кожного розділу сайту). Наш інтерфейс для пошуку готовий до роботи. Ми маємо"