Web_Design 板


LINE

1F:→ StarTouching:CSS3最常用的应该是圆角框框 不必再依赖图片10/10 13:31
↑ ↑ ↑ ↑ ↑ 我不是专业的设计师 只是曾经有一段时间很疯css 所以来提供一点个人经验给大大们参考 其实我一开始玩css3时 也是怕怕的 所以大致上也是只玩圆角框框这种影响不大的地方 不过後来我都这样做 → 先写完可以通用的css语法 然後再以css3做加强 例如 div{background:url(http://aaa.png)} ← 所有浏览器通用 div{background:hsla(0,100%,100%,.8)} ← css3 这样的好处是 即使css3效果出不来 也不至於整个跑版 自从设了这道"防线"我就放胆去玩了 我个人不喜欢animation 因为用得不好会让使用者觉得画面很乱 这需要一定程度的设计功力 但是css3的选取器(selector)很强大 这让我这种即使是用部落格的 也有很大的发挥空间 一般来说 部落格的html比较受限於服务平台 但是css3让我可以将部落格首页重新排版 请看我的部落格 http://thisblogexist.pixnet.net/blog 用到的语法是 .article:not(:only-child){} 其中":not"和":only-child"都是css3的选取器 另外一个我个人很喜欢的 是column的效果 可以做到类似於书本一页一页的感觉 不过css3一旦玩久了 就会想要有更多更多的特效 於是萌生一种想去玩看看JavaScript和jQuerry的念头 这时候还是需要回归到设计层面 看看需要什麽效果 然後再选择适合的工具 --   解放鸡之怒 http://thisblogexist.pixnet.net/blog 阅读、沉思、写程式、装可爱!   --



※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 175.182.194.105
2F:→ Rplus:最後一句很棒! 10/11 00:23
3F:→ superpai:有CSS3之後 特效上就不需要JS/jQuery了吧 10/11 07:12
4F:→ Telete:CSS3可以取代JS和jQ吗?? 10/11 10:47
5F:→ Telete:如果可以就好了,学JS/jQ学得头好痛 10/11 10:48
6F:推 aspdoctor:js不止可以做做动画而已,目前是无法取代 10/11 11:06
7F:→ kurtisgod:有些东西还是需要JS/JQ去做 10/11 11:20
8F:→ superpai:我是说特效上。 10/11 11:33
9F:推 pm2001:jquery animate CSS怎麽取代? 10/11 11:36
10F:→ kurtisgod:Animate.css 10/11 11:45
11F:推 Telete:那像是广告轮播 slider可以用CSS取代吗@@ 10/11 11:47
12F:→ Telete:JSJQ真的好难啊啊~__~ 对完全没程式基础的人而言orz 10/11 11:48
13F:→ kurtisgod:carousel这东西还是乖乖用JS/JQ吧 而且CSS只会愈来愈程 10/11 11:51
14F:→ kurtisgod:式化 10/11 11:52
15F:→ danny8376:轮播还是用JS +1 用CSS来做说真的只会更复杂XD 10/11 12:32
16F:推 aspdoctor:过场动画是可以完全用css3取代,只要客户的电脑没有IE67 10/11 13:04
17F:→ aspdoctor:89……所以还是用js比较快 10/11 13:04
18F:推 lom123456:我只有在js太肥的时候]才会想用css做动画XD 10/11 21:30







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:e-shopping 或 站内搜寻

TOP