摘要: 1. web前端开发分享-css,js入门篇2. web前端开发分享-css,js进阶篇3. web前端开发分享-css,js提高篇4. web前端开发分享-css,js工具篇5. web前端开发分享-css,js深化篇6. web前端开发分享-css,js移动篇阅读全文
posted @ 2014-03-20 10:28 豪情 阅读(2706) 评论(2) 编辑
摘要: 一、JS - Modules数字倒数效果模拟搜索结果项设置标签云选项微博置顶回到顶部二级下拉菜单迅雷评分效果腾讯体育轮换tab菜单单张图片轮换二、JQuery - PlugsjQuery插件-轻量图片轮换-UISlidejQuery插件-轻量图片轮换2-UISlide2jQuery插件-轻量弹出层-UIDialogjQuery插件-轻量滚动条-UIScrolljQuery插件-滚动双联广告jQuery插件-随便看看jQuery插件-三级菜单(一二级为水平,三级为垂直)三、PS - Guide[译] 用ps创建error水晶小图标[译] 如何用ps制作火焰字[译] 如何用ps制作泼水字四、CSS阅读全文
posted @ 2012-03-21 16:01 豪情 阅读(1054) 评论(2) 编辑
正文内容加载中...
posted @ 2014-06-06 22:17 豪情 阅读(122) 评论(0) 编辑
摘要: 随着移动市场的逐步扩大及相关技术的日趋完善,对前端开发提出了新的岗位要求,在继承前人成果的基础上需要在新的历史条件下有新的创新。移动端的开发,虽然没有IE6众多问题的折磨,但是多平台,多设备的兼容,也是如恶梦般存在。不过话说回来,着重还是考验基础的css 2.x的功底,只要基础扎实了,应付移动端的兼容也是手到擒来。当然css3.x, html5新增加的标签还是需要学习,具体的推荐:一. css1). 响应式web设计http://book.douban.com/subject/20390374/2).HTML5 与 CSS3 权威指南http://book.douban.com/subject阅读全文
posted @ 2014-03-29 12:50 豪情 阅读(1036) 评论(0) 编辑
摘要: 这是一款用于http://jing-ui.com网站后台管理界面,也可以用于管理系统或其它通用后台界面。有时候我也在思考,一般的用户或者大部分用户他们是否需要像ext,easyui这样成型的界面解决方案,或许他们只是需要一款简洁,方便的一个界面模板,而这款的宗旨是,页面基本没有过多的交互效果,简洁粗暴的同时带来的是界面加载速度的提升或操作便捷性的增加。2个css文件不超过20k,图标采用的是字体图标,图标素材都来自于icomoon网站,没有任何图片。页面整体采用扁平化处理,布局更趋向于暴露内容的本质,页面块之间的留白更多,字体更大,配色更单一,在form表单处参照了bootstrap的流...阅读全文
posted @ 2014-03-28 18:47 豪情 阅读(3566) 评论(36) 编辑
摘要: 1. web前端开发分享-css,js入门篇2. web前端开发分享-css,js进阶篇3. web前端开发分享-css,js提高篇4. web前端开发分享-css,js工具篇5. web前端开发分享-css,js深化篇6. web前端开发分享-css,js移动篇阅读全文
posted @ 2014-03-20 10:28 豪情 阅读(2706) 评论(2) 编辑
摘要: 一. css练习网易专题:1.http://news.163.com/新闻 跟腾讯的新闻版式大体没有大的变化,只是细节。2.http://news.163.com/photo/#Current 版式很独具一格。3.http://news.163.com/photoview/00AO0001/40918.html?from=ph_ss#p=9FSPHU1600AO0001 图片的详细页。4.http://sports.163.com/体育频道5.http://sports.163.com/gjb/体育列表6.http://ent.163.com/娱乐频道二. js1. js - oopht...阅读全文
posted @ 2014-03-19 14:44 豪情 阅读(711) 评论(0) 编辑
摘要: web前端开发乃及其它的相关开发,推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于,有个技术叫emmet, http://docs.emmet.io,而这两个对他的支持是:sublime text 是所有编辑器里边支持emmet比较好的的唯一一款。w...阅读全文
posted @ 2014-03-18 10:57 豪情 阅读(2822) 评论(5) 编辑
摘要: 一. css基础知识掌握之后(个人的标准是:弄清块元素与内联元素的区别,弄清float的应用场景,弄清position[pə'zɪʃən]下五个属性static['stætɪk],relative['rɛlətɪvli],absolute['æbsəlut],fixed[fɪkst],inherit[ɪn'hɛrɪt]的区别与联系以及他们的应用场景,英文单词确定要能准确发音,方便与面试官探讨时准备的传达你要表达的意思),剩下需要更多的练习以应对不同的设计的布局要求,然后遇到问题解决问题,成长就是需要一个这样跌宕起伏的过程。由于互联网资阅读全文
posted @ 2014-03-17 09:34 豪情 阅读(2381) 评论(11) 编辑
摘要: 一,css进阶篇: 等css哪些事儿看了两三遍之后,需要对看过的知识综合应用,这时候需要大量的实践经验,简单的想法:把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html,有无从下手的地方可以用firebug, chrome调试工具分析网站结构样式。如果技术熟练自信可以自己先写,写完...阅读全文
posted @ 2014-03-15 09:31 豪情 阅读(2139) 评论(4) 编辑
摘要: 关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人与人的教育背景与成长环境心理活动都有差别,但就别人的心得再结合自己的特点,然后探索适合自己的学习之路是比较好的。学习没有捷径,但学习是有技巧与方法。一,css入门篇: 推荐书籍:css哪些事儿,精通css。理由:css那些事儿,他是一本介绍css基础类的书,是入门的经典读物。系统的介绍了css的选择符,伪类,工作环境,盒模型,两列,三列自适应布局。文字样式,图片处理,列表,表单,还有选项卡,相册,导航,新闻列表等其它大部分的实践。精通css,这书已经出到第二版了,相比第一版,第二版的大部分阅读全文
posted @ 2014-03-14 12:33 豪情 阅读(4057) 评论(5) 编辑
摘要: 这几款皮肤由于版式一致没有发布成功,只有分享到这,模板文件下载,设计的初衷是受到诺基亚手机或bootstrap按钮不同颜色的启发,在原有经典布局的基础上搭配了新的五款配色。保持了原有平面化风格,配色明快简洁。上一款黑色经典皮肤的地址为:http://www.cnblogs.com/SkinUser.aspx?SkinName=darkgreentrip1. [名称] blueofwisdom[标题] 蓝色智慧[设计者] 豪情 (http://www.cnblogs.com/jikey) [简介] 这是一款主色为蓝色的皮肤,在向浏览者传达博大胸怀的同时,也展现智慧人生的沉稳,科技,品质,理性的性阅读全文
posted @ 2014-03-13 20:38 豪情 阅读(1379) 评论(14) 编辑
摘要: 本地差异化配置,不需要提交,这时候需要在整个版本控制中忽略掉文件的提交。File -> Settings -> Version Control -> Ignored Files阅读全文
posted @ 2014-01-04 15:55 豪情 阅读(373) 评论(0) 编辑
摘要: 1. shift + F6可以理解为F2的豪华重量版,不但可以重命名文件名,而且可以命名函数名,函数名可以搜索引用的文件,还可以重命名局部变量。还可以重命名标签名。在sublime text中有个类似的快捷键:ctrl+shift+d。1. search in comments and strings会搜索注释或变量内容。2. search for text occurrences这个没搞明白有什么意思,请其它高手指教。具体看我的演示。3. shift + F6:除了重构函数名,之外还可以重构div闭合标签等等。见图3演示,其它的功能等你去挖掘。替换局部变量: s豪情// 欢迎访...阅读全文
posted @ 2013-12-26 09:48 豪情 阅读(2272) 评论(5) 编辑
摘要: 最近遇到一些PhpStorm编程的问题:在使用Zen Coding插件时,PHPStorm不像Notepad++那样随便使用。PHPStorm只有在编辑识别为HTML的文件时才可以使用Zend Coding。在PHPStorm编程时,关于数据库操作的SQL语句会有相应的提示。于是搜索PhpStorm在编写PHP代码,能否切换某一块代码片段到其他编程语言。在很多项目中,我们经常在编程的时候想进行切换编程语言,通常我们需要在代码的字符串中嵌入一块不同的编程语言。例如:在PHP代码中嵌入一个HTML片段,如果你也遇到类似的情况。$htmlFragment变量为一段HTML代码,其中有部分PHP变量和阅读全文
posted @ 2013-12-24 14:34 豪情 阅读(939) 评论(0) 编辑
摘要: Phpstorm除了能直接打开localhost文件之外,还可以连接FTP,除了完成正常的数据传递任务之外,还可以进行本地文件与服务端文件的异同比较,同一文件自动匹配目录上传,下载,这些功能是平常IDE,FTP软件中少见的,而且是很耗工作时间的一个操作。换句话说,在Webstorm/Phpstorm中操作ftp能找到原来版本控制的感觉。唯一的缺点是:上传,下载的打开链接要稍费时间,适合的场景在于单文件的编辑,这个如果网速够快一般可以忽略,而且就个人体验,虽然链接的速度稍慢,传输的速度并不慢。1. 设置: 设置的入口有两处, a. Tools->Deployment->configr阅读全文
posted @ 2013-12-22 22:01 豪情 阅读(2470) 评论(1) 编辑
摘要: 单独图片轮换,点击左右按钮,实现翻页效果。<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>单独图片轮换 - 豪情</title> <style type="text/css"> *{margin:0;padding:0;} body{font:12px/1.125 Arial,Helvetica,sans-serif;background:#000;} table{border-collapse:col阅读全文
posted @ 2013-05-01 23:42 豪情 阅读(403) 评论(0) 编辑
摘要: 有焦点时文字消失。 请输入关键字查询 - 豪情运行代码-文字消失版有焦点时文字变淡。 请输入关键字查询加强版 - 豪情 请输入关键字查询 运行代码-文字变灰版阅读全文
posted @ 2013-04-26 13:47 豪情 阅读(288) 评论(0) 编辑
摘要: 滚动时显示当前主题菜单状态。 滚动菜单标记 - 豪情 --> > 2012中国网站发展情况 > 中国优质网站发展情况 > 中国低质网站泛滥 > 百度站长平台2013年星火计划 > 2013年网站运营趋势分析 > 2013年网站运营方向几点建议 2013年中国网站运营发展趋势报告 ...阅读全文
posted @ 2013-04-10 11:21 豪情 阅读(192) 评论(0) 编辑
摘要: 没什么技术含量,看到了只想用源生的js来实现一下。<!DOCTYPE html><html><head><meta charset="utf-8"/><title>腾讯体育轮换tab菜单 - 豪情</title><style type="text/css">*{margin: 0;padding: 0;}body{font:12px/1.5 arial;background: #141e38;}ul,li{list-style: none;}.demo{width: 32阅读全文
posted @ 2013-04-07 23:41 豪情 阅读(324) 评论(0) 编辑
摘要: 1. 鼠标点击评分之后不能再次评分。 迅雷评分效果 - 豪情 力荐运行代码阅读全文
posted @ 2013-04-02 22:11 豪情 阅读(328) 评论(1) 编辑
摘要: 在移动端webview实现的页面中,有数字的地方必须使用input type="number"类型的input,否则触发后的键盘为全键盘,而非数字键盘。但另外的一个问题是,input 为 type="number" 类型的无法显示非数字字符,比如:12/23中/。只能采取另外的思路来解决,比如:显示的时候用非number类型的input或其它元素,当触发onfocus后,利用js 动态修改为number类型。<inputclass="pg-page-num"type="text"name="&quo阅读全文
posted @ 2013-04-01 13:04 豪情 阅读(668) 评论(0) 编辑