前端网页设计+静态实现案例 放一个2天半内给某公司完成的(设计 + 静态实现)的案例吧,静态阴影用CSS3实现的http://www.cnblogs.com/MuYunyun/p/5693615.html,我最开始设计的时候就想好要用什么实现,各个框的大小是多少(精确到1像素),以及颜色搭配等等. 还有很多素材我就不演示了,设计了好些网页模板,如果有大家想用PS进行网页制作,欢迎大家交流. 很多人做前端只是掌握了最基本的切图(甚至连切图都有不会的),就连小小改动都要麻烦设计师,这就大大浪费了时间

页面制作部分之PS切图 <--本标签下,通过页面制作.页面架构.javascript程序设计.DOM编程艺术.产品前端架构五部分来分享总结笔记,总结笔记会陆续分享--> 网页设计在技术层面上,第一步是美工做出网页效果图,第二步就是网页前端进行网页切图.网页切图工具常用的有fireworks.PS,这里使用PS进行网页切图. 我们通过设计稿,得到我们想要的产出物(如.png,.jpg文件),给网页提供图片素材(HTML:img,CSS:background). 一.使用PS工具 1.1 PS首选

hai,how is it going?I'm MuQing.I come back.哈哈,最近在英语的路上奋战,小秀一下.又好久没写博客了,实习的生活渐行渐远了,回到学校也终于能够坐下来对很多东西进行沉淀和总结.今天就跟大家来聊聊前端需要会的PS那点事. 前端PS技巧有两大类:1 测量和取色  2 切图  1不用说,开发需要2,切图其实也是必备,说实话当我一开始知道前端需要自己切图的时候,我的内心是抗拒,但是后来我慢慢的发现,我是幸运的,切图真的是前端必会的技能.为啥呢,因为我们是前端,所以我

1.设置滚轮放大缩小: 编辑--首选项--常规--用滚轮缩放 2.V 移动 ctrl+v 自动选中(图层), 3.M 选框 Shift+M 变换形状 Alt :确定圆形/矩形中心 Shift: 圆形/正方形 Alt+Shift Ctrl+D 删除选区 4.套索 L Shift + L 变换形状 Shift:增加 Alt:去除: 5.新建文件 Ctrl+N 6.Tab 隐藏/释放面板 7.T+文字:可在字符面板查看相应的字体信息 8.图层面板: 眼睛:显示/关闭图层 alt+眼睛:仅显示选中图层

一.PS与前端知多少 一般我们会认为PS是用来修改图片的,这些工作是美工人员做的事不是前端人员做的,其实这样想你就错了,因为在前端人员也是要学会一些简单的关于PS的技巧的,这样就不会应为一点点小小的需求老是要麻烦负责美工的同事来帮你改动一点点,再者这样也会对你的工作效率有所提高.在我看来其实前端人员需要掌握的PS知识大致上有这样一些:切图这个是必须的,也是本文的重中之重,然后是相应的对图片进行修改,大致上前端也就需要掌握这些PS内容就够了.除非你家公司没有美工人员或者是老板想省钱不招美工,全部的

从正美的吐槽开始,我回了下,说对盲目跟风的大众失去信心了.然后一些同学说我固步自封,另一些同学估计想说倚老卖老啥的.我想说清楚一点,我从 未停止过学习,只是对知识的重要程度和精力分配有自己的观点.具体来说,前端方面的知识从重要程度来排,私以为应该先后学这些: 1,api学习,系统地学,可以看看这个方面的书,不要只零散地看网上文章,这个书钱要舍得花.前端领域,这个方面我推荐看看<javascript高级程序设计>和<html5和css3权威指南>. 2,学习一些编程上的技巧,比如面向

H5打包的app实现支付及支付宝支付,本章主要详解支付宝支付,微信支付请查看另一篇“H5使用codovar插件实现微信支付(微信APP支付模式,前端)” ps:本文只试用H5开发的,支付宝 APP支付 流程: 1.首先给项目中打上支付宝插件,我使用的是cordova-plugin-alipay-v2-master插件(下载地址) 此插件中点就是payInfo,这个由后台生成,主要由支付宝的应用私钥和应用公钥,需要再支付宝开放平台配置 应用私钥和应用公钥是一对,由支付宝提供的生成工具secret_

H5打包的app实现微信支付及支付宝支付,本章主要详解微信支付,支付宝支付请查看另一篇“H5使用codovar插件实现支付宝支付(支付宝APP支付模式,前端)” ps:本文只试用H5开发的,微信 APP支付 流程: 1.首先给项目中打上微信插件,我使用的是cordova-plugin-wechat插件(下载地址),注意该插件需要改一些地方 这三个文件的包名做修改例如你的项目工程是com.baidu.mall,那么此处的包名就是com.baidu.mall.wxapi;(此处设置不正确,微信支付结

上周六有幸參加了在杭州阿里巴巴西溪园区举办的2014年D2前端技术论坛和晚上的酒会.实地感受了一下阿里巴巴前端开发的技术氛围和影响力.整体上看这次D2规模还是挺大的,国内前端的知名大牛基本上都到了.       D2今年的主题是绽放.确实挺符合如今前端发展的阶段.随着对用户体验的不断追求,移动Web的迅猛发展.HTML5的普及,NodeJS的投入商用,AngularJS等新框架的出现,前端的重要性和project化程度不断提高,上午会上有个妹子说2015年D2的主题是逆袭,我个人认为挺合适的.从

jquery中最常用的API有哪些 一.总结 一句话总结:取html的方法,class相关的方法,val相关的方法,data相关的方法,attr相关的方法 1.jQuery Object Accessors有哪些方法? jQuery.index(element),返回该jQuery对象在集合中的索引 jQuery.each(function),遍历jQuery对象集合,在每个对象上执行function函数,function callback(index, domElement){this}; j

前端程序传过来的值是有三个字段组合之后的结果,后端程序处理,并且将查询的数据反馈给前端. PS:不能直接使用字段RPT_NO的,因为在这条记录中RPT_NO恰好等于其他三个字段的组合值. 正确的做法是使用"拼接操作符“ (||). RT,记下来以备日后查看,有需要的同学也可参考 :)

backbone-------一个实现了web前端MVC模式的JS库-------官方地址 backbone库要建立在underscore库的基础上---------------官方中文地址------数组,对象,事件的常用方法,针对模型和集合 IBM的backbone教程-----------------------------------官方网站 MVC 模式:一种解决问题的通用方法 设计模式:工厂模式,适配器模式,观察者模式等 框架模式:MVC.MVP.MVVM等 MVC指的是什么? M:

[目录] 扯淡吹逼之开发前奏 Django 开发环境搭建及配置 web 页面开发 Django app开发 Django 站点管理 Python 简易爬虫开发 Nginx&uWSGI 服务器配置 ... 一.扯淡吹逼之开发前奏 终于答辩完了,实在没什么事,作为一个死宅到底的码农,只有呆在宿舍写程序玩. 以前项目都是基于Windows平台开发的,主要是.NET和C++,一直想学一学python,可是没有项目驱动实在是没动力,看了文档不动手过几天就忘了,好吧,我们干脆就开发一个开发的工具网站,主要用

标题取自<css禅意花园>一书,还记得当年读此书时的情景,真的是内容和书名一样的优秀,就以此标题作为自己在该文的一种追求吧,尽管我的水平和见解都和Dave Shea相去甚远.该文算是对前两年写页面工作的总结吧,现在比较少关注css了,可能观点有狭隘的地方,同时文中也有一定的思考和理解,也许并不一定特别适合初学者阅读,本人时间有限,也没办法针对具体的知识点做深入的讲解或提供代码示例,所以在阅读过程中如果有不理解的地方,欢迎提问并互相学习交流. 当UI设计师给了你一张psd图,在对它进行切图,实现

开始学习Android了 看着眼花缭乱的教程真心无奈...So  无耻的来了个大综合 自己充当了小白鼠.. (PS 若文章中链接失效 请留言反馈me会尽快修复) 开始的开始 java运行环境还是很必要的    如果你java环境已有,自己也不想瞎折腾 欢迎使用ADT bundle,ADT bundle包含sdk + 特定版本platform + eclipse + adt + 兼容包,解压缩即可使用.唯一的缺点是体积比较大,如果你刚开始学习Android强烈建议自己手动来搭建Android开发环

一.Node + Express环境搭建 0.去Node官网下载安装node,如果安装了 npm 和 node的话 那么就 安装 全局的 express,-g全局安装 npm install express –g 1.然后使用 express 创建项目,命令:   express 项目名 初始化一个node项目 注意 这里 默认的页面模版 是jade 大部分小项目使用的是 ejs模版,所以 利用express创建ejs模版的node项目,命令为express -e 项目名 express -e

写在前面 最近在读<JavaScript启示录>,这本书不是JavaScript的详尽的参考指南,但是把对象作为了解JavaScript的透镜,受益匪浅. 那么我们先来聊一下JavaScript的原始值(值类型)以及复杂值(引用类型),以及他们在内存空间中的存储,关于他们你可能不清楚的一些事: 我们先通过一个经典的面试题类型(并不是原题,我即兴发挥)引出我们今天的主题: 我们已经看出他们的差别,在图一:我们让b = a,改变b的值,发现a并没有改变.在图二:我们让d = c,通过d.name改

很久很久以前,在一个项目中,经理要求对一个图片做模糊处理.第一反应是这个要找 ui 给个模糊图片.可当时 ui 不在呀,项目又着急,只能自己搞.我一个前端,ps 技术实在不咋的,叫我切切图还可以,叫我做个模糊,还要什么高斯模糊的.虽然最后做出来了,但感觉总是不太好. 后来,不记得在哪看到用 css 也可以对图片做这样的处理,就做了些研究. 原图: 模糊: 灰度: 反色: 亮度: 褐色: 饱和度: 色相旋转:   对比度: 这些只是其中的一点效果,这里就不全部展示了 . 这里是我写的比较全的效果:

近些年,Web前端甚是火爆,火爆程度堪比我毕业时的移动端开发一般.随着JavaScript的火爆,移动端也不安分了起来,ReactNative就异军突起了,几乎要做到"一次学习,四处开发"了,而我更是要拥抱时代的变化,开始自己的ReactNative的学习了. 那首先我们就是要开始配置环境: 需要安装的工具有: 1. Android Studio 2. SDK 3. JDK 4. node.js 5. react native 6. atom编辑器及其Facebook提供的插件Nucl

   前言概述 在开发网页制作过程中通常需要一些网页小图标,前端需要PS切图,将单个小图标icon组合成CSS雪碧图过程中,需要一些时间和精力; 如果网页制作中需要的小图标icon有一套css框架库集成起来将大大提高开发效率于是就有了接下来要说的字体图标库fontAwesome.iconfont    fontAwesome 图标字体库与CSS框架 fontAwesome 官网http://fontawesome.dashgame.com目前Font Awesome最新版本version是4.7

团队展示 队名 决胜 Poker 团队人员 211606392 郑俊瑜 (队长) 211606355 陈映宏 211606358 陈卓楠 211606386 姚皓钰 211606323 刘世华 211606327 冉繁盛 队长博客 队长博客 团队项目描述 意在学习,工作闲暇时间,休闲娱乐的一款益智游戏 队员风采 郑俊瑜 风格:理性内向人才,开车大概很稳...性格开朗随和 擅长的技术:Just a little C语言以及JAVA 编程的兴趣:前端 希望的软工角色:额,程序分析员? 宣言:你想打D