设计布局设定方法之栅格化本文不适合采用天才设计（Genius Design）方法的人士。有一种“奇怪的”现象会经常的看到“很多设计师没有办法清楚的跟其他人解释他们是如何设计的，越细致的地方可能越是如此。比如，这个菜单的宽度为什么是200px？250px或者190px是否可以？图片的尺寸为什么是278px*196px？如何确定网页的宽度？“软件界面的设计……继续阅读 » 开心洋葱 10年前 (2016-06-16) 1482浏览 0评论1546个赞
前言不管是 PC 还是移动端，图片一直是流量大头，以苹果公司 Retina 产品为代表的高 PPI 屏对图片的质量提出了更高的要求，如何保证在图片的精细度不降低的前提下缩小图片体积，成为了一个有价值且值得探索的事情。但如今对于 JPEG、PNG 和 GIF 这些图片格式的优化几乎已经达到了极致， 若想改变现状开辟新局面，便要有釜底抽薪的胆量和气魄，而 G……继续阅读 » 开心洋葱 10年前 (2016-06-16) 2988浏览 0评论1587个赞
webpack安装1、webpack前提 安装前首先安装node.js,不会的朋友可以参考本站的node.js安装文档，自行搜索2、webpack安装运行安装命令，Windows和linux/mac 一样的命令，上一步已经安装好了npm环境$ npm install webpack -g3、生成webpackwebpack.confi……继续阅读 » 开心洋葱 10年前 (2016-06-08) 2680浏览 0评论1804个赞
说明：### **请直接下载附件**“`/** Created by postbird on 2016/4/1. …*//** * @postbird * 1、本插件采用js编写，可直接将函数复制到个人js文件，减少get请求数 * 2、author：powered by postbir……继续阅读 » 开心洋葱 10年前 (2016-06-06) 3027浏览 0评论2046个赞
css实现图片鼠标滑过镜头炫光效果css样式文件.thumb{position:relative}.thumb img{border:1px solid #ddd;padding:4px;height:150px!important}.thumb em{position: absolute;left: -290px;top: 0px;wid……继续阅读 » 开心洋葱 10年前 (2016-05-27) 2860浏览 0评论2318个赞
input变化事件-JS改变input的value值触发事件<!DOCTYPE html><html><body><p>在文本框中尝试输入触发函数。</p><input type="text" id="myInputyt"……继续阅读 » 开心洋葱 10年前 (2016-05-26) 1591浏览 0评论1571个赞
XPath 示例book.xml<?xml version="1.0" encoding="ISO-8859-1"?><bookstore><book category="COOKING"> <title lang="……继续阅读 » 开心洋葱 10年前 (2016-05-15) 1922浏览 0评论2732个赞
Mac上Bootstrap安装方法和具体步骤安装命令步骤index.html,添加测试页面代码<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <……继续阅读 » 开心洋葱 10年前 (2016-05-10) 3170浏览 0评论1512个赞
ionic前端用户登陆页面源码 https://yunpan.cn/cPvp82KrXPWWF （提取码：2816）……继续阅读 » 开心洋葱 10年前 (2016-05-02) 2900浏览 0评论395个赞
Ionic仿照微信项目源码源码地址 ： https://github.com/verylove/ionic-wechatIonic仿照微信项目源码-边开发边学，强烈建议,做ionic之前把angularJS入门过一遍, 还有ui-router, 至少要了解个大概, 不然真做不下去……继续阅读 » 开心洋葱 10年前 (2016-05-02) 2515浏览 0评论1860个赞
AngularJS ng-style 指令ng-style 指令为 HTML 元素添加 style 属性。ng-style 属性值必须是对象，表达式返回的也是对象。对象由 CSS 属性和值注册，即 key=>value 对。<!DOCTYPE html><html><head><meta ……继续阅读 » 开心洋葱 10年前 (2016-04-30) 3214浏览 0评论1487个赞
ionic lab IDE国内云盘下载地址 Mac版云盘下载地址：https://yunpan.cn/cPwQ2UYfa8AfZ （提取码：5b50）mac国内下载地址：http://www.75271.com/20126.html windows版云盘下载地址:https://yunpan.cn/cPwQ6bQwACMr……继续阅读 » 开心洋葱 10年前 (2016-04-30) 1840浏览 10评论1918个赞
AngularJS 指令指令描述ng-app定义应用程序的根元素。ng-bind绑定 HTML 元素到应用程序数据ng-bind-html绑定 HTML 元素的 innerHTML 到应用程序数据，并移除 HTML 字符串中危险字符ng-bind-template规定要使用模板替换的文本内容ng-blur规……继续阅读 » 开心洋葱 10年前 (2016-04-29) 2797浏览 0评论620个赞
ionic是什么?ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术，比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybir……继续阅读 » 开心洋葱 10年前 (2016-04-29) 3358浏览 0评论473个赞
为设计师不知道如何编写代码或不喜欢编写代码使用可视化编辑器可以非常有吸引力。可视化编辑器允许您将组件拖放到画布,你(立即)看到活的预览您的web页面。大多数人知道如何代码怀疑可视化编辑器,因为它们通常不会导致干净的HTML。看哪个是最好的引导可视化编辑器我将简要讨论他们的特性。我也做了一些简单的测试,看看他们在实践中执行和输出的质量是什么样子。在本帖中,你……继续阅读 » 开心洋葱 10年前 (2016-04-29) 2947浏览 0评论179个赞
markdown(md)批量转bootstrap风格html ubuntu安装方法cd ~/sudo apt-get install npmsudo apt-get install nodejssudo ln -s /usr/bin/nodejs /usr/bin/node#其中第三行是做一个链接,不然可能会遇到如下error……继续阅读 » 开心洋葱 10年前 (2016-04-29) 3046浏览 0评论1106个赞
AngularJS 服务(Service) AngularJS 中你可以创建自己的服务,或使用内建服务。 什么是服务? 在 AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。 AngularJS 内建了30 多个服务。 有个 $location 服务……继续阅读 » 开心洋葱 10年前 (2016-04-27) 2957浏览 0评论121个赞
什么是 AngularJS？ AngularJS 是一个 JavaScript 框架 它是一个以 JavaScript 编写的库。 AngularJS 是以一个 JavaScript 文件形……继续阅读 » 开心洋葱 10年前 (2016-04-13) 2977浏览 0评论421个赞
Compass 是Ruby开发的 ，在使用前需要系统安装 Ruby环境，这里就不介绍了，可以去百度下。 输入如下命令，如果是windows用户可以将sudo去掉： sudo gem install compass如果出错类似这样：$ sudo gem install compassPassword:Fetching: chunky_png……继续阅读 » 开心洋葱 10年前 (2016-04-09) 2954浏览 0评论1017个赞
1/ 在线运行，并可以编辑代码 代码地址：http://codepen.io/desandro/pen/EadgXx 2/ 跳动的小心♥ ，在线编辑及展示 代码地址：http://codepen.io/chrisgannon/pen/vGpErz……继续阅读 » 开心洋葱 10年前 (2016-04-08) 3245浏览 0评论1475个赞
这是另一个进入我们的一系列技术文章的软件开发工具和库。今天我想向你们介绍HTTPie,HTTP客户端将会有助于搁卷发,美妙的——但不是那么人性化,工具 cURL是一个开源命令行工具和库对于URL语法的传输数据,支持广泛的协议列表。它广泛用于开发和系统管理。 cURL是一个强大的工具,但其语法为偶……继续阅读 » 开心洋葱 10年前 (2016-04-03) 2737浏览 0评论2989个赞
Bootstrap资源网站 总体官网： http://www.bootcss.com/图标分站：http://www.bootcss.com/p/font-awesome报表分站：http://www.bootcss.com/p/chart.js/开关按钮：http://www.bootcss.com/p/bootstrap-switc……继续阅读 » 开心洋葱 10年前 (2016-03-25) 2954浏览 0评论2309个赞
css图片大小（宽度，高度)自适应 百分比大小图片CSS自适应 代码示例：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr……继续阅读 » 开心洋葱 13年前 (2013-01-12) 3228浏览 0评论2935个赞
使用DIV+CSS网页设计时，当网页有的页面高度没有屏幕高时，网页不会出现滚动条，如果在同样的网站里用margin:0 auto;使网页的DIV居中，如果其中一网页高度超过屏幕（分辨率）高度时，网页（浏览器）出现滚动条，此时，在点击同一个网站的页面时，会出现里面内容左右抖动（变形），因为网页出先滚动条，页面的宽度变窄，居中时的位置和上一个没有滚动条的页面……继续阅读 » 开心洋葱 14年前 (2012-12-01) 3340浏览 0评论2855个赞
汉字在FusionCharts中不显示因为不支持竖写 <graph caption='作品交易统计图' font='宋体' shownames='1' showvalues='1' decimalPrecision='0' yaxismin……继续阅读 » 开心洋葱 14年前 (2012-08-29) 2763浏览 0评论195个赞
phpcms v9 后台html模板免费下载 phpcms v9后台html模板下载地址： http://115.com/file/dp6a1u7x#phpcmsv9.rar 网站压缩包解压密码：awzsr.com 包括:html页面、js文件、css文件、图片等素材。 ……继续阅读 » 开心洋葱 14年前 (2012-07-19) 3267浏览 0评论1129个赞
文字不换行了，只要定义好宽度，加上这个CSS样式后就可以让字符自动的显示3个点点即省略号：样式是overflow: hidden; text-overflow: ellipsis; white-space: nowrap; .mkey a{line-height:18px;pad……继续阅读 » 开心洋葱 15年前 (2011-12-02) 2285浏览 0评论1277个赞
解决firebug报“illegal character"错误的问题 illegal character 非法字符 The parsing function stops working when it meets an illegal character. 解析函数在遇到非法字符时会停……继续阅读 » 开心洋葱 15年前 (2011-10-18) 2508浏览 0评论2380个赞
自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法 最佳CSS定义换行代码 .wrap { table-layout:fixed; word-break: break-all; overflow:hidden; } 这里 overflow:hidden;或者 auto……继续阅读 » 开心洋葱 15年前 (2011-10-09) 2160浏览 0评论546个赞
eval(element.YUSERONCLICK + "anonymous()");在IE8下没有反应出错 具体在eWebEditor/js/editor.js 文件内的163行道187行，错误行为173行 替换为的代码： if(navigator.appVersion.match(/8./i)=……继续阅读 » 开心洋葱 15年前 (2011-09-14) 2402浏览 0评论1291个赞
免费好看的PSD网站图片素材下载 下载地址在最后一页里哦 #p#副标题#e# 免费好看的PSD网站图片素材下载 下载地址在最后一页里哦 #p#副标题#e# 免费好看的PSD网站图片素材下载 下载地址在最后一页里哦 #p#副标题#e# 免费好看的PSD网站图片素材下载 下载地址在最后一……继续阅读 » 开心洋葱 15年前 (2011-07-27) 2537浏览 0评论1207个赞
