CSS3

HTML5 让你惊艳的 demo

看到这个问题我第一反应就是国外一个黑科技壁纸网站:WallpaperPCMobile相对于那些千篇一律的壁纸站来说,WallpaperPCMobile可以说完全碾压任何一个壁纸站。就壁纸数量来说,就1080P以上分辨率的壁纸就将近14万张,随便挑几张吧:1.Sea, dawn, nature, sky, sunset, vacation, weather, ocean, sun, boat, vi...

    264浏览0推荐0评论

    Mac OS X 上学习HTML+JavaScript+CSS有哪些可以推荐的IDE

    推荐Adobe前端神器Brackets!就是这货说他是神器,那么神奇在哪里呢?首先这款软件突出一个简洁,作为专门用来web开发的ide,她没有那些花里胡哨的功能,让使用者专注于开发本身。其次她的核心功能就是减少网页设计中那些低效率的重复活,例如不断地网页刷新,来回切换标签来修改css以及搜索替换等等功能如下图,在我们修改代码的时候,通过编辑器生成的网页会同时变化,减少刷新的重复工作把光标放在一个c...

      275浏览0推荐0评论

      自制2048小游戏

      闲暇看到慕课网上有liuyubobobo老师讲的2048小游戏制作,看了教程,感觉应该不是太难,于是就跟着教程开始了游戏的制作,有兴趣的同学去慕课网看下该视频,自己做出一个小游戏应该蛮好玩的。做完这个小游戏断断续续花了3天的时间,发布程序的时候走了一些坑,视频中讲到的Dropbox和Droppages都用不了,后来直接用了github page,只要访问自己创建的仓库的github pages地址...

        274浏览0推荐0评论

        没那么难,谈CSS的设计模式

          什么是设计模式?  曾有人调侃,设计模式是工程师用于跟别人显摆的,显得高大上;也曾有人这么说,不是设计模式没用,是你还没有到能懂它,会用它的时候。  先来看一下比较官方的解释:“设计模式(Design pattern)是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。 毫无疑问,设计模式于己于他人于系统都是多赢...

          894浏览0推荐0评论

          css3的字体大小单位[rem]

          在移动端可以做到适配不同的手机分辨率,如果保持整体缩放,没有设计上的差异可以不需要用到`media query`假设设计师的视觉稿是按照iPhone6的宽度来设计的,即375px (如果是高清的视觉稿750/2=375)那么,我们可以完全按照视觉稿上的尺寸来赋值给元素的样式,比如视觉稿上的尺寸是80px,那么在css中就可以直接定义width:80px;  页面中所有的尺寸都这样来设置。...

            203浏览0推荐0评论

            样式hack

            1.CSS 重置html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, s...

              362浏览0推荐0评论

              css3 的animationend 会执行多次css3 的animationend 会执行多次

              -webkit-keyframes banner-slide-70 { 0%{ opacity:0;-webkit-transform:translateY(70px) } 100%{ opacity:1; }} @-moz-keyframes banner-slide-70 { 0%{&...

                587浏览0推荐0评论

                css 属性书写顺序推荐

                summary| 布局定位     | 定位方式:position     | 元素浮动:float   | 盒子模型     | 盒子类型:display       | 弹性盒子 :flex       |...

                  464浏览0推荐0评论

                  CSS 性能优化笔记

                  真真切切的体会到了 CSS 对用户体验的影响非常明显,稍有不慎就是一个大坑。下面,我们就来谈谈 CSS 性能优化的问题。加载性能减少文件体积,压缩代码减少阻塞加载,不要用 import提高并发(这个不甚理解)选择器性能对整体性能的影响可以忽略不计了,但是选择器的考究更多是为了规范化和可维护性、健壮性。具体怎么实施可以参考 Github 的这个分享:GitHub's CSS Performa...

                    430浏览0推荐0评论

                    css3【语法要点】

                    display: -webkit-box;     /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */        &...

                      464浏览0推荐0评论

                      css3【语法要点】

                      display: -webkit-box;     /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */        &...

                        464浏览0推荐0评论

                        CSS 性能优化笔记

                        真真切切的体会到了 CSS 对用户体验的影响非常明显,稍有不慎就是一个大坑。下面,我们就来谈谈 CSS 性能优化的问题。加载性能减少文件体积,压缩代码减少阻塞加载,不要用 import提高并发(这个不甚理解)选择器性能对整体性能的影响可以忽略不计了,但是选择器的考究更多是为了规范化和可维护性、健壮性。具体怎么实施可以参考 Github 的这个分享:GitHub's CSS Performa...

                          430浏览0推荐0评论

                          css 属性书写顺序推荐

                          summary| 布局定位     | 定位方式:position     | 元素浮动:float   | 盒子模型     | 盒子类型:display       | 弹性盒子 :flex       |...

                            464浏览0推荐0评论

                            css3 的animationend 会执行多次css3 的animationend 会执行多次

                            -webkit-keyframes banner-slide-70 { 0%{ opacity:0;-webkit-transform:translateY(70px) } 100%{ opacity:1; }} @-moz-keyframes banner-slide-70 { 0%{&...

                              587浏览0推荐0评论

                              样式hack

                              1.CSS 重置html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, s...

                                362浏览0推荐0评论

                                css3的字体大小单位[rem]

                                在移动端可以做到适配不同的手机分辨率,如果保持整体缩放,没有设计上的差异可以不需要用到`media query`假设设计师的视觉稿是按照iPhone6的宽度来设计的,即375px (如果是高清的视觉稿750/2=375)那么,我们可以完全按照视觉稿上的尺寸来赋值给元素的样式,比如视觉稿上的尺寸是80px,那么在css中就可以直接定义width:80px;  页面中所有的尺寸都这样来设置。...

                                  203浏览0推荐0评论

                                  没那么难,谈CSS的设计模式

                                    什么是设计模式?  曾有人调侃,设计模式是工程师用于跟别人显摆的,显得高大上;也曾有人这么说,不是设计模式没用,是你还没有到能懂它,会用它的时候。  先来看一下比较官方的解释:“设计模式(Design pattern)是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。 毫无疑问,设计模式于己于他人于系统都是多赢...

                                    894浏览0推荐0评论

                                    自制2048小游戏

                                    闲暇看到慕课网上有liuyubobobo老师讲的2048小游戏制作,看了教程,感觉应该不是太难,于是就跟着教程开始了游戏的制作,有兴趣的同学去慕课网看下该视频,自己做出一个小游戏应该蛮好玩的。做完这个小游戏断断续续花了3天的时间,发布程序的时候走了一些坑,视频中讲到的Dropbox和Droppages都用不了,后来直接用了github page,只要访问自己创建的仓库的github pages地址...

                                      274浏览0推荐0评论

                                      Mac OS X 上学习HTML+JavaScript+CSS有哪些可以推荐的IDE

                                      推荐Adobe前端神器Brackets!就是这货说他是神器,那么神奇在哪里呢?首先这款软件突出一个简洁,作为专门用来web开发的ide,她没有那些花里胡哨的功能,让使用者专注于开发本身。其次她的核心功能就是减少网页设计中那些低效率的重复活,例如不断地网页刷新,来回切换标签来修改css以及搜索替换等等功能如下图,在我们修改代码的时候,通过编辑器生成的网页会同时变化,减少刷新的重复工作把光标放在一个c...

                                        275浏览0推荐0评论

                                        HTML5 让你惊艳的 demo

                                        看到这个问题我第一反应就是国外一个黑科技壁纸网站:WallpaperPCMobile相对于那些千篇一律的壁纸站来说,WallpaperPCMobile可以说完全碾压任何一个壁纸站。就壁纸数量来说,就1080P以上分辨率的壁纸就将近14万张,随便挑几张吧:1.Sea, dawn, nature, sky, sunset, vacation, weather, ocean, sun, boat, vi...

                                          264浏览0推荐0评论
                                          首页上一页1下一页尾页

                                          推荐作者

                                          热门手记