Tiny CSS Projects
暫譯: 小型 CSS 專案

Dowden, Martine, Gearon, Michael

Tiny CSS Projects
  • 出版商: Manning
  • 出版日期: 2023-10-07
  • 定價: $2,200
  • 售價: 9.5 折 $2,090
  • 貴賓價: 9.0 折 $1,980
  • 語言: 英文
  • 頁數: 392
  • 裝訂: Quality Paper - also called trade paper
  • ISBN: 1633439836
  • ISBN-13: 9781633439832
  • 相關分類: CSS
  • 相關翻譯: CSS 創意項目實踐 (簡中版)

    • 立即出貨 (庫存=1)

買這商品的人也買了...

相關主題

商品描述

CSS is a must-know language for all web developers. In this practical book, you'll explore numerous techniques to improve the way you write CSS as you build 12 tiny projects.

Summary

In Tiny CSS Projects you'll build twelve exciting and useful web projects including:

  • A loading screen created by styling SVG graphics
  • A responsive newspaper layout with multiple columns
  • Animating social media buttons with pseudo-elements
  • Designing layouts using CSS grids
  • Summary cards that utilize hover interactions
  • Styling forms to make them more appealing to your users

The projects may be tiny, but the CSS skills you'll learn are huge! Tiny CSS Projects teaches you how to make beautiful websites and applications by guiding you through a dozen fun coding challenges. You'll learn important skills through hands-on practice as you tinker with your own code and make real creative decisions about the projects you're building. You'll rapidly master the basics and then press on into CSS's exciting layout features including grid and flexbox, animations, transitions, and media queries.

Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.

Aboiut the Technology

Don't settle for boring web pages! With Cascading Style Sheets you can control color, layout, and typography to make your sites both functional and beautiful. CSS is a essential skill for web developers and designers. This book will help you get started the right way.

About the Book

Tiny CSS Projects builds your CSS skills by guiding you through 12 creative mini-projects. Each interesting challenge starts with a downloadable HTML skeleton. As you flesh it out with your own design ideas, you'll master CSS concepts like transitions, layout, and styling forms, and explore powerful features including Flexbox and Grid. All the skills you'll learn are easy to transfer to full-size applications. When you finish, you'll have an exciting portfolio of designs ready to go for your next project.

What's Inside

  • Transitions and animations using keyframes
  • Layout techniques including Grid and Flexbox
  • Styling form elements including radio buttons
  • Embedding fonts and typography-related styles
  • Conditional styling using pseudo-elements and media queries

About the reader

For readers who know the basics of HTML and frontend development. No previous experience with CSS is required.

About the author

Martine Dowden is an author, speaker, and award-winning CTO. Michael Gearon is a user experience designer and frontend developer who has worked with many well-known brands.

Table of Contents
1 CSS introduction
2 Designing a layout using CSS Grid
3 Creating a responsive animated loading screen
4 Creating a responsive web newspaper layout
5 Summary cards with hover interactions
6 Creating a profile card
7 Harnessing the full power of float
8 Designing a checkout cart
9 Creating a virtual credit card
10 Styling forms
11 Animated social media share links
12 Using preprocessors

商品描述(中文翻譯)

CSS 是所有網頁開發者必須掌握的語言。在這本實用的書中，您將探索多種技術，以改善您撰寫 CSS 的方式，並建立 12 個小型專案。

摘要

在 Tiny CSS Projects 中，您將建立十二個令人興奮且實用的網頁專案，包括：

  • 透過樣式化 SVG 圖形創建的載入畫面
  • 具有多欄的響應式報紙佈局
  • 使用偽元素動畫化社交媒體按鈕
  • 使用 CSS 網格設計佈局
  • 利用懸停互動的摘要卡片
  • 為表單進行樣式設計，使其對用戶更具吸引力

這些專案可能很小，但您將學到的 CSS 技能卻是巨大的！Tiny CSS Projects 通過引導您完成十二個有趣的編碼挑戰，教您如何製作美麗的網站和應用程式。您將通過實踐學習重要技能，隨著您對自己的代碼進行調整，並對所構建的專案做出真正的創意決策。您將迅速掌握基礎，然後深入了解 CSS 的令人興奮的佈局功能，包括網格和彈性盒子、動畫、過渡和媒體查詢。

購買印刷版書籍可獲得 Manning Publications 提供的免費 PDF、Kindle 和 ePub 格式電子書。

關於技術

不要滿足於無聊的網頁！使用層疊樣式表（Cascading Style Sheets），您可以控制顏色、佈局和排版，使您的網站既功能性又美觀。CSS 是網頁開發者和設計師的基本技能。本書將幫助您以正確的方式開始。

關於本書

Tiny CSS Projects 通過引導您完成 12 個創意迷你專案來提升您的 CSS 技能。每個有趣的挑戰都以可下載的 HTML 骨架開始。當您用自己的設計理念充實它時，您將掌握 CSS 概念，如過渡、佈局和表單樣式，並探索包括 Flexbox 和 Grid 在內的強大功能。您學到的所有技能都可以輕鬆轉移到完整的應用程式中。完成後，您將擁有一個令人興奮的設計作品集，隨時準備好進行下一個專案。

內容包括

  • 使用關鍵幀的過渡和動畫
  • 包括 Grid 和 Flexbox 的佈局技術
  • 樣式化表單元素，包括單選按鈕
  • 嵌入字體和排版相關樣式
  • 使用偽元素和媒體查詢的條件樣式

關於讀者

適合已了解 HTML 和前端開發基礎的讀者。無需具備 CSS 的先前經驗。

關於作者

Martine Dowden 是一位作家、演講者和獲獎的首席技術官。Michael Gearon 是一位用戶體驗設計師和前端開發者，曾與許多知名品牌合作。

目錄
1 CSS 介紹
2 使用 CSS Grid 設計佈局
3 創建響應式動畫載入畫面
4 創建響應式網頁報紙佈局
5 具有懸停互動的摘要卡片
6 創建個人資料卡
7 發揮浮動的全部力量
8 設計結帳購物車
9 創建虛擬信用卡
10 樣式化表單
11 動畫化社交媒體分享連結
12 使用預處理器

作者簡介

Michael Gearon is a UX designer and frontend developer living in Wales, UK. Mike graduated from the University of South Wales in BSc Media Technology and has been coding for over a decade. Now working in the UK Government as a senior interaction designer, Mike is applying his expertise to solve challenges in the public sector.

An award winning CTO, UX/UI designer and developer, international speaker, and author, Martine Dowden focuses on web interfaces that are beautiful, functional, accessible, and usable. She has worked as an developer, artist, educator, and consultant since 2005. Martine has been awarded the Microsoft MVP award and Google Developer Expert in both the Web Technologies and Angular categories.

作者簡介(中文翻譯)

Michael Gearon 是一位居住在英國威爾斯的 UX 設計師和前端開發者。Mike 畢業於南威爾斯大學，獲得媒體技術學士學位，並且已經編程超過十年。現在在英國政府擔任高級互動設計師，Mike 正在運用他的專業知識來解決公共部門的挑戰。

一位獲獎的首席技術官 (CTO)、UX/UI 設計師和開發者、國際演講者及作者，Martine Dowden 專注於美觀、功能性、可及性和可用性的網頁介面。自 2005 年以來，她一直擔任開發者、藝術家、教育者和顧問。Martine 獲得了微軟 MVP 獎和 Google 開發者專家稱號，涵蓋網頁技術和 Angular 兩個類別。

類似商品