Видео скринкасты 2024, Декабрь
В этом заключительном скринкасте построения нижнего колонтитула мы работаем с нижним нижним колонтитулом, где находятся области CodePen и ShopTalk. Мы должны изменить HTML "
Добавлена иллюстрация настраиваемого заголовка для раздела видео, на этот раз от Алиссы Насснер. Мы потратили немного времени на организацию файла Photoshop и "
Удар головой для Аламанка на этот раз от Джованни Дифетеричи. Для начала мы используем множество техник, которые мы уже разработали "
В этом скринкасте мы в основном имеем дело с оранжевой «фотозвездой», доминирующей в нижнем колонтитуле. Мы делаем звезду в отдельном файле в Photoshop, чтобы мы могли сделать "
Теперь, когда мы боролись за получение надлежащего контента на домашней странице Альманаха, мы можем углубиться в некоторые актуальные стили с помощью CSS. Мы решили пойти "
Когда мы начнем работать в WordPress, будет лучше, если мы найдем точную копию действующей базы данных для локальной работы. На некоторых веб-сайтах есть такие вещи, как "
У нас есть весь контент, который нам нужен для вывода этой страницы, и у нас есть заголовок. Теперь мы можем начать CSSin 'содержание в дизайн, который мы собираемся "
Мы уже работали локально в локальном домене (v10.whatup). Пришло время перейти на WordPress. Мы продолжим работать локально »
Мы прыгнем вперед чуть-чуть вперед. Это довольно обширная серия скринкастов, но это всего лишь 40 часов или около того, и, конечно же, настоящий проект »
В этом скринкасте мы завершаем раздел Альманаха. В Альманахе есть довольно четкая иерархия. Он идет: Главная страница> Главная страница альманаха> Недвижимость или выбор> "
Пора погрузиться в область фрагментов! То есть фактическая область его содержания. У нас уже есть заголовок. Область сниппетов очень популярна ".
Теперь у нас есть дизайн Photoshop, с которым можно работать для домашней страницы области фрагментов. Его гораздо легче просматривать, чем раньше, но он сохраняет радугу "
С дизайном области сниппетов «готово» - теперь мы можем перейти к некоторой интерактивности (читай: JavaScript). Мы добавляем супер-неудачный ролловер для ссылок на "
Мы почти закончили создание домашней страницы в области фрагментов сайта. Сразу же мы начинаем настраивать вещи и вкладывать больше в "
Начнем с того, что посмотрим на некоторую черновую работу, которую я проделал за кулисами, конкретизируя некоторые вещи, которые необходимо было сделать. Как добавление в остальной части "
Здесь мы начинаем копаться в Photoshop и проектировать область для комментариев. Мы начинаем сверху, имея в виду сами отдельные комментарии (в отличие от "
Дизайн комментариев может показаться очень простым. И это! Но я думаю, что простое в этом случае эффективно. Комментарии - такая важная часть CSS-трюков »
В самом конце последнего скринкаста мы поняли, что в нашем дизайне Photoshop, каким бы простым он ни был, есть проблема, которую будет слишком сложно "
В этом скринкасте мы вернемся в Photoshop и создадим саму форму комментария. Например, пользователи input и textarea должны заполнить, чтобы оставить "
Я очень рад работать над разделом комментариев для этого сайта. CSS-Tricks является домом для отличных дискуссий, спасибо всем вам, прекрасные люди. Проектирование"
В этом скринкасте мы собираемся создать форму комментария в HTML / CSS. Разметка для формы комментариев находится в файле comments.php в нашем "
Мы собираемся добавить новую рекламную зону на сайте, основанном на Google AdSense. Мы удалили зону BuySellAds немного назад, так что это не похоже на "
Пришли последние оставшиеся заголовки! Теперь мы можем закончить их и сделать все наши настраиваемые заголовки. В этом скринкасте мы будем работать над кастомным "
После странной путаницы в последнем видео о том, какой заголовок мы на самом деле делали, на этот раз мы действительно собираемся реализовать собственный заголовок "
В этом скринкасте мы добавляем новый плагин на сайт, который дает нам возможность переключать темы на действующем сайте, но только для того, чтобы мы (как администраторы) могли:
Думаю, я сказал в предыдущем видео, что мы закончили все заголовки. Просто шучу! Остался один! Это для области видео и было сделано "
В этом скринкасте мы начинаем говорить о том, как мы собираемся создать зону членства в CSS-Tricks. Часть Kickstarter, которая сделала все это "
Мы смотрим на страницу с контактами и решаем, что это тот тип страницы CSS-Tricks, которая является очень общей и не требует какого-либо особого стиля в "
В этом скринкасте мы собираемся поработать в области «Демо» CSS-Tricks. Это довольно популярная область сайта, несмотря на то, что я не ставлю "
Мы только что завершили захватывающую часть этого редизайна, когда нам нужно было выбросить кучу грубой разметки на странице видеоархивов и заменить ее новой, "