前端开发专题提供前端开发的最新资讯内容,帮你更好的了解前端开发。
老司机来和你谈谈,为什么说css是最难的!!
20个为前端开发者准备的文档和指南(2)
20个为前端开发者准备的文档和指南(3)
20个为前端开发者准备的文档和指南(1)
关于HTML5 history API 的介绍
wamp window Apache mysql php lnmp Linux nginx mysql php web服务器 nginx 可以做反向代理 负载均衡 Apache 安装服务前把 git clone https://github.com/itguide/lnmp.git cd lnmp 安装nginx 下载方式 第一步: ./install.sh nginx 敲回车 安装 node
最近在捣鼓一个网站,然后也是第一次用到前端框架——bootstrap(详细关于bootstrap的信息参阅http://twitter.github.com/bootstrap/%EF%BC%89) 使用bootstrap的感受 个人用起来感觉还不错,提供了很多平时建站时需要的组件如:按钮、导航栏、标签等;JS插件如:对话框、弹出提示、下拉项、输入提示等。 在构建页面的时候只要稍稍修改一下CSS和
Web前端开发者每天都与HTML、CSS、JavaScript打交道,然而不少人都是周而复始地写模板、样式和交互效果,并没有想过如何将这些重复的工作整合在一起。Twitter推出的Bootstrap能够帮助Web前端开发者摆脱这种重复劳动。 Bootstrap的历史 为了应对复杂的需求,早期的Twitter前端工程师在开发网站时几乎采用了所有自己熟悉的前端库。造成了网站维护困难、扩展性不强、开发成
转  http://www.lovelucy.info/custom-icons-for-twitter-bootstrap.html Twitter Bootstrap 真是前端开发的瑞士军刀,作为基于 HTML,CSS 和JavaScript 的简洁灵活的前端框架及交互模块集合,让我这样的半吊子 PHPer 都能很轻松地写出一张还算漂亮的页面来。干净整洁有木有!小清新有木有!Web 后端都逆袭
Bootstrap3简介----专题1 声明:本文章是给初学bootstrap3的同学增加记忆的, 一定有很多欠缺和不完善的地方, 希望能帮助到大家, 也希望能让更多的人了解boostrap并用在自己的项目中. 本文章的所有代码请大家在最新的浏览器里运行试验 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thorn
Bootstrap如同前台框架,它已经布置好不少的CSS,前端开发的使用需要则直接调用即可。其网站的网址就是http://www.bootcss.com。使用Bootstrap能减少前端开发时候在CSS样子的布置时间 需要使用Bootstrap先在官网(点击打开链接)下载组件即可,用于生产环境的Bootstrap版本(点击打开链接),Bootstrap3对2并不兼容,建议直接根据其开发文档使用Bo
使用弹窗在网页中显示短信息还行,虽然不那么地友好。然而,弹窗对于如同网站服务条款的长信息就无能为力的了。这是需要使用一个叫模态框modal的东西,并且在模态框里面嵌入一个多行文本框textarea。 这个东西,如果要手工写JavaScript代码就太难做了,但是使用Bootstrap来编写就简单起来。 一、基本目标 有一个网页,网页上面有一个超级链接,一个按钮: 点击他们都会打开一个如下所示的模态
选择折叠项collapse在网页中并不常用,不过也并不少见。 这也算是一个比较实用的组件。 折叠项collapse在默认情况下仅能有一项是处于打开状态的。 一、基本目标 使用Bootstrap来编写如下图的选择折叠项: 其中服务条款2在打开网页的时候就是打开状态。 点击不同的折叠项,其余的项就会收起,这项就会打开。 二、制作过程 1.同之前《【JavaScript】使用Bootstrap来编写一个
栅格系统英文为“grid systems”,也有人翻译为“网格系统”,运用固定的格子设计版面布局,其风格工整简洁,在二战后大受欢迎,已成为今日出版物设计的主流风格之一。 1692年,新登基的法国国王路易十四感到法国的印刷水平差强人意,因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的, 重视功能性的新字体。委员会由数学家尼古拉斯加宗(Nicolas Jaugeon)担任
图片轮播组件是一个在网页中很常见的技术,但是如果直接编写的话,需要很长的JavaScript编码,同时也不好控制大小。 如果使用Bootstrap来编写图片轮播组件Carousel,则能够节约很多时间。 同时说一下,Carousel这个词的本义是回旋木马。 一、基本目标 在网页编写多张图片的轮播组件Carousel,鼠标放在上面自带悬停效果,并且在每张图片下面配有图片说明。 由于笔者的电脑视频录制
使用angular 的ng-include在页面中跳转,一个子页面中有一个模态框,当操作了模态框从页面跳转回来时右侧滚动条会消失,添加以下CSS解决 .modal { overflow-y: auto; } .modal-open { overflow: auto; } 使用bootstrap3,原先网页有Y轴滚动条,打开modal后滚动条消失,发现下层网页内容出现右移,关闭modal后
bootstrap文件下载地址: http://getbootstrap.com/getting-started/ 打开上面的地址连接之后,能看见这样的三个download,第一个download下载的就是bootstrap相关的cssjs文件了,而第二个就是所有的bootstrap源代码 点击第一个download bootstrap下载,会得到bootstrap-3.3.5-dist压缩包,解
最近在公司做个项目,嗯!是用angularjs跟bootstrap纯前端开发,不过我就做个小模块,但是其它模块大体也都是这样做就是,有些功能有的没的。 好了,写这篇文章的目的有两个,一个是总结下最近所学,另一个是希望在写这文章中能另有收获。 总的来说还是有学到些东西,但是一些指令跟功能效果的东西,可以说基本没学到,自己看的话还是有些难度。在做这项目模块时感觉自己就像是搬运工,把牛人写好的指令,功能
1、导航中左右两块内容,左边logo,右边用户信息等 类如上图,css定义如下: 左侧:.logo      右侧:.navbar .main-header .logo{ float:left; display:block; width:230px; ……} .main-header > .navbar{ margin-left: 230px;……margin-bottom:0px;}    最后
此处总结应用: 1、搜索框   2、面包屑的响应式(screen大于一定数值时,在右上方展示,screen小时,在标题的下方展示)       3、tabs的展示以及css样式 1、搜索框 一般样子如前边输入框,后边为查询按钮,如图: 此处会用到.input-group   .input-group-btn <div class="input-group"> <input type="t