前端+设计浏览地址

=============图片素材 start==================
1.http://www.iconfont.cn/ ->icon
2.http://www.ui.cn/
3.http://www.xueui.cn/
4.http://huaban.com/
=============图片素材 end==================

图片压缩:
http://zhitu.tencent.com/
https://tinypng.com/

===================前端 start========================
正常手机:320~360px
iphone6：317px
iphone6 plus:414px
1.http://www.w3cfuns.com
2.http://www.uisheji.com/
3.http://www.html5tricks.com/
4.http://isux.tencent.com/
5.http://www.cnblogs.com/fang51/p/4286481.html
6.http://www.w3cmark.com/2014/354.html

7.http://www.w3cmark.com/

===================前端 end========================

=============手机端滚动 start==================
组件:
idangerous.swiper.js
tc:http://js.40017.cn/cn/min/???/cn/f/zt2014/wuxian/idangerous.swiper.js?v=1
http://www.cnblogs.com/duanhuajian/p/4097310.html
http://www.js-css.cn/a/openframe/jqueryapi/focus/2014/0303/1128.html

or scroll.js
or fullpage.js
http://www.open-open.com/lib/view/open1423638255498.html

=============手机端滚动 end==================

时间： 2024-10-05 12:35:01

前端+设计浏览地址的相关文章

【PhylabWeb】项目前端设计总结

PhylabWeb——前端设计感想 简介 本文的内容是关于我参与的软件工程项目——“Phylab-Web物理实验中心网站”的前端设计个人总结,来自团队:软剑攻城队 网站地址为:http://buaaphylab.com/,个人项目地址为:https://github.com/kibbon/Phylab-Web 整体展示效果如下图所示,建议使用较新版本的chrome/firefox内核浏览器浏览,(页面已采用响应式布局,可在移动设备上浏览): 首页 实验报告处理页面 注册页面 论坛主页面(基于we

[前端设计] 设置float:left后居然没有正确对齐？

[前端设计] 设置float:left后居然没有正确对齐误? select { ??? float:left; } 设置后并没有左对齐!? 换一种思路解决了问题(但是为什么float:left有问题还不清楚) select { ??? display:inline-block; } 原文:大专栏  [前端设计] 设置float:left后居然没有正确对齐? 原文地址:https://www.cnblogs.com/petewell/p/11452900.html

Web前端设计:Html强制不换行<nobr>标签用法代码示例

在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容.这就可以nobr标签来实现.它起到的作用与word-break:keep-all 是一样的.nobr 是 No Break 的缩写,意思是禁止换行.通常在浏览器上显示的文档会在到达浏览器的横幅底端时自动换行,但是如果文字被包含在<nobr>-</nobr>标签里的话,则不会换行.由www.169it.com搜集整理 一.nobr语法 1 <nobr>内容</nobr>

以用户为中心的前端设计案例剖析

WEB前端设计的最终目标是打造用户喜爱的产品,属于产品设计的范畴.所以一切设计要以用户为出发点,追求最佳的用户体验. 一.banner的设计 在WEB项目设计中,我们经常会有banner设计需求,一般而言首屏Banner及其相关区域也是整个网页设计中非常重要的部分. 优化前: 优化后: 优化前: 1.优化前网页首屏图片自动切换交互方式之外,用户可以点击圆点按钮手动切换图片.但考虑到图片本身的展示空间和效果,圆点按钮设计的比较小,造成用户点击该按钮时不方便. 2.banner切换图片时,会存在图片

前端设计与实现，使用拖拽来调整交友对象的评分功能

我的一个交友网站,其独特的流程包括,用户通过搜索发现潜在对象,给潜在对象加关注和打分,使用获得2012诺贝尔经济奖的特殊匹配算法计算出相互匹配的对象并推荐給相关用户.在这里,对交友对象的评分功能是此网站的基础功能,其方便和平滑与否关系重大.本视频演示我的设计与实现. 页内拖拽 跨页拖拽 一次点击把目标用户放入一个缓存区,然后利用分页控制走到目的页面,再进行拖拽.好处是能够实现精确控制. 想想看,你会如何设计这一功能? 其他特点 精确和强大的筛选器,让用户随心所欲的控制筛选条件. 常用的筛选组合放

《大巧不工 web前端设计修炼之道》学习笔记

前端设计如同一个人的着装与外表,站点的设计总是最先吸引人们的眼球.布局是否合理.风格是否简介.配色是否和谐,流程是否通畅,操作是否便捷,这些前端特效都影响着用户对站点的认可度.随着用户体验,可用性,可交互性等越来越多的前端术语的出现,前端设计已经不是简单的HTML.CSS.AJAX等元素的整合了,它更关注交互的流畅性.操作的便利性.流程的合理性.结构的清晰度以及可维护性.页面兼容性以及同后端程序的良好桥接等,应该能够在真正理解WEB应用的需求的基础上放眼全局,把握整个前端的设计方案,因此新的时期

前端设计之灰度值利用

在前端设计中,图片的灰度与彩色交互变化是十分有用且必须掌握的. 充分的利用色差的变化可以给浏览者带去别致的体验. 实例代码如下: <img class="filter" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=155969907,1883576517&fm=26&gp=0.jpg" alt="" /> <style> .f

在前端设计响应式设计

昨天下午,我突然拿一个想法,问了下前端设计project联赛,我问了一个终端的设计是否绕过皮肤,这不是普遍的前端框架的限制结束. 端project师告诉我.那叫响应式设计. 我继续问,既然有这个技术.现实中.为什么要搞pc一套,手机一套,平板一套呢,多累啊. 前端告诉我.现实情况复杂非常多,做个简单的响应式设计的还能够.复杂的就难了.带着他说的这些问题.还有其它同事所认同他的观念.我并不大认可这些说法(虽然我对前端不大清楚).于是上度娘.并找出一个比較复杂的,有点像大型的电子商务站点的案例(ht

炎炎夏日,走入美妙的前端设计案例

1.  嘎嘎夏天到了!最近同事分享我一个案例,说这效果不错,看看我能不能实现 ( 鄙人后台程序员,热爱前端,前端是女人的外貌; 后台是女人的内涵) 我们先从外貌说起,看原始案例的效果          外貌看起来 很简洁,主题很明确,效果也很流畅,还算比较炫吧,我一下就喜欢她了!  刚开始我以为她的内涵可能是css3居多,其实不然是css居多 /-----------------------------------骚骚的分割线-----------------------------------