Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Web的流行素
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
w3cplus
January 17, 2013
Technology
2
500
Web的流行素
Web的流行素
w3cplus
January 17, 2013
Tweet
Share
More Decks by w3cplus
See All by w3cplus
手淘互动动效探索
w3cplus
0
240
CSS Future
w3cplus
2
640
Web Animation
w3cplus
5
500
CSS3带来的变化
w3cplus
0
1.5k
Web重构之道
w3cplus
1
2.8k
Sass带来的变革
w3cplus
2
620
Responsive小试牛刀
w3cplus
3
560
CSS预处器——Sass、LESS和Stylus实践
w3cplus
0
390
http协议与缓存简述
w3cplus
5
530
Other Decks in Technology
See All in Technology
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
6
68k
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
torounit
0
470
量子クラウドサービスの裏側 〜Deep Dive into OQTOPUS〜
oqtopus
0
110
MCPでつなぐElasticsearchとLLM - 深夜の障害対応を楽にしたい / Bridging Elasticsearch and LLMs with MCP
sashimimochi
0
170
Amazon S3 Vectorsを使って資格勉強用AIエージェントを構築してみた
usanchuu
3
450
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
oracle4engineer
PRO
2
14k
Greatest Disaster Hits in Web Performance
guaca
0
240
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
daitak
1
360
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
muziyoshiz
1
1.9k
Sansan Engineering Unit 紹介資料
sansan33
PRO
1
3.8k
顧客との商談議事録をみんなで読んで顧客解像度を上げよう
shibayu36
0
230
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
okdt
PRO
3
760
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.6k
Thoughts on Productivity
jonyablonski
74
5k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
910
Building a Scalable Design System with Sketch
lauravandoore
463
34k
How Software Deployment tools have changed in the past 20 years
geshan
0
32k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.4k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
170
Code Review Best Practice
trishagee
74
20k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
3k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
1.4k
The SEO identity crisis: Don't let AI make you average
varn
0
240
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.2k
Transcript
Web流行素 Blog:http://www.w3cplus.com Q Q: 81059347
Web流行素 • Web的演变 • CSS3的使用 • CSS预处理器 • 前端框架 •
Responsive设计 • 视差滚动 • 单一网页 • 全屏背景 • Metro时代 • 移动端
——Web的演变
——CSS3的使用 border-radius box-shadow text-shadow gradient Media Queries Rgba & opacity
Text-overflow Word-wrap @font-face Box-sizing Background transform transition animation http://www.w3cplus.com/resources/css3-tutorial-and-case flexbox
——CSS3的使用 Border-images Border-colors Multi columns Calc() http://www.w3cplus.com/resources/css3-tutorial-and-case
——CSS预处理器 http://lesscss.org/ http://www.lesscss.net/
——CSS预处理器 http://sass-lang.com
——前端框架 http://twitter.github.com/bootstrap http://www.w3cplus.com/source/the-best-bootStrap-resources.html
——Responsive设计
——Responsive设计 http://www.w3cplus.com/css3/10-basic-tips-about-responsive-design.html http://www.w3cplus.com/css3/responsive-web-design.html
——视差滚动 http://www.nike.com/us/en_us/lp/better-world/ http://www.ianlunn.co.uk/plugins/jquery-parallax/
——视差滚动 层 带来 觉 验 http://www.w3cplus.com/source/10-best-Parallax-Scrolling-plugin.html
——单一网页 内 转 http://designhash.com/awesome-single-page-website-designs http://unfold.no/
——全屏背景 来阐释 张图 语 http://ringvemedia.com/
——Metro时代 • 软 计语 • 计 • 组 • 钮
• 区 • 标 项 • 简约 轻 觉
——移动端 • 计 • 为 现 • 应 开
——其他流行素 • • 计 • 结 • 图 计 •
频
问与 谢谢(^_^)