CSS 动画: 向左下,向右下,向右上,向左上打开

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-02-01 09:05:15.0
我们继续动画的实例的,主要还是熟悉动画的相关属性,免得忘记相关的知识点.我们来实现向左下,向右下,向右上,向左上打开,这四个动画.这里我只放两个效果了.OK,还是和往常一样,上代码.首先是HTML结构代码,两个BOX,一个外BOX,一个内BOX,外BOX有边框,内BOX是背景为绿色代码名称 <div class="outer_box">     <div class="inner_box"></div>  </div>&nb

纯CSS实现一,二级菜单

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-30 15:12:32.0
一直以来,像网站的一二级菜单都是通过JS来实现菜单的显示与隐藏.虽然实现的代码也不是那么难,但毕竟还是多出了一些时间来编写. 其实CSS是可以实现这种效果的. 我们今天就来看看这个效果的实现.HTML结构代码,跟往常的一样.菜单是如何显示的就该怎么编写.代码名称<ul>        <li> <a href="#">首页</a></li>        <li>       

Google Chromium JCEF的编译

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-29 15:53:57.0
前两天发了一篇CEF的编译,今天我们来讲讲JCEF的编译.JCEF主要提供JAVA SWING方面的接口使用. JAVA开发人员可以通过CEF来编写相关的网页应用程序.环境: windows 7 64位系统a) 准备:下载CEF,选择与JCEF相应的版本.下载地址:https://cefbuilds.com/gitJava version 1.7 or 1.8.visual studio 2015 下载地址可去官网下载cmake  下载地址:https://cmake.org/b) 编译:通过git下载JCEF最新源码将下载cef包解压到JCEF包目录下third_part

CSS中的颜色值详解

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-27 16:19:32.0
在CSS中,颜色的用法是有几种的方式来处理,比如像我经常比较喜欢用的红色,就有以下的几种表达方式:#ff0000#f00rgb(255,0,0)rgb(100%,0%,0%)redrgba(255,0,0,1) 第一种是16进制的写法,第二种是16进制的缩写法,第三种是RGB的0~255的颜色值设置,第四种也是RGB的方式,只是值使用的是百分比,第五种使用的是颜色名称,当然这里只能是部分的颜色名称(这里只是一种规定,不可能规定所有的颜色值的名称).常用的:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, oliv

11个最好的Jquery和HTML5的在线HTML编辑器插件

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-23 10:25:33.0
HTML编辑器,我想做编程的人,基本都接触过. 其实主要还是用在内容编辑方面,比如微信的内容编辑器,其实他就是国内百度开发的UEditor编辑器,等等还有其他的作用.反正是处理内容的工具.我这里一一列出一些会接触过的编辑器.1. UEditor (http://ueditor.baidu.com/website/)2. Froala (https://www.froala.com/wysiwyg-editor)3. ContentTools (http://getcontenttools.com/)4. Raptor Editor (https://www.raptor-editor.com/

CSS实现图片轮播效果

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-22 14:58:27.0
我们使用图片轮播,基本都是通过JS来完成,现在轮播插件也是很多可供我们选择.其效果也是有所不一样.看大家的需求而定.今天我们用CSS来简单的实现图片轮播的效果.其效果的原理,还是利用CSS3中的动画来完成.首先我们写好基本的结构和效果,这一点应该前端工程师写得比较多了,就是轮播的布局.图片我们是使用京东首页的轮播图片.代码名称 <div id="slider">    <ul>        <li>         

程序代码和UI设计共同需要的几种状态

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-21 11:22:44.0
    产品开发完成之后,在产品进行测试时,我们很难去发现一些问题.因为这时候的测试人员最初是团队编代码的人或者是团队测试人员.他们往往是在考虑产品数据填充之后的状态.所以很多微小的问题,往往是发现不了的.发现的时候,可能是在产品发布之后用户的反馈或者是通过一些不熟悉你产品的人进行测试.但是这时候,可能就会造成用户的流失率会提高,耗费的成本也会提高.        如何解决这个问题,就需要参与项目团队的人,明确产品的功能不同的状态,编码的人在编代码时,就会写出几种状态的代码,UI设计的人,就会设计出几种状态的界面,测试的人当

css伪类中的:target的使用

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-19 16:54:12.0
 之前:target伪类,我们已经接触过了. :target是css中伪类,主要是应用在url中的#链接,以及匹配对应的id名称.例如下面的例子:代码名称http://www.wutongwei.com/#home对应的home 的结构为代码名称<section id="home">   this is target</section>   这种状态,我们可以通过CSS来体现他的效果.代码名称:target{  color:#ff6600;} 这时候,当浏览这个链接的时候,就会将对

就目前环境,如何成为能工作的前端开发者!

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-18 17:55:41.0
今天这篇文章主要对现在我接触到的工作环境,做了一个前端工程师基本的总结.如何能够在工作中很好的进行开发. 最后也加入了一些新手需要练习的作业.a) 基础学习:1) WWW服务的基本概念工作原理2)了解路径问题,绝对路径和相对路径 (http://blog.csdn.net/hgd613/article/details/8041662)3) html,css,javascript的详细学习.熟悉或者精通.(当然这只是一个概念,没有任何一个人说自己精通某个编程语言,就算他是某个语言的缔造者.技术都是在快速更新的.)3) javascript谷歌编码规范http://docs.kissyui.com

Javascript实现苹果设备里的计算器

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-18 17:50:42.0
今天我们使用JAVASCRIPT来实现一个计算器.整个计算器,是为了教一些同学和实现的.我们直接看下效果.(代码长的,请横屏查看!)首先我们先把界面做好,界面选哪个号呢? 我就直接模仿苹果里的计算器样子.代码名称<div id="calc">     <div id="result">0</div>     <div id="key">   &n