Web前端设计资源

Web前端设计资源

2018年11月25日Web前端设计资源已关闭评论 2.1K
2015十大年度网页设计趋势欣赏 Web前端

2015十大年度网页设计趋势欣赏

长滚动、卡片式布局、扁平化设计 怎么样才能让网站看起来最潮最新?在适者生存的规则下,每一年都会筛选出哪些设计风格是趋势指向,哪些又是过时的。随着2015年即将结束,我们现 在可以看到什么才是2015年...
全文
30个JavaScript库 Web前端

30个JavaScript库

使用JavaScript库将会使开发变的更简单,大部分JavaScript库提供的功能都是极好的,当我们在为一个项目选定开发技术的时候,选 择一个明星框架当然很不错,但是有些库文件太大了。当你想要为一...
全文
jQuery与CSS3鼠标悬停效果 Web前端

jQuery与CSS3鼠标悬停效果

鼠标虽然是很细微的东西,但却是很常用的效果。所以如果把鼠标效果做好是很会吸引人的眼球的。制作动画效果我们可以有很多种方法,但是最常用的是用CSS3来实现,当然如果结合jQuery来完成那么这样的效果就...
全文
为导航菜单添加个性图标字体 WordPress

为导航菜单添加个性图标字体

目前图标字体非常流行,图标字体使用简单,与图片格式的小图标相比,支持视网膜显示,可以无限放大。特别是一些响应式设计的主题模板,都会或多或少使用图标字体,包括我制作的Ality主题和目前用的Begin主...
全文
40 个免费 Bootstrap HTML5 网站模板 Web前端

40 个免费 Bootstrap HTML5 网站模板

Bootstrap 是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。 目前 ...
全文

24款实用的CSS3工具

对于Web设计和开发人员来说,CSS是非常重要的一部分,随着越来越多的浏览器对CSS3的支持及不断完善,设计师和开发者们有了更多的选择。如 今,用纯CSS就可以实现各种各样很酷的效果,甚至是动画。今天...
全文
2015年值得关注的21个网页设计趋势 Web前端

2015年值得关注的21个网页设计趋势

网页设计发展很快,它主要是跟着设计潮流以及Web技术一起演变。从纯文字的网页到FLASH、然后现在流行的HTML5网站都有着很大的变化。网 站可以有很多用途,比如用企业网站宣传、社交、博客、营销、个人...
全文
响应式网页设计应该注意的9个原则 Web前端

响应式网页设计应该注意的9个原则

响应式网站越来越受到大家的欢迎,有利也有弊的因素。它没有固定的页面尺寸、没有毫米或英寸,没有任何物理限制,让人感到无从下手。下面就和大家分析如何运用响应式web设计的各项基本原则来实现。为了简单起见,...
全文
推荐15款响应式Web设计测试工具 Web前端

推荐15款响应式Web设计测试工具

响应式网页设计也称作自适应网页设计(通常缩写为RWD),该设计可使网站在多种浏览设备(从桌面计算机显示器到移动电话或其他移动产品设备)上阅 读和导航,同时减少缩放、平移和滚动。换句话说,响应式网站能够...
全文

字体图标跨域问题

收集一些字体图标跨域不显示的解决办法,供大家参考 我们使用Access-Control-Allow-Origin:* 通过启用cors 来解决跨域问题。 具体步骤如下: 1、开启apache的mod_...
全文
JQuery图片幻灯脚本:Flexslider Web前端

JQuery图片幻灯脚本:Flexslider

Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果,具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效...
全文
什么情况下使用链接title属性 WordPress

什么情况下使用链接title属性

title 从最早学习网页制作就一直错误认为,链接a标签添加title属性是标准、是必须的,网上还有很多利用JS脚本强化这个链接描述的技术文章,也包括我,对这个美化后的链接描述还有种小有成就的感觉,但...
全文
推荐10个很棒的 CSS3 开发工具 Web前端

推荐10个很棒的 CSS3 开发工具

CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。尽管如此,有几个工具可以在你使用 CSS3 制作网站的时候起到很好的帮助作用。在这篇文章...
全文
2015年网页设计七大趋势 Web前端

2015年网页设计七大趋势

2014年,我们制作网页时遇到了不少新东西——无代码设计平台,视差效果,单页网站等等。随着技术与设计理念的演进,2015年,网页制作的设计趋势是继承去年还是会迎来革新呢? 1.可调整的字体 从2006...
全文
HTML5标准制定完成 Web前端

HTML5标准制定完成

HTML 5标准 HTML5是如今最先进的WEB开发技术,虽然已经沿用了多年,但是HTML5的技术标准,其实上并未明确制定完成。日前,互联网权威技术组织万维网联盟(W3C)正式宣布,历时八年的HTML...
全文
30个单页面固定导航菜单案例欣赏 Web前端

30个单页面固定导航菜单案例欣赏

导航设计对于网页设计来说是非常重要的,占据着不小的成分。因为它直接影响着游客对你的访客量。导航一般是横向或是左右两边的,也有在网站的小角落。今天我们整理的这30个是单页面导航设计的案例,希望能给你带来...
全文
27个有用的UI设计素材和工具包免费下载 设计资源

27个有用的UI设计素材和工具包免费下载

在今天的这篇文章中,我收集了一些最近发布的自由移动用户界面和Web UI工具包。这些UI工具包最适合框架、模板和主题设计。所有PSD的UI工具包都带有分层PSD文件,你可自由编辑也能快速的节省你的时间...
全文
15个响应式设计的导航菜单jQuery插件 Web前端

15个响应式设计的导航菜单jQuery插件

制作响应式设计的网站,自适应各种手机、平板、桌面平台的分辨率是必需的,否侧网站怎么算是Responsive Design呢?下面为大家整理的15个响应式设计的导航菜单jQuery插件,展示方式很多,大...
全文
CSS书写规范和顺序 Web前端

CSS书写规范和顺序

这里网总结一个CSS书写规范、CSS书写顺序供大家参考,这些是参考了国外一些文章以及个人经验总结出来,对写CSS的前端用户来说是值得学习的。 CSS书写顺序 1.位置属性(position, top,...
全文
多设备的Web布局模式 Web前端

多设备的Web布局模式

通过灵活的栅格和Media Queris,响应式Web设计能够让页面布局适应不同的屏幕尺寸。随着越来越多的设计师采用这个技术,我们不仅看到很多的创新,还看到了一些成形的模式。下面我列出了一些比较热门的...
全文
瀑布流布局 Web前端

瀑布流布局

jQuery Masonry 一个JQuery动态布局插件,CSS侧边浮动。更多可以查看:瀑布流布局之jQuery插件Masonry   Isotope 一个可以神奇布局的JQuery精美插...
全文
响应式幻灯片 Web前端

响应式幻灯片

ResponsiveSlides.js是一个展示同一容器内图片的轻量级响应式jQuery幻灯片插件(tiny responsive slideshow jQuery plugin)。它支持包括IE6在...
全文
40个免费HTML5响应式模板下载 Web前端

40个免费HTML5响应式模板下载

响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,随着目前大屏幕移动设备的普及,以是大势所趋,越来越多的设计师采用这个技术。 Folder Responsive Html5 Theme...
全文
2013年10大Web设计趋势 Web前端

2013年10大Web设计趋势

在2012年我们看到的几个Web设计趋势中,最显著的要数响应式设计了,而现在2013年的鸣钟敲响了,让我们大胆预测一下2013的Web设计趋势。 1. 更多的响应式设计 虽然响应式设计在 2012年被...
全文
8个Web设计趋势 Web前端

8个Web设计趋势

此文为网络文章----本文译自网站设计公司weavora.com,介绍了在他们眼里8个Web设计趋势:单页面、用照片做背景、色块设计、超大号的图片、聚焦简洁、响应式设计、视差滚动、强调字体,每个趋势后...
全文

CSS+DIV 浏览器兼容

一,由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得...
全文
CSS去掉右边框 Web前端

CSS去掉右边框

并排放四、五个DIV有边框,但两个中间DIV只显示一个边框,形如: <div class="clients">     <li><a href="#"><im...
全文
18 个详细的响应式 Web 设计教程 Web前端

18 个详细的响应式 Web 设计教程

在这篇文章中,我想跟你分享 18 个很有用的响应式 Web 设计的教程,这些教程可以帮助你学习响应式设计,包括瀑布流表格、图片和 media queries。   创建移动优先的响应式设计 ...
全文
20个2013年最值得关注的网页设计趋势 Web前端

20个2013年最值得关注的网页设计趋势

在过去的一年中,我们都看到了网页设计趋势在日益增长。或许有些朋友还记得我早些时候的一些文章关于网页设计,有兴趣的可以点击来查看,现在我们可 以看到其中许多想法已经实现了,甚至有些采用了一些更高层次的新...
全文

让IE6支持max-width

max-width与min-width,最大宽度(最小宽度)在IE7+及谷歌、火狐等浏览器下适用,IE6却不通过。 解决方法: 最大宽度 标准浏览器和ie7+用:max-width:600px; ie...
全文

一个简单的鼠标悬停特效

这个特效最终实现效果就是当鼠标移动到链接上,文字会横向移动一定距离,貌似总有人喜欢这些花花草草。添加此效果方法很简单。 首先,需加载jquery库(略过)。 其次,将下面 Javascript代码加到...
全文
自适应网页设计(Responsive Web Design) Web前端

自适应网页设计(Responsive Web Design)

随着3G的普及,越来越多的人使用手机上网。 移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通...
全文
50个自适应Web设计实例 Web前端

50个自适应Web设计实例

Responsive Web Design,自适应Web设计,也有翻译成响应式Web设计的,个人认为前者更准确些。可以简单地理解为,网页布局可根据用户的显示屏幕分辨率自动调整宽度及布局,例如4列129...
全文
体验HTML5独特魅力 Web前端

体验HTML5独特魅力

HTML5作为目前最火的话题之一,越来越多的由HTML5架设的网站如雨后春笋般出现了,带给我们的浏览体验可以说是一个质的飞跃。推荐一个集合了众多HTML5特效的网站:http://mrdoob.com...
全文
25 个优雅的 jQuery Tooltip 插件 Web前端

25 个优雅的 jQuery Tooltip 插件

jQuery 工具提示可以让网站上一些小的帮助信息显示更加直观,提升用户的体验。下面我们为你推荐 25 个最好的工具提示插件: 1. jqTooltip jqTooltip 2. Pop! Simpl...
全文
60款jQuery 幻灯片 Web前端

60款jQuery 幻灯片

jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片,一种在有限的网页空间内展示系列项目时 ...
全文

经典JavaScript正则表达式实战

  关于测试代码 本文不是使用Dreamweaver编辑,以下测试代码可能已经在赋值粘贴的过程做了一些调整,可能执行失效。可以参看本文的pdf版本。 匹配结尾的数字 来源:如何用 javas...
全文

php正则表达式的特殊字符含义

一篇关于正则表达式特殊字符含义的文章,希望对大家有所帮助。 字符/ 意义:对于字符,通常表示按字面意义,指出接着的字符为特殊字符,不作解释。 例如:/b/匹配字符’b’,通过在b 前面加一个反斜杠,也...
全文

免费Javascript幻灯片制作工具

WOW Slider是一款免费Javascript幻灯片制作工具,它以向导的形式,让你无需明白JS代码,轻松点击几下就会生成一个不错具有叠加效果的Web照片画廊。对我这等几乎Javascript盲来说...
全文
关于jQuery fadeIn() & fadeOut()在IE中的问题 Web前端

关于jQuery fadeIn() & fadeOut()在IE中的问题

使用用jQuery  fadeIn()可以实现淡入效果,比如我目前用的主题侧边TAB菜单,就具有此效果,但是在IE浏览器下模样大变,文字周围总是有那么一小段时间显示重影,虽然通过给其中的元素加个背景色...
全文

什么是HTML5?

一、HTML5 主要新功能 1、本地音频视频播放; 2、动画; 3、地理信息; 4、硬件加速; 5、本地运行(即使在 Internet 连接中断之后); 6、本地存储; 7、从桌面拖放文件到浏览器上传...
全文
使用Google API 有条件加载jQuery Web前端

使用Google API 有条件加载jQuery

Google API提供了jQuery的文件,可以帮助我们省一些流量,而且如果其他网站也是用了这个文件,那么就完全可以在浏览器缓存中,无需再次下载,节省了很多 时间,但是如果有些情况下加载失败了,网页...
全文
Google网页字体在线服务 Web前端

Google网页字体在线服务

目前网页上使用的字体都是常见的几种,如’Lucida Grande’, Verdana, Arial, Sans-Serif,中文常见的有宋体。要想用比较个性的字体就比较麻烦了,因为你不能保证客户端是...
全文
jQuery实现页面淡入淡出 Web前端

jQuery实现页面淡入淡出

貌似现在Web设计都喜欢给页面加入淡入淡出效果,包括导航菜单、TAB菜单、图片幻灯等。如果整个页面也有一个淡入淡出的特效,可以让浏览者有一个暂短的视频休息间隙,是不是也很不错,将下面代码添加到<...
全文

jquery实现的淡入淡出效果实例

整理的一些jQuery的淡入淡出效果,这些jQuery插件将帮助您快速地将效果部署于您的网站或应用上。 1.Jquery 淡入淡出 代码地址:http://hv-designs.co.uk/2009/...
全文
Web设计中体现出来的浓重的苹果风格 Web前端

Web设计中体现出来的浓重的苹果风格

优雅的设计贯串苹果所有的产品,也包括网站,不仅苹果自己的网站,世界上有无数模仿苹果的网站设计,然而是什么构成了苹果式网站设计风格?浅淡 的配色,大 面积留白,清晰统一的导航,雅致的图标,还有,拒绝使用...
全文
博客字体浅析 Web前端

博客字体浅析

  有关网页应使用什么字体的技术文章很多,对此偶没什么深入研究,只是凭个人感受说一下博客模板使用什么字体更科学。   伴随着Windows Vista中文版的推出,一种新的屏幕显示...
全文

判断是否IE6,如果是则提示升级浏览器

一个与浏览器有关的脚本 ,也是大家从事WEb前端编程常见的编程技巧,就是判断浏览器的版本,如果发现版本不符合你的设计要求,就给出提示升级浏览器,这样你的网页会更有体验。只有使用IE6浏览器才会看到效果...
全文
Apple的网页设计哲学 Web前端

Apple的网页设计哲学

我从来都认为参巧是学习设计其中一个最有效的方式,故推出“优秀设计赏系列”,把我从各大网站学到的小事情记录下来,与大家分享。本文是本系列的第二篇。 只要是 Apple 出品的,无论是硬件还是软件,在易用...
全文
Apple 网站历年设计 Web前端

Apple 网站历年设计

我从来都认为参巧是学习设计其中一个最有效的方式,故推出“优秀设计赏系列”,把我从各大网站学到的小事情记录下来,与大家分享。 Apple.com 在本年年中时,WWDC 2007 其间进行了改版。 这次...
全文
11个让你成为用户体验专家的博客 Web前端

11个让你成为用户体验专家的博客

在今天的网页设计世界,很多都强调了SEO,迫使我们为了机器.即使SEO是网页设计者必须考虑的,但是关注需要放在用户上-用户的呼吸,打字和点击.幸 好,有一些关注用户体验的博客,那些博客有很多信息,贴士...
全文
web设计趋势与潮流 Web前端

web设计趋势与潮流

19年前,世界上第一个网页诞生,它没有设计可言,由文本和url组成,样式只有最基本的<h1> <p>。 而如今,Web设计已经成长为独立而庞大的设计门类,一个网页的创造需要多个...
全文
30个优秀的CSS技术和实例 Web前端

30个优秀的CSS技术和实例

30个使用纯CSS完成的强大实践的优秀CSS技术和实例,您将在这里发现很多与众不同的技术,比如:图片集、阴影效果、可扩展按钮、菜单等…这些实例都是使用纯CSS和HTML实现的。 单击每个实例的标题可以...
全文
26个jQuery幻灯插件 Web前端

26个jQuery幻灯插件

图片画廊和幻灯片效果在web站点展示图片和相片时是非常常用的,而jquery图片插件给我们带来了便利,你甚至不需要javascript和jquery的开发经验,就可以轻松展示很炫的图片效果,在这篇文章...
全文