Skip to content →

1Miaow Posts

换到了新加坡机房

大半年没有更新什么东西了,这两天DO的速度已经惨的不忍直视,之前这个VPS是在SFO的机房,刚建立的时候见下载速度是蛮不错的,也有个小几百KB/S,可是这两天很糟糕的说,降到了20KB/S左右。本来想着是不是可以换linode了,可是想想账户里面还有60多刀的学生优惠,没办法估计还得用上一年了。

测试了一下SGP的机房,下载速度还不错,有500KB/S左右,于是想都没想就换过去了。

可是随之而来的问题就是,没法在origin用美元购买游戏了(欧元买的游戏要贵不少),这个可以用VPN解决;其次是Rdio貌似不能听了怎么的,每个音乐只有30秒,估计也是只限美国本土,这个实在没辙了;另外就是google的服务速度貌似都慢了不少,邮箱和plus打开要半天。

好纠结…

2 Comments

HTML5 logo with CSS3

I’ve drawn the HTML logo by following the tutorial HTML5 logo using CSS3 this afternoon. It looks a little complex but actually easy.Let’s put the code into parts.

  1. The text ‘HTML’;
  2. The wrapper itself, contains the whole logo;
  3. The ’#five’ div mainly defines the color of 5 and puts the 5 above the other divs.
  4. Put the divs ‘top’…’left-bottom’ together to creat the number 5.
  5. The Pseudo-classes ‘wrapper:before’ and ‘wrapper:after’ mainly defines the shape of the shield (The bigger one in deep orange).
  6. The Pseudo-classes ‘inner:before’ and ‘inner:after’ defnes the shape of the shield in light orange.This shield is in the same size as the deepper one, but the property ‘transform: scale(0.85)’ of the class inner make this shield smaller.
  7. The class ‘inner left’ contains all the properties of the class ‘inner’.It shows half of the bigger shield in the left above the div of the smaller shield:
    .inner.left {
    width: 170px;
    overflow: hidden;
    -webkit-transform: scale(1);
    }
  8. The class ‘inner left cover’ mainly adjusts the color of 5 in the left.

Fine, that’s all of it.

以后还是少写点多贴图吧,突然发现Tumblr对代码的支持好糟糕。

View the demo.

html5logo

2 Comments

A image with pure CSS3

I’ve been learning CSS3 recently.This image was finished by following the tutorial Happy Holidays with CSS3.

In this tutorial, I learned:

  • How to use the function linear-gradient.
  • Something about the Position property, especially ‘position:absolute’.
  • How to make circles and triangles in CSS3, and put them into layers like Photoshop.

The turorial was very helpful which let me improve a lot ( Although the image is simple and not very beautiful:D ).

Click here to see my work.

happyholidays

2 Comments