Видео екранни предавания 2025, Юли

# 11: Модулна работа с PHP - CSS-трикове

# 11: Модулна работа с PHP - CSS-трикове

Много сайтове не използват някаква изискана система за управление на съдържанието (CMS) за генериране на своите страници, те са просто добро добро статично HTML съдържание. Сайт за вашия "

# 113: Създаване и използване на персонализиран шрифт на икона - CSS-трикове

# 113: Създаване и използване на персонализиран шрифт на икона - CSS-трикове

Както казахме тук много пъти: шрифтовете на иконите са страхотни. Те са ефективни по същия начин, по който CSS спрайтовете са ефективни: много изображения, използваеми за "

# 119: Нека отговорим на публикации във форума! Кн. 2 - CSS-трикове

# 119: Нека отговорим на публикации във форума! Кн. 2 - CSS-трикове

В този скрийнкаст ние отговаряме на живо на повече публикации във форуми без никакво планиране. Не мисля, че ударихме хомерун на нито една нишка, която разглеждаме, но "

# 117: Нека се опитаме да направим "Искане за изтегляне" - CSS-трикове

# 117: Нека се опитаме да направим "Искане за изтегляне" - CSS-трикове

Никога през живота си не съм подавал „Искане за изтегляне“ на GitHub. Исках да го пробвам, така че това видео заснема момента, в който се опитвам да разбера "

# 116: Нека отговорим на публикациите във форума! - CSS-трикове

# 116: Нека отговорим на публикациите във форума! - CSS-трикове

В този скринкаст ние отваряме форумите, за да отговорим на колкото се може повече въпроси. Въпросът е просто да се позабавлявате и да ви покажем колко лесно е да "

# 114: Нека направим прости неща, за да направим нашите уебсайтове по-бързи - CSS-трикове

# 114: Нека направим прости неща, за да направим нашите уебсайтове по-бързи - CSS-трикове

Представям четири наистина прости неща, които можете да направите, за да направите уебсайтовете си по-бързи. Нищо дори толкова сложно, колкото правенето на спрайтове на изображения (което не е това "

# 115: Не прекалявайте с мрежите - CSS-трикове

# 115: Не прекалявайте с мрежите - CSS-трикове

Дори ако оформлението на даден сайт е просто като основна област на съдържанието вляво и странична лента вдясно, това е решетка. В CSS има нови методи за оформление "

# 118: Въведение в CodePen PRO - CSS-трикове

# 118: Въведение в CodePen PRO - CSS-трикове

CodePen PRO предлага множество нови функции. Можете да прочетете за тях, но много по-добре да ги покажете, нали? : и това е само началото. "

# 112: Използване на CodePen - CSS-трикове

# 112: Използване на CodePen - CSS-трикове

CodePen е приложение за споделяне и игра с кода на предния край. Направих го с някои мои приятели: Алекс Васкес и Тим Сабат. В този типичен "

# 110: Бърз преглед на CSS стойностите на позицията - CSS-трикове

# 110: Бърз преглед на CSS стойностите на позицията - CSS-трикове

Това е бърз преглед на ниво начинаещи на различните стойности на позицията на CSS. Накратко: относителният ви позволява да "бутате" и оставя елемента "

# 109: Излизане от FTP и преминаване към Git Deployment с Beanstalk - CSS-трикове

# 109: Излизане от FTP и преминаване към Git Deployment с Beanstalk - CSS-трикове

В този скринкаст премествам личния си уебсайт от старите си начини за редактиране на FTP на подходяща система, контролирана от версията, включително внедряване. Не съм "

# 111: Направете си предварителна обработка само за няколко минути - CSS-трикове

# 111: Направете си предварителна обработка само за няколко минути - CSS-трикове

Няма от какво да се страхувате в този смел нов свят на предварителна обработка. Родните приложения го правят толкова лесно, че трябва да бъде жизненоважна част от всеки съвременен "

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

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

Има три различни типа оформления за уебсайтове: Fixed Width, Fluid Width и Elastic Width. В този екран ще разгледаме всички тези три "

# 108: Използване на Chartwell - CSS-трикове

# 108: Използване на Chartwell - CSS-трикове

Chartwell е шрифт, специално предназначен за създаване на прости и красиви кръгови диаграми, диаграми и линейни графики. Това е толкова просто, колкото изписването на прости уравнения "

# 107: LiveReload, приложение в лентата с менюта за препроцесори и бързо развитие - CSS-трикове

# 107: LiveReload, приложение в лентата с менюта за препроцесори и бързо развитие - CSS-трикове

LiveReload е приложение за лента с меню само за Mac, което е много полезно за уеб разработчиците. Просто му кажете да гледа определена папка и когато файлът бъде запазен, "

# 103: Интегриране на FitVids.js в WordPress - CSS-трикове

# 103: Интегриране на FitVids.js в WordPress - CSS-трикове

Темата на WordPress по подразбиране по време на тази скринкаст е TwentyEleven, чудесно опростен и отзивчив дизайн. Тоест, докато публикуваме страхотно "

# 106: Използвайте BrowserStack за тестване на уеб браузър на кръстосани браузъри - CSS-трикове

# 106: Използвайте BrowserStack за тестване на уеб браузър на кръстосани браузъри - CSS-трикове

Има много инструменти за показване на екранни снимки на уебсайтове в различни браузъри, които да помогнат при тестването. Но скрийншот липсва по толкова много начини: не "

# 105: Използване на SpriteCow - CSS-трикове

# 105: Използване на SpriteCow - CSS-трикове

В което вземам реален пример за някъде, за което знаех, че използването на спрайтове би било добра идея, създайте спрайта на ръка във Photoshop (предпочитаният от мен метод) и "

# 104: Бърз съвет: Използвайте Dropbox, за да направите публичен URL адрес за каквото и да е - CSS-трикове

# 104: Бърз съвет: Използвайте Dropbox, за да направите публичен URL адрес за каквото и да е - CSS-трикове

Просто запазете уебсайта от браузъра (във Firefox получавате .html файл и всички ресурси), пуснете го в публичната си папка и използвайте десния бутон на мишката "

# 102: Braindump за отзивчив уеб дизайн - CSS-трикове

# 102: Braindump за отзивчив уеб дизайн - CSS-трикове

В което показвам и обяснявам самите основи на това, което означава „отзивчив уеб дизайн“. След това отивам навсякъде и показвам примери, свързани "

# 100: Нека напишем семантична маркировка - CSS-трикове

# 100: Нека напишем семантична маркировка - CSS-трикове

Прекарваме цял час в разглеждане на дизайн на Photoshop и написване на HTML5 маркировка, която описва това, което виждаме. Опитваме се и бъдем максимално семантични и обсъждаме "

# 101: Нека да смучем заедно в GitHub - CSS-трикове

# 101: Нека да смучем заедно в GitHub - CSS-трикове

Вероятно сте наясно защо използването на контрол на версиите е нещо добро. В случай, че не сте, аз бързо преминавам през това в това видео. След това влизаме в "

# 98: Изграждане на алманах, част 1 - CSS-трикове

# 98: Изграждане на алманах, част 1 - CSS-трикове

Това е допълнителен специален тематичен епизод EMPIRE STRIKES BACK от редизайна на поредицата v10! Всичко започва добре. Започваме да преместваме някои неща "

# 99: Изграждане на алманах, част 2 - CSS-трикове

# 99: Изграждане на алманах, част 2 - CSS-трикове

Това е допълнителен специален ВРЪЩАНЕ НА JEDI тематичен епизод от редизайн на поредицата v10! Оставихме последния скрийнкаст напълно победен. Опитвахме се да използваме "

# 97: Фотошопиране на алманах - CSS-трикове

# 97: Фотошопиране на алманах - CSS-трикове

Алманахът беше нещо, лансирано през v9 и никога не е свършено. Все повече и повече се приближава всеки ден. Така че в v10 ще проектираме около "

# 96: Шаблони за резултати от търсенето - CSS-трикове

# 96: Шаблони за резултати от търсенето - CSS-трикове

Търсене работи! Просто шаблонът, върху който кацате, не е съвсем правилен. Трябва да променим шаблона, така че да изглежда правилно и да съответства на стила на "

# 92: Изграждане на индивидуални страници в галерията - CSS-трикове

# 92: Изграждане на индивидуални страници в галерията - CSS-трикове

От тук имаме малко макет на Photoshop, докато продължаваме да изграждаме шаблона за отделната страница на галерията. Първо, оформихме следващия "

# 94: Настройка на Google Custom Search - CSS-трикове

# 94: Настройка на Google Custom Search - CSS-трикове

Областта за търсене в заглавката „работи“, тъй като е проектирана и можете да щракнете върху нея отворена и затворена и всичко това. Но всъщност не търси "

# 93: Опит за плавно зареждане на страниците на галерията - CSS-трикове

# 93: Опит за плавно зареждане на страниците на галерията - CSS-трикове

Прекарахме цялото това време в нашия статичен макет, създавайки умен JavaScript, който би „плавно заредил“ изображенията в галерията. Сега, когато имаме истинското "

# 95: JavaScript за множество Google Персонализирани търсачки - CSS-трикове

# 95: JavaScript за множество Google Персонализирани търсачки - CSS-трикове

Всички наши Google Персонализирани търсачки са настроени (ние създаваме различна за всеки раздел от сайта). Нашият потребителски интерфейс за търсене е готов за работа. Ние имаме"