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
w3cplus
January 17, 2013
Technology
2
480
Web的流行素
Web的流行素
w3cplus
January 17, 2013
Tweet
Share
More Decks by w3cplus
See All by w3cplus
手淘互动动效探索
w3cplus
0
170
CSS Future
w3cplus
2
550
Web Animation
w3cplus
5
430
CSS3带来的变化
w3cplus
0
1.3k
Web重构之道
w3cplus
1
2.6k
Sass带来的变革
w3cplus
2
480
Responsive小试牛刀
w3cplus
3
500
CSS预处器——Sass、LESS和Stylus实践
w3cplus
0
340
http协议与缓存简述
w3cplus
5
490
Other Decks in Technology
See All in Technology
Databricks:『生成AI World Cup』のご案内
databricksjapan
1
130
2024/4/26 コンピュータ歴史博物館解説告知
toshi_atsumi
0
190
入社後初めてのタスクでk8sアップグレードした話.pdf
kkato1
0
380
Databricks におけるデータエンジニアリング
databricksjapan
0
370
マルチアカウント環境への発見的統制の導入
ch1aki
1
1.3k
Databricks における 『MLOps』
databricksjapan
2
130
オーナーシップを持つ領域を明確にする
konifar
10
1.9k
OpenTelemetry を使ったトレースエグザンプラーの活用 / otel-trace-exemplar
k6s4i53rx
2
630
Signals Unleashed: The Full Guide
rainerhahnekamp
0
360
Terraformあれやこれ/terraform-this-and-that
emiki
3
210
4年前、あるじゃん老害エンジニアLT合戦に登壇、米国西海岸コンピュータ歴史博物館体験記の続編
toshi_atsumi
0
190
"好き"との生活/Regularly update profile with GitHub Actions
judeeeee
0
150
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
175
21k
Debugging Ruby Performance
tmm1
69
11k
Raft: Consensus for Rubyists
vanstee
131
6.2k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
13
1.5k
Bootstrapping a Software Product
garrettdimon
PRO
301
110k
Designing for humans not robots
tammielis
247
25k
Building Effective Engineering Teams - LeadDev
addyosmani
26
1.8k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
Producing Creativity
orderedlist
PRO
336
39k
Atom: Resistance is Futile
akmur
258
25k
Git: the NoSQL Database
bkeepers
PRO
421
63k
Building Your Own Lightsaber
phodgson
97
5.7k
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时代 • 软 计语 • 计 • 组 • 钮
• 区 • 标 项 • 简约 轻 觉
——移动端 • 计 • 为 现 • 应 开
——其他流行素 • • 计 • 结 • 图 计 •
频
问与 谢谢(^_^)