agevs
- 浏览: 67540 次
- 来自: 北京
-
博客专栏
-
-
各种Web前端技巧经验分享...
浏览量：0
最新评论
-
peng13123：
博主，资源呢
分享一个BookStore ios程序的例子 -
jef：
写的很不错， 收藏！
我的架构经验系列文章索引 -
切切克闹：
业界良心啊，感谢楼主，这东西对我这样的后辈来说太有用了，我仔细 ...
我的架构经验系列文章索引 -
agevs：
james_lover 写道什么网站？地址是什么？http:/ ...
我的架构经验系列文章 - 后端架构 - 系统层面 -
james_lover：
什么网站？地址是什么？
我的架构经验系列文章 - 后端架构 - 系统层面
文章列表
左右排版本来是可以这样实现的：两边都使用百分比，然后左右浮动。但是这样做满足不了下面这样的场景：
在一个文章页面里面，分为左边的正文区域和右边的与文章关联的其他信息区域，我想让正文区域能随着用户的显示屏宽度变化而变化，这似乎百分比就能做到，但是如果使用百分比，左右两边都必须有一个固定的比值，那样右边也会随着用户显示屏的宽度变化，如果用户的显示屏很宽，那这右边就显得似乎国语宽了，正文无论多款是无所谓的，但是侧边最好是一个固定值。
就像这种右图所示效果：
也就是说我需要一个左边自适应，而右边固定的左右布局，或者说某一边固定，另一边占据剩余部分，该如何做呢？
...
这是一个介绍html5相关技术的工具网站，网站本身就是有html5|css3写成，虽然对于电脑配置差点的同学来说浏览起来有点卡，但是还是值得学习的，毕竟html5才是今后的主流技术。
网址：http://html5please.com/
我完全是因为html5的原因才注意到了这个网站，国内用html5完成的网站太少了，教程一大把，却鲜有实际项目产生。这个网站用html5实现的div效果让人映像深刻：可以500%提高开发效率的前端UI框架！
我将代码提取出来，很简单，不过这也是html5的魅力所在，顺便了解一下article标签。
html代码： 可以500%提高开发效率的前端 ...
今天给大家介绍15个菜单设计方面的资源，没一个资源都是可以直接下载到的，其中有的是css，有的仅仅是psd设计图片。
Collapsing Vertical Nav (CSS) Web前端框架最佳选择！
3-Level Navigation Menu (CSS)
Ribbon Banner Navigation (CSS)
CSS Menu Pack (12 Menus)
注册页面是获取用户资料的主要途径，绝对不是越简单越好，设计要从体验上为用户提供方便，而不是降低注册门槛。菜鸟博主将结合以前看过关于表单设计的文章和自己的一些浅薄经验做一个总结：
（以下内容偏向于B2B的网站）
一『注册的需求包括哪些』
注册的需求大概可以分为四个步骤：①用户类型的分类 ②将访客转化为会员 ③获取用户的资料 ④资料完善和增值引导
①先看看各大网站是如何做用户类型分类这一步的：精心开发5年的UI前端框架！
京东商城
中国制造网国际站，将选择地区放在第一步，直接通过国内和国外的IP区分买家和供应商的表单。
你每天都会对着它讲话，和它玩游戏，用它看新闻——没错，它就是你裤兜里的智能手机。android，黑莓还是iphone？为了让你清楚意识到究竟哪些才算是智能手机，我在下面总结了一个智能手机系统/设备的列表：
Apple iPhone/iPod Touch
Google Android
RIM BlackBerry/Playbook OS
Nokia Symbian (我承认它该退休了，可是在世界范围内它仍然拥有10亿以上的用户）
从app的开发环境开始
Web apps是基于标准web技术之上的应用。它们能运行在任何现代浏览器之上（一般来说对html5支持好的都是现代浏览器），并且采用你喜欢的开发工具来开发。与网站不同，web app具有如下几个典型的特征：
...
CSS3 Gradient 分为 linear-gradient（线性渐变） 和 radial-gradient（径向渐变）。记住渐变并不是CSS3的一个属性，而是一个属性的值，虽然在CSS3中没有专门注明渐变是针对background的，但是目前我所了解到的是只有background才会应用渐变属性（background-image也可以）。
我们先直接通过两个实例来说明这两种渐变的基本用法：分享一个最好用的UI前端框架！
线性渐变linear-gradient：
.代码
这篇教程中，我将给大家展示表单元素下拉选择框select的CSS替代方案。该方法采用css来实现，看上去非常简单。我们用radio标签列表来模拟下拉列表，选择一个radio可以很好的模拟出select中选择一个元素的效果。
一：HTML
下面是我们在form表单里面用到的html代码：
.代码
<fieldset class="radio-container">
本文演示jQuery返回顶部，当文章页比较长时间，可以方便用户返回网站的顶部，实现代码也不难，大家学习下！
调用代码：
<script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script language="javascript" type="text/javascript" src="scrollSilde.js&qu ...
本篇文章实现的是当光标放到特定a标签上，将显示一个圆形的图片背景，该特效可用于网站导航等，具体效果可看从下图看到：
HTML代码：
<div class="banner">
<div class="inside">
<a href="http://www.jquery001.com/">
<span>jQuery学习系列</span>
<img class="pic_bg ...
雅虎官方博客宣布终止开发开源的JavaScript工具库Yahoo User Interface library (YUI)。 雅虎开发者解释说，行业趋势发生了改变。过去几年，Web平台经历了激烈变革，相比以前如今的JavaScript几乎是无处不在。Node.JS的出现 允许JavaScript在服务器端使用， 以及新的包管理器如npm，构建工具如Grunt，应用程序框架，测试工具等的出现，使得YUI之类的大型JavaScript工具库不再像以前那样受到 社区的关注。分享一个最好用的UI前端框架！今天大多数开发者将大型JavaScript库视为他们不想被锁定的围墙花园，结果是过去几年雅虎收到的 ...
去年秋天我的支线代码项目遇到了一些问题，项目进展不足，而且我没法找到一个完成更多代码的方法。
我主要在周末进行我的支线，当然有时候也在晚上进行。这个方法对我而言效果不佳。我的压力太重了，我需要在周末努 ...
精通JavaScript(图灵计算机科学丛书) ，让你大开眼界的 JavaScript 力作，跟随 jQuery 之父到达前所未有的深度，Amazon 五星盛誉图书。
本书是目前最深入的JavaScript图书，讲述了现代JavaScript的所有知识，展现了这门技术将能给网站建设带来如何丰富的体验。本书言简意赅，扩展了读者视野，并关注于基础且重要的主题–现代JavaScript是什么和不是什么，浏览器支持的当前状态，以及需要注意的陷阱等。
书中所有概念都来自于现实案例的分析。前端UI分享
书没有好坏之分，正如人没有绝对的好坏之分一样。书只看对自己这个水平层次的人来说该吸收的东西多少了， ...
传说Windows 8刚上市没几天就卖出了4000多万份，好厉害。然后我们就发现项目中很多页面在IE10中表现不正常了。有的是之前对各版本ie的hack引发的，有些不确定是否是ie10引出的bug，所以惯性思维让我们重新寻找针对IE10的CSS Hack。
首先，ie10不支持条件注释了。前端UI分享
一、特性检测：@cc_on
我们可以用IE私有的条件编译(conditional compilation)结合条件注释来提供针对ie10的Hack：该脚本里面的IE排除条件注释，以确保IE6-9不承认它，然后它功能检测到了名为@ cc_on。
google上翻到的IE10 CSS Hac ...
获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$('#select_id')[0].selectedIndex = 1;radio单选组的第二个元素为当前选中值.前端框架分享$('input[@name=items]').get(1).checked = true;
获取值：
文本框，文本区域： ...