Flexbox——快速布局神器
本文由大漠根据Chris Mills的《Flexbox — fast track to layout nirvana?》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://dev.opera.com/articles/view/flexbox-basics/,以及作者相关信息——作者:Chris...
View ArticleCSS架构:代码简洁原则
特别声明:此篇文章由Jekst根据Denise Jacobs的英文文章原名《CSS Architectures: Principles of Code...
View Article新手指南——优秀平面设计师是怎样炼成的
特别声明:此篇文章由Summer根据 Michael John Burns的英文文章原名《A Beginner’s Guide on How to Become a Better Graphic...
View Article网页设计中的Steampunk思想
本文由LL根据Simon Andras的《Steampunk in Web Design》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://speckyboy.com/2013/02/24/steampunk-in-web-design/,以及作者相关信息——作者:Simon...
View Article跨浏览器的Flexbox
本文由大漠根据Chris Mills的《Advanced cross-browser flexbox》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://dev.opera.com/articles/view/advanced-cross-browser-flexbox/,以及作者相关信息——作者:Chris...
View Article看看接下来会发生什么:CSS3 Flexible Boxes
本文由大漠根据Shock Family的《A Look at What’s Coming Up: CSS3 Flexible...
View Articlecss3制作后台管理面板
demodownload HTML结构<div class="admin-panel clearfix"> <div class="slidebar"> <div class="logo"> <a href=""></a> </div> <ul> <li><a href="#dashboard"...
View Article使用CSS3 Flexbox布局
本文由大漠根据Helen Emerson的《Using the CSS3 flexbox layout》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://helephant.com/2013/03/23/css3-flexbox-layout,以及作者相关信息——作者:Helen...
View Article“老”的Flexbox和“新”的Flexbox
本文由大漠根据Chris Coyier的《“Old” Flexbox and “New” Flexbox》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://css-tricks.com/old-flexbox-and-new-flexbox,以及作者相关信息——作者:Chris...
View Article使用Flexbox:新旧语法混用实现最佳浏览器兼容
本文由大漠根据Chris Coyier的《Using Flexbox: Mixing Old and New for the Best Browser Support》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://css-tricks.com/using-flexbox,以及作者相关信息——作者:Chris...
View Article2013年优秀jQuery插件连载(五期)
又到了插件分享的时候了,今天要为大家推荐的十款插件都算是比较时尚的(制作的效果时尚)。比如说:icheck可以帮助大家轻松实现自定义复选框、单选框按钮;sidr可以实现固定边栏效果(当然也可以固定顶部,可以根据你的需求来设置);jQuery List...
View Article美学探究之Flat Design
本文由LL根据Shawn Adrian的《The Flat Design Aesthetic: A Discussion》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://speckyboy.com/2012/12/11/the-flat-design-aesthetic,以及作者相关信息——作者:Shawn...
View Article如何从css生成内容和计数组件中得到益处
特别声明:此篇文章由D姐根据Gabriele Romanato的英文文章原名《How To Benefit From CSS Generated Content And...
View Article一个完整的Flexbox指南
本文由大漠根据Chris Coyier的《A Complete Guide to Flexbox》所译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://css-tricks.com/snippets/css/a-guide-to-flexbox,以及作者相关信息——作者:Chris...
View ArticleIE10中的Flexible Box("Flexbox")布局
经过这一系列对Flexbox的介绍,我想大家对Flexbox在布局中的使用以及其强大功能特性给我们布局带来的方便性都有所了解。话又说回来,虽然Flexbox功能强大(特别是弹性布局),但还是很多同学不敢使用,也不想尝试性使用。我想主要原因出于他的语法版本众多,浏览器对其兼容性等。在《“老”的Flexbox和“新”的Flexbox》一文中,让我们了解了如何识别Flexbox的语法版本,而在《使用Fle...
View ArticleCSS3 Grid Layout
Web页面的布局,我们常见的主要有“浮动布局(float)”、“定位布局(position)”、“行内块布局(inline-block)”、“CSS3的多栏布局(Columns)”、“伸缩布局(Flexbox)”以及“网格布局(Grids)”等,在众多布局方法中,大家最为熟悉的就是浮动布局和网格布局,并且使用不同的细节能得到不同的布局效果。虽然这些布局能让大家实现常见的布局效果,但在实际中还是存在不...
View Article