前端美工
关注
分享
扫一扫
文章平均质量分 85
zzc1684
这个作者很懒，什么都没留下…
展开
-
PSD网页切图制作HTML全过程教程
今天的这个教程，教大家如何把psd页面利用div+css切割成html页面，这类的教程，本站做的一直都很少，大多讲的都比较零碎的一些东西，在今后，我们将慢慢发布翻译出更多这类的教程，供大家学习，转载请著名来源，以及站码翻译，谢谢.... 首先看看效果下面的图片就是效果图，切割出来后，可能头部和底部会宽点.....新建文件夹开 始时，在您的计算机中创建一个文件夹。我把它命名...原创 2015-04-01 12:49:37 · 839 阅读 · 0 评论 -
JetBrain WebStorm 注册码
webStorm : UserName:William ===== LICENSE BEGIN ===== 45550-12042010 00001SzFN0n1bPII7FnAxnt0DDOPJA INauvJkeVJBuE5bqLEznccE4tet6tr RiyoMxDK8oDY93tx!ipPyGmqYYeWxS ===== LICENSE END ===== UserName:Micro...原创 2015-09-07 14:54:44 · 238 阅读 · 0 评论 -
WebStorm：令人眼前一亮的一款前端开发IDE(转)
从 最初的dreamweaver,到Notpad++,再到aptana，每一款IDE总让我我感觉少了点什么东西。WebStorm却让我眼前一亮，虽然 公司项目所用的开发环境是eclipse+aptana（主要是方便团队协作和工程调试），但是其他时间我都会学习使用WebStorm，现在4.0版本 已经出来了，让我们来看看它都有哪些强大之处吧：浏览器支持细节提示关键字，标签，变量，参数...原创 2015-09-07 14:51:26 · 165 阅读 · 0 评论 -
AngularJS学习笔记
http://www.360doc.com/content/13/0729/13/13328522_303333441.shtml AngularJS学习笔记2013-07-19 18:33 更新邹业盛关于AngularJS开始的例子依赖注入作用域数据绑定与模板5.1. 数据->模板5.2. 模板->数据5.3....原创 2015-06-18 11:18:58 · 294 阅读 · 0 评论 -
50个有用的国外扁平化设计PSD素材
最近看了很多扁平化设计作品，然后自己新项目尝试下Flat Design，发现看似简单的图形但设计起来并不是想象中那么容易，特别是配色方面，很难整理一个好的方案，好在还有一个扁平化配色方案库，这里的配色给我很多配色灵感。 最近看了很多扁平化设计作品，然后自己新项目尝试下Flat Design，发现看似简单的图形但设计起来并不是想象中那么容易，特别是配色方面，很难整理一个好的...原创 2015-06-18 09:40:31 · 636 阅读 · 0 评论 -
15套免费的扁平化界面设计素材【免费下载】
高品质的网页元素是任何 Web 或移动相关项目的基本要素，质量良好的设计元素对于设计师来说就像一个宝藏，能够帮助他们在很短的时间里设计出优秀的作品。 很多人喜欢扁平化设计风格，它的简单性让用户感觉轻松。这篇文章就给大家分享15套免费的扁平化界面设计素材包，包含各种设计元素，如导航、下拉菜单栏、购物车、登录注册、选项卡以及横幅等等。您可能感兴趣的相关文章23套新鲜出炉...原创 2015-06-16 08:57:29 · 203 阅读 · 0 评论 -
30个让人兴奋的视差滚动（Parallax Scrolling）效果网站
视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为今年网页设计的热点趋势，越来越多的网站应用了 这项技术。今天这篇文章就与大家分享30个视差滚动效果的网页设计作品，一起欣赏（以拖动滚动条方式浏览效果更佳）。01. Cymetriq 02. Ludwings 03. In...原创 2015-06-16 08:57:04 · 174 阅读 · 0 评论 -
CSS3盒模型display:box;box-flex详解
display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(-moz-)、opera(-o-)、chrome/safari（...原创 2015-06-16 08:56:20 · 158 阅读 · 0 评论 -
10个基于jQuery/CSS3的图片特效素材
阅读目录1、jQuery iNav水平滚动菜画插件2、jQuery鼠标悬停图片动画HoverEx3、jQuery带小图标的图片滑动焦点图4、jQuery仿搜狗输入法首页焦点图5、jQuery原始图片对比插件6、jQuery仿腾讯游戏上古世纪焦点图7、jQuery环形图片播放插件8、jQuery抖动动画焦点图9、jQuery带文字描述的焦点图10、jQ...原创 2015-06-16 00:51:14 · 188 阅读 · 0 评论 -
丰富您设计的10个CSS3效果库
Magic CSS3 Animations Magic CSS3 Animations是一个CSS3动画包，拥有一些特效可以你的Web项目中免费使用。拥有像金光闪闪，角度，旋转，炸 弹等特殊效果。使用简单，大部分的动画是跨浏览器兼容。 Animate.css Animate.css是一个现成的CSS3的动画特效库。这个库拥有60个不同的动画效果。Once animate.min.css is i...原创 2015-06-16 00:44:50 · 551 阅读 · 0 评论 -
PPT扁平化设计手册修正版
PPT扁平化设计手册修正版原创 2015-06-15 10:12:18 · 107 阅读 · 0 评论 -
ps设计教程
超实用！3个方法教你设计顶尖电商Banner2015/06/14 | 推荐: cyRotel | 4编者按：Banner的重要性无需赘言，今天这篇文章从走心的文案、不同的构图方法和如何字体选择3个方面，聊聊如何迅速提升Banner的质量 >&g…Read Article →给Watch做App？5个应该跳过的Apple Watch...原创 2015-06-15 09:59:26 · 672 阅读 · 0 评论 -
PS新手教程：轻松掌握四种扁平化设计风格
本文将传授你多样的扁平化设计风格，绝对时髦教程！读完本文，你将轻松掌握时下最热门的设计手法：） 四种风格包括：常规扁平化、长投影、投影式、渐变式。 相关阅读：PS新手教程！打造万圣节南瓜灯PS新手教程！打造一枚简约音乐播放器 一、常规扁平化 步骤 1: 宽度: 500px, 高度: 400px. 背景色#e8d59b. 步骤 2: 参考线设置：...原创 2015-06-15 09:57:52 · 309 阅读 · 0 评论 -
扁平化设计
1.我随意的建了一个图层 2.背景填充一个颜色，先建一个空白图层，选择矩形选框工具，按住shift画出正方形，然后在填充另一个颜色，这两个颜色我选择的是一组明度较低的间色，显得比较柔和而不那么刺眼，一般扁平在配色上很少直接用三原色 3.打字，字的颜色选的白色，作为图标的话也比较显眼点，字体较胖，为后面做长投影不显得太单薄，图我都截好了，字还没配，如果有哪里字打错了，你TM来打我啊...原创 2015-06-15 09:48:15 · 247 阅读 · 0 评论 -
21个免费的UI界面设计工具、资源及网站
本文将介绍21个免费的UI界面设计工具、资源及网站，如果你在做用户体验设计、界面设计、产品设计、JS前段开发、手机产品设计以及iPad和平板电脑产品设计，不妨来看看。AD：51CTO移动APP安全沙龙！马上要爆满，手慢没座位！我们刚刚介绍了移动设计初探：触屏网页设计。本文将介绍一些UI界面与设计使用的元素、软件和网站。内容很丰富，适合用户体验设计师、界面设计师、产品设计师、JS前...原创 2015-06-15 09:27:52 · 288 阅读 · 0 评论 -
background-position 用法详细介绍
语法： background-position : length || length background-position : position || position 取值： length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位 position : top | center | bottom | left | center | righ...原创 2015-06-12 14:57:19 · 122 阅读 · 0 评论 -
再来 20 个免费的 Bootstrap 的后台管理模板
http://www.oschina.net/news/52033/free-bootstrap-admin-templates 6月14日上海 OSC 源创会开始报名，送机械键盘和开源无码内裤之前 OSC 曾经发过多个后台管理界面模板的推荐，例如：50 个漂亮的后台管理界面模板25 个精美的后台管理界面模板和布局分享 6 套超酷的后台管理...原创 2015-06-06 20:34:54 · 1800 阅读 · 0 评论 -
10套超漂亮的Bootstrap UI KIT(已转Html格式)
我们平时分享过不少的精品UI KIT PSD素材，这些组件虽然很漂亮，但是要转换成HTML网页格式时却不是一件容易的事情，因为UI组件元素很多，如果要转HTML需要不少的时间，而且要精通前端技术。今天设计达人网整理自pixelkit上的免费UI KIT素材，这些PSD已经转成DIV+CSS格式，可以直接快速的应用在网页上，更棒的是它使用Bootstrap框架编写，最新的HTML5+CSS3...原创 2015-06-06 20:27:17 · 451 阅读 · 0 评论 -
免费下载！22个最新的HTML&CSS3 UI工具包
概述：本文盘点了22款适用于网页设计的HTML&CSS3 UI工具包，并且全部都是免费的哦！喜欢就赶紧下载或收藏吧。App开发者福利：iOS7图标模板和UI工具包汇总推荐10款最新的免费用户界面工具包（附下载)直接拿来用：13款免费的CSS UI工具包10个超酷炫Bootstrap HTML & CSS UI工具包12款免费且精美的We...原创 2015-09-09 10:30:30 · 248 阅读 · 0 评论