Fake image please, "Call" a fake image immediately!

But it's just a real image.

Sometimes we will need an image just for preview, but usually we will need to open photoshop for a right resolution. If you are someone like I said, the Fake image please brings you a new solution for it.

This guy is talent, the Fake image please is an online tool, what you will need to do is just "call" an address for the image, bg colour, text colour, text content...just like this official sample codes:

img src="http://fakeimg.pl/300/"
img src="http://fakeimg.pl/250x100/"
img src="http://fakeimg.pl/250x100/ff0000/"
img src="http://fakeimg.pl/350x200/ff0000/000"
img src="http://fakeimg.pl/350x200/?text=Hello"
img src="http://fakeimg.pl/350x200/?text=World&font=lobster"

Easy, isn't it?

Read more

RWD bookmarklet, Web designer must have, a great responsive site test tool

To test a responsive site is sometimes a trouble job. Now your explorer can with this feature by just one click.

Site: http://responsive.victorcoulon.fr/

How to use the bookmarklet?
In the center of screen the RWD Bookmarklet is a tool, simply drug and drop it onto your bookmark bar. Here is an example by using Chrome:

Get the bookmarklet works for you

And now your explorer then adds an test tool, whatever site you are exploring, click it and go into test mode, cheers!

How to test a site?
Click on any of the mobile device icon, and you see the preview result.

Read more

Easing functions

So are you a frontend designer? admit it you should completely face the codes.

A Russian talent guy build a Easing open source project on Github, provides js, css, scss editions for you. Now you can preview all of it and get it immediately.

Site: http://easings.net/
Author: https://github.com/ai

Read more

Fontfriend, preview fonts without editing your html

Typography is an important part in web design, and it is pain if you decide to change it after all done. However there is a good friend that will help you love this job.

Fontfriend is a bookmarklet, drag and drop it onto you bookmark bar, and you own this new feature. Try it now and you will love it.

Of course it supports Google font!

Read more

Zbugs helps you to reduce weight

Zbugs is a reduce weight site tool. It focus on optimization of CSS and Javascript. It look like not that helpful, but if you are sometimes coding 5000 line of all CSS language, and you see how important it is.

In fact, it just delete all the blanks and skip lines.

Read more

Finish a site? Let's see what DOM monster says

The DOM monster is a bookmarklet.
Simply drag and drop it onto your bookmark bar, and you got this tool.

DOM monster checks Js, java, css, html and much more issues that we couldn't really fact on.

This is what DOM monster reports you, just too much words:)

Site: DOM monster

Make sure that your clients don't know this.

Read more

Cubic-bezier, the CSS motion curve editor

Do you usually code CSS? If so the Cubic-bezier will be one of your best firend.
Cubic-bezier helps you preview the CSS motion curves, and export directly in css language for you.

Read more