Hot For Coding
CSS3下雨场景

full

点这里看效果

简单说下制作思维

雨滴

雨滴其实就是一个宽150px高1px的div,然后使用css3的rotate让它倾斜一下就好,然后使用css3的线性渐变,就成雨滴了。由上往下掉使用animation控制它的left与top即可。为了让它有远近的效果可以随机给一部分半透明,top参差不平。

雨水

首先是画椭圆,很简单只要给一个长方形然后border-radius: 50%就好,然后animation控制它的width与height就好,最后消失的时候给下opacity由1到0就有效果了,同样为了有层次感,可以随机给一部分半透明。

...

READ ALL

CSS3 animation效果不错

在这之前要在网页中实现动画,基本都是Flash,这Flash老大的位置一直到CSS3出现以后开始发生变化了,主流浏览器支持CSS3特性。

它的属性特别多,具体的可以看看教程,下面给出一些简单例子

例子1

html

<div class="box">
  <span class="a1">从左边渐渐飘入</span>
  <span class="a2">从中间淡入闪动两下,然后淡出</span>
  <span class="a3">从右边渐渐飘入</span>
  <hr  />
  <span class="a4">这个一直永久重复飘动</span>
  <hr />
  <span class="a5">从小变大, 颜色从红变到绿</span>
</div>

...

READ ALL

MyEclipse2013中断开服务器下SVN提交卡死

MyEclipse2013中断开服务器下SVN提交卡死

full

点击Cancel取消就永远都在关闭中

full

这确实很蛋疼,即使关闭MyEclipse这窗口还是顽固的运行,只能通过kill掉进程后才能把它Cancel掉。

后来在MyEclipse->Preferences->Team->SVN->SVN接口->Client下拉选择框中 把JavaHL**改选为SVNKit**

full

...

READ ALL

这两年

两年前的今天我在用WordPress系统写了第一篇文章,随后经历了PHP版,最后到今天的Python版本。

这期间:换了一份工作,博文更新也缓慢到基本每周一篇,技术逐渐从PHP转向Python、JavaScript。

这期间:搬了一次家,从上地搬到双井,每天在富力广场都能看见肥头肥脑矮的看上去一堆肉的中老年男人领着漂亮的女包挽着比他高出一截又瘦又高的小三。

这期间:博客也先后搬迁了几个服务器,最后一直放在阿里云至今,貌似还不错。

这期间:因为度娘的广告很烂,匹配有问题,时不时的来个什么丰胸、早泄、保险等与站点内容不相关的广告,所以基本撤掉广告,基本就只有右侧的Linode。

...

READ ALL

垃圾邮件满天飞

以前,我的邮箱偶尔也收过垃圾邮件,通常我都不怎么理会,但最近这两天,这垃圾邮件已经让我忍无可忍了:

full

百分之九十都是垃圾邮件,垃圾短信也发个不停。有点像北京公交车站那贴满了向牛皮藓版的小广告般涌向你的邮箱与手机短信,却又阻挡不了,邮箱系统自带的垃圾邮件过滤功能不太智能,每个垃圾邮件的特征都不一样。

如果有一种机器学习的垃圾邮件特征的程序,一定会很大程度可以拦截垃圾邮件,毕竟大厂的垃圾邮件过滤规则早都被发垃圾邮件的技术组研究的透烂。

...

READ ALL

IE下checkbox黑框样式问题及解决方法

比如有一列checkbox,你在checkbox里勾选取消都很正常,如

<div><span>第一个</span><input type="checkbox" /></div>
<div><span>第二个</span><input type="checkbox" /></div>
<div><span>第三个</span><input type="checkbox" /></div>
<div><span>第四个</span><input type="checkbox" /></div>
<div><span>第五个</span><input type="checkbox" /></div>
<div><span>第六个</span><input type="checkbox" /></div>
<div><span>第七个</span><input type="checkbox" /></div>

...

READ ALL

IE在input内回车关闭自动触发button

在IE中有一个现象,当你在input内敲回车时,IE会自动寻找第一个button标签并且触发它。

index.html:

<p><button onclick="console.log('from button click');">button</button></p>
<p><input type="text" value="在这里回车就触发提交按钮" style="width:300px;" /></p>

使用IE打开,并且在input内回车,就会执行button的onclick事件,如果你有两个button,只会触发第一个,如

...

READ ALL

Jenkins设置时区

通常来说,Jnekins在部署时会自动选择宿主机的时区做为默认时区,但有时候想单独修改Jenkins时区而不修改宿主机,就得需要在Jenkins应用上单独设置时区。

方法:在Manage Jenkins -> Script Console里输入

System.setProperty('org.apache.commons.jelly.tags.fmt.timeZone', 'Asia/Shanghai')

然后点击右下角Run立即运行即可,有个缺点只要服务重启就得重新设置

...

READ ALL

Java解析JSON

推荐使用com.googlecode.json-simple依赖包,先在pom.xml添加依赖

<!-- https://mvnrepository.com/artifact/com.googlecode.json-simple/json-simple -->
<dependency>
  <groupId>com.googlecode.json-simple</groupId>
  <artifactId>json-simple</artifactId>
  <version>1.1.1</version>
</dependency>

...

READ ALL

Django1.6静态目录的配置

Django1.6版本已经发布,昨日下载后在配置静态目录时总是出问题,默认配置如下:

"""
Django settings for daybaby project.
 
For more information on this file, see
https://docs.djangoproject.com/en/1.6/topics/settings/
 
For the full list of settings and their values, see
https://docs.djangoproject.com/en/1.6/ref/settings/
"""
 
# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
import os
BASE_DIR = os.path.dirname(os.path.dirname(__file__))
 
 
# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/1.6/howto/deployment/checklist/
 
# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = '0j9!$d5nc3i2xiso2(bo-9!mkjy7j3%to9r$)0a!kru0d2mr6e'
 
# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True
 
TEMPLATE_DEBUG = True
 
ALLOWED_HOSTS = []
 
 
# Application definition
 
INSTALLED_APPS = (
  'django.contrib.admin',
  'django.contrib.auth',
  'django.contrib.contenttypes',
  'django.contrib.sessions',
  'django.contrib.messages',
  'django.contrib.staticfiles',
)
 
MIDDLEWARE_CLASSES = (
  'django.contrib.sessions.middleware.SessionMiddleware',
  'django.middleware.common.CommonMiddleware',
  'django.middleware.csrf.CsrfViewMiddleware',
  'django.contrib.auth.middleware.AuthenticationMiddleware',
  'django.contrib.messages.middleware.MessageMiddleware',
  'django.middleware.clickjacking.XFrameOptionsMiddleware',
)
 
ROOT_URLCONF = 'daybaby.urls'
 
WSGI_APPLICATION = 'daybaby.wsgi.application'
 
 
# Database
# https://docs.djangoproject.com/en/1.6/ref/settings/#databases
 
DATABASES = {
  'default': {
    'ENGINE': 'django.db.backends.sqlite3',
    'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
  }
}
 
# Internationalization
# https://docs.djangoproject.com/en/1.6/topics/i18n/
 
LANGUAGE_CODE = 'zh-cn'
 
TIME_ZONE = 'Asia/Shanghai'
 
USE_I18N = True
 
USE_L10N = True
 
USE_TZ = True
 
 
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.6/howto/static-files/
 
STATIC_URL = '/static/'

...

READ ALL