Web配色基础:色彩设计方法

Web配色基础:色彩设计方法
为什么要整理设计色彩方法? 在色彩设计应用中,我们对颜色不同程度的理解,影响到设计页面的表现,熟练地运用色彩搭配,设计时岂不事半功倍。一张优秀的设计作品,它的色彩搭配必定和谐得体,令人赏心悦目,反思我们在设计过程中,怎样的色彩搭配更容易达到设计目的,又是什么影响了我们的配色思维呢? 阅读全文 以下几点常会影响色彩搭配思维: 1.仅关注色彩表象 2.搭配方法不够系统 3.色彩与构成掌握不...

移动Html5前端性能优化指南

移动Html5前端性能优化指南
移动H5前端性能优化指南 概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点,首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB 5. Mobile侧因手机配置原因,除加载外渲染速度也是优化重点 6. 基于第五点,要合理处理代码减少渲染损耗 7. 基于第二、第五点,所有影响首屏加载和渲染的代码应在处理逻辑...

2015年12款超实用的开发框架

2015年12款超实用的开发框架
从根本上说,框架是一个集合,或者更确切地说,是一系列文件(包括html文件、js文件、css文件等等)的集合,用于帮助或协助开发人员开发网站,或者从头开始开发基于Web的应用程序。 以下这些超赞的框架绝对是你2015年最佳的选择: 1.Apache Aurora Apache Aurora运行应用程序,并且通过很多不同的机器来提供长效的服务,此外还负责保证它们的运行。怎么做呢?当其中一台机器遇到技术故障时,Apache Aurora...

【推荐】20个炫酷好玩儿的网页导航设计

【推荐】20个炫酷好玩儿的网页导航设计
简单有效的导航栏设计能够极大的提高用户体验,不仅能让用户更快找到他们想要的内容,还能适当分担搜索引擎的压力。常见的导航设计我想大家都已经非常熟悉了,今天我们要分享的一些有趣的、原创的、甚至具有一定开创性的导航栏设计方案,这些优秀的设计非常引人注目,令人难忘。这些网站的导航栏设计,比起传统的导航会相对更复杂一些,但是绝对会令你眼界大开。 当然,我们推荐这些网站并不只是因为导航...

【推荐】16个值得收入囊中的免费高清视频素材站

【推荐】16个值得收入囊中的免费高清视频素材站
随着高清摄影设备的普及,网络和电视上酷炫好玩的视频也日渐增多,除了日常的各种拍摄之外,网站和APP中对于专业的场景、展示、过渡视频与录像的要求也越来越高。 特别是近两年,将高清视频用作网站背景的设计趋势,使得网页设计师在这方面的资源需求也越来越大。今天要推荐的15个网站就可以用来解决这个问题。 这些网站大多为你提供了高清的视频和专业的模板,你甚至可以在其中的某些网站找到可编辑的动...

降低网站跳出率!404页面还可以这样设计

降低网站跳出率!404页面还可以这样设计
如何设计404页面几乎是每个站长都不可避免的一项工作。如何优化404页面,而不导致用户流失,降低网站跳出率对网站的运营工作都十分重要。本文将为大家介绍国外的20个404页面设计,看完这些页面,让人不禁感叹,原来404还可以这样设计啊! Mashable Template Monster Defrozo Diesel StickerMule Blue Daniel dario brozzi centresource agens Tinsanity MailChimp Good Dog Design Tripomatic ...

10个纯CSS3制作的面包屑导航

10个纯CSS3制作的面包屑导航
随着Web技术越来越先进,浏览器更新换代也很快,在国内很多网站已经有使用css3和html5的技术了,所以我们也应该多学习这些新知识,设计达人网站整理的资料,你在学校、图书上也是未必能看到的。 今天我们整理了10个纯CSS3制作的面包屑导航,这些都是通过CSS3来编写,十分方便,而且实用。有些文章附有教程,大家可以学习研究一下。 漂亮面包屑导航 扁平化面包屑导航 圆形风格面包屑导航 CSS面包屑导航 ...

谈谈响应式网站前端设计

谈谈响应式网站前端设计
一段时间之前我对响应式的概念还是Bootstrap、Amaze之类的框架组件,用过几次也不以为然,我想国内搜索引擎在提供移动搜索结果页时还是会给移动网站加分的,却不能像google一样识别响应式网站,可能还需要一段时间发展。但毫无疑问的是现在Web趋势转向移动优先,当然如果你用域名或者其他解决方案也不是不可以,只是响应式可能更简单一些,发展前景也是不错的。 这两三个星期我每天都在写响应式页面,也没...

为什么互联网行业都缺前端工程师

为什么互联网行业都缺前端工程师
现在,几乎整个互联网行业都缺前端工程师,不仅在刚起步的创业公司,上市公司乃至巨头,这个问题也一样存在。没错,优秀的前端工程师简直比大熊猫还稀少。 这是100offer程序员拍卖的观察报告,已获授权,分享给你。 每天,100offer的HR群都有人在吐槽招不到前端工程师。实话说对这些需求,100offer的招聘体验师也无能为力,因为在供不应求的前端招聘市场上,优秀的前端工程师才是有话语权的那一方。 放...

响应式Web开发,必懂媒体查询(系统理论+实战教程)

响应式Web开发,必懂媒体查询(系统理论+实战教程)
【编者按】《移动Web手册(双色)》主要讲解了移动Web开发核心要点,及与传统PC网站开发的不同之处。适合前端开发工程师,对移动Web开发感兴趣的手机App开发工程师以及测试工程师阅读学习 。下面节选了该书中关于“媒体查询”的精彩内容。 媒体查询 (本文)将系统地学习媒体查询。媒体查询其实就是CSS的if语句。如果宽度为800px或更宽,如果是横屏,如果分辨率是1.5dppx或更小:使用这些CSS声明。 媒体查询...

50个优秀的web网站配色界面搭配分享

50个优秀的web网站配色界面搭配分享
好的网站配色可以成功获得用户和提升用户体验,本文主要介绍这50款优秀的配色方案,希望对你的感觉有用。 Daniel Sitek Trinity Web Tech Ryan Keiser We are Impero Hitmo Volll Nybble Designs Melon Free Skittles Bronco Reel Effect Codes Lingers Challenge Aruns Folio Fuel Brand Inc. Shady Acres Odo Pod HD Live Ergpa Mike Poss Envato 365 Days Astronomy Strutta Mary...

17款免费的Bootstrap后台管理模板集合

17款免费的Bootstrap后台管理模板集合
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。是目前最受欢迎的前端框架之一。下面为大家推荐17个免费的Bootstrap后台管理界面模板。 1. Admin Lite AdminLTE - 是一个完全响应式管理模板。基于Bootstrap3的框架。高度可定制的,易于使用。支持很多的屏幕分辨率适合从小型移动设备到大型台式机。 2. Dashboard Sidebar 这是一个管理后台模板,拥有控制面板或仪表板。这个模板有一个可折叠的工...

【推荐】10款Web程序员必备的在线CSS工具

【推荐】10款Web程序员必备的在线CSS工具
对于web开发来说,CSS是最有效的美化页面、设置页面布局的技术。但问题是,CSS是一种标记性语言,语法结构非常的松散、不严谨。WEB程序员会经常发现自己的或别人的CSS文件里有大量的冗余代码或错误或能够大量优化的地方。如果你经常使用静态编程语言(比如,Java,C语言)等,你会发现实用的IDE工具会给编程带来巨大的效率,像Eclipse这样的能够实时自动分析代码问题的集成开发环境就是一个典型的例子。那么...

前端开发工程师常用的开发工具汇总

前端开发工程师常用的开发工具汇总
1.Firebug http://getfirebug.com/ 最流行的前端开发工具 2.HttpWatch http://www.httpwatch.com/ 集成在IE和Firefox上的监听HTTP和HTTPS的工具 3.Fiddler http://www.fiddler2.com/fiddler2/ Fiddler是一个记录你电脑和网络之间所有HTTP(S)请求的网络调试代理 4.HttpFox https://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US 和HTTPWatch很类似的一个工具 5.Yslow http://developer.yahoo.com/ys...

7款免费返回顶部jQuery演示及源代码

7款免费返回顶部jQuery演示及源代码
为了更好的提高页面的用户体验和需要的全站功能,在一定程度上可以提高用户体验的,于是就整理10款用户体验较好的返回顶部的jQuery演示及源码,如果有需要的朋友可以下载且整合到自己的网站中使用。 第一、返回顶部+微博按钮 老左的侧边返回顶部就是修改与这款效果,如果有需要和老左一样效果的可以下载这个然后使用。[演示] 第二、仿腾讯返回顶部和建议 图标比较大,也可以换成其他需要的图标和链接功...

2014年5个最流行前端框架对比

2014年5个最流行前端框架对比
当今时代众多CSS的前端框架纷涌而至,但真正的优秀的却屈指可数。 在这篇文章中我们将对我认为最好的五个框架进行比较,每个框架都有自己优缺点和特定的应用领域,这允许你根据特定项目的需求选择合适的框架。比如,如果你的项目比较简单,你就不需要复杂的框架,此外,许多选项是模块化的,这允许你仅使用你需要的组件,或者混合使用不同框架的组件。 我们要讨论的框架都是基于其在github上的人气展示的,...

DIV+CSS规范命名集合

DIV+CSS规范命名集合
我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法。 命名规则说明: 1)、所有的命名最好都小写 2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcss5" 3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整 4)、空元素要有结束的tag或于开始的tag后加上"/" 5)、表现与结构完全...

Web 开发中 20 个很有用的 CSS 库

Web 开发中 20 个很有用的 CSS 库
在过去的几年中,CSS已经成为一大部分开发者和设计者的最爱,因为它提供了一系列功能和特性。每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发。像CSS 库,框架,应用这样的工具能够为开发者做很多事,而且可以使开发者创造出创新立异的WEB应用。  1. Kite Kite是一个灵活的布局助手CSS库。Kite使用`inline-block`而不是最新的CSS语法。它注重实际,易于理解且容易使用。Kite用法与flexbox相似:...

5 款 Linux 下免费的 CSS 编辑器

5 款 Linux 下免费的 CSS 编辑器
  1) Amaya   Amaya是一款开源CSS网页编辑器工具,用来在web上创建和更新文档目录.Amaya支持HTML,CSS,XHTML,MathML和SVG.Amaya是用C写的,并有linux的版本。   2) jedit   jEdit同样是适用于linux用户的 CSS编辑工具.它用java写的,它的出色特性使它在码农中很流行。   3) Bluefish   Bluefish是针对程序员和web设计师的强大的编辑器,它有很多选项用来编写网站,脚本和代码。Bluefish支持很...
Copyright © 互联网世界 保留所有权利.   Powered by www.zhangjinpeng.com.cn 网站地图   粤ICP备13066957号-2  
内容说明:本站内容及数据部分来自互联网及公开渠道,如有侵权请及时联系我们,本站将在第一时间删除相关资源。

用户登录

分享到: