css 迷惑的position

迷惑的position小加发现实际开发中position使用频率很高,但很多人却对position不是很了解,导致开发中出现各种问题,现在让我门一起来看看这个迷惑的position吧~static元素未定位，默认出现在普通流中，即元素从左到右，从上到下的方式布局～HTMLStatic - 普通流 header box left box right box

业界 2016年05月15日

css 不规整元素的宽高等比例

不规整元素的宽高等比例在不同屏幕情况中不同宽高的元素都以相同等比例、等宽和等高方式展示。需求设计师希望页面的图片区域，以宽高为2:1比例且所有图片的等宽和等高的方式展示。小加同学觉得设计师这需求太容易，分分钟搞定，拿到图片后便开始刷刷的撸代码。原型设计稿大致如下:初版思路每个图片区域宽度为父元素宽度的25%，图片的宽度设置100%，其高度根据宽度等比例自动缩放（小加以为图片

业界 2016年05月15日

精选干货！十款新兴实用的网页设计与开发工具

对于设计师和开发者而言，好工具和好想法同样重要。我们常说“工欲善其事，必先利其器”，所以在项目开始之初，有必要弄清楚有哪些事情任务需要完成，而哪些成熟的工具可以有针对性地搞定这些问题。随着如今网站开发需求的细化，越来越多项目衍生工具开始诞生，这些新工具通常会相当地具有针对性，它们逐步成熟之后，会很好地反哺到其他的项目。这次的设计与开发工具的精选当中，有几个可能就是在这样的背

产品 2016年05月16日

Bootstrap网格系统

什么是BootstrapBootstrap是一个用于快速开发Web应用程序和网站的前端框架，它包括HTML,CSS,JS等。它是由Twitter开发，现在成为Github上最为流行的前端开发框架。它提供了一套响应式，移动设备优先的流式栅格系统，随着屏幕或视窗尺寸增加，系统会自动分为最多12列。栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的

业界 2016年06月22日

bootstrap框架中data- 的属性

这个是自定义属性。自己写的，通过js代码执行对应的操作。也就可以实现相应的插件效果。 关键字：bootstrap, 属性, #data-xxx# 插件

业界 2016年06月26日

Material Design for Bootstrap

简单几行代码，就可以给bs框架添加Material Design风格效果图：这是常见的btn加了Material Design效果这里采用的是bootstrap4引入：bs.cssMaterial Design for Bootstrap你可能看到上面多了一个materialDesign属性，对，等下我们就通过这个属性来实现material Design效果css:[mat

业界 2016年07月06日

基于Bootstrap做定制，并与官方库保持更新的方法

bootstrap是一个很好的css框架，可以给项目提供一个良好的css框架基础，但是很多情况下我们需要对bootstrap做一些定制以适应项目的需求。定制bootstrap的方法有很多种，如果你想深入到bootstrap源码进行定制的话，那么本文是比较适合你的。下面讲一下如何用git管理你的bootstrap定制项目，并能够与bootstrap官方库保持更新的方法。git

业界 2016年07月17日

2017 年你一定要试试这八款 Bootstrap 设计工具

对于前端工程师来说，Bootstrap再熟悉不过了。如今Bootstrap的运用越来越广泛了，因为它带来了新的设计革命，使得设计以及开发变得更加的方便以及简单。基于此，W3Cschool小师妹将为大家带来10款Bootstrap 设计工具，2017年你绝对不能错过!设计工具一：X-editable 原文： 译文：通过这款设计工具，你可以在页面上对可编辑的一些元素进行创建。X

产品经理 2016年12月30日

从前端Bootstrap框架的角度看待按钮

作为一名设计师，是否只要做好设计就可以了？但其实设计师的想法实现是依赖于代码的，因此是先有前端后有UI的，作者分享了一些从Bootstrap框架的角度去理解按钮在代码中的相关知识，我们一起来看下吧。设计师的想法实现依赖于代码，这也是为什么先有前端，而后有UI。很多时候，为了提高效率，开发在写前端页面时会采用现成的框架。作为设计师在了解一定的代码基础后，设计稿会更加

产品设计 2021年07月21日

css 多列等高

多列等高高度不一的列以等高方式布局。需求设计师说某页面的新闻介绍，由于新闻内容不同导致显示区域的高度不一致，现需要使其高度视觉上保持一致。小加同学觉得必须迅速解决，让设计师妹妹知道我们程序师哥哥的威武。原型设计稿大致如下:初版思路直接使用bootstrap的col-*来实现这个简单的布局就OK啦～HTML初版 ### 科比狂砍35 在火箭对阵湖人的比赛中

业界 2016年05月15日