33 Links Web Designers Will LOVE

34 web designers will love

Being a Web Designer is either difficult and fun.I have been working as an Internship in Web Courses Bangkok last 3 months. After learning much from here, i decided to write this article which will help you to solve lots of problem when you design web.

Desandro

The Pixelator is the application contributed by David Desandro, John Schulz. The scripts converts an image into a pixelated version using HTML5. There is a whole built-up UI called “The Pixelator”. It enables you to import your own image url that you want to use for web design and pixelate it into the shape you want. I think it could be cool to make background or slider using this app for your website.

Visitmix

Web Courses Bangkok, web designers will love,

I was really excited to find this website, because this is the awesome plug-in for Adobe Illustrator. What it does is that it lets you export vector or bitmap from Adobe illustrator to HTML5 canvas and animate it. Good luck with it. It’s awesome seriously.

Addyosmani

Web Courses Bangkok,learn web design,web designers list

 Are you still looking for the way to study Jquery? Are you confused about Jquery?This is the best guide for you to learn Jquery offline.What it does is that there is a package which you can download free.It has an all prefered printable materials that you can stick while working, jquery fundamental, even books about basics, offline learning documentation which has the best content.

365psd

Web Courses Bangkok,learn web design,web designers list

I, as a web designer, always had a problem with designing nice buttons even I watch tutorial.But here is the great source where I download free psd files for web free. This is one of the most helpful websites where you can download free psd files like button, icons,widgets for your webdesign.Or you can just learn from psd file how designs were made.

Socialmention

Web Courses Bangkok,learn web design,web designers list

Want to know how often you are mentioned by others?Interesting feature of this website is that you can find our how famous your website is and what keywords people use to find out of your website. Especially if you are Social Media Specialist then you have to check it out definitely.

Woorank

Web Courses Bangkok,learn web design,web designers list

After having your own website, we have lots of competitors online. We need to do SEO to rank high on the Google and tap into competitors marketing area like how many visitors visit each month, how famous, which other websites they are related and more and more. Seriously it really helps for the marketing side. We are running our package maintenance service soon and we are using this website to tap other companies. You won’t regret it. It worth greatly.

Tympanus

Web Courses Bangkok,learn web design,web designers list

Gallery slideshow is one of the most important core of website. As we know trend is cracking with HTML5,CSS3,JQUERY. Here is awesome Interactive Gallery’s explanation of how it’s made with Demo Version and Source Files. Hope you enjoy it.

Devbridge

Web Courses Bangkok,learn web design,web designers list

Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields. Built with focus on performance – results for every query are cached and pulled from local cache for the same repeating query. If there are no results for particular query it stops sending requests to the server for other queries with the same root.

Layerstyles

Web Courses Bangkok,learn web design,web designers list

Writing CSS is fun and tiring, because sometimes I do have a problem styling background nicely or some boxes. Fortunately, this layerstyle website saves lots of time for me. Magic of this thing is that you can stylize your layer first and it gives css coding for your layer.Especially if you are beginner web designer like me and having problem with CSS coding.It will definitely save your time.

CSS-Sprites

 Web Courses Bangkok,learn web design,web designers list

Another one amazing CSS style helper. You don’t know how to make rollover images in css?I know how to make CSS rollover images, but sometimes I am too lazy that I just want to copy coding. This website allows you to upload your own image and making a rollover effects then you copy that code for your web designing codes.

Punchcut

 Web Courses Bangkok,learn web design,web designers list

Technology is advancing more. Because of that only few years ago Responsive Design started becoming trend. I am web designer and still don’t know how to really make Responsive Design. When you visit link here, awesome article about screen resolution and download files are there. It guides you how to divide in standard ratio when you design for each device.

CSS Warp

Web Courses Bangkok,learn web design,web designers list

CSS wrap is cool tool which lets you generate text in the form of curve and circle. Once you make your form of curve and circle, next step is to generate HTML&CSS of your curved or circled Text. I am glad that I can make text like this without having headache anymore.

GT Metrix

Web Courses Bangkok,learn web design,web designers list

I have been working with Web Courses Bangkok and wanted to check performance of Web Courses Bangkok website. For example: check loading speed of website images,server,content and so on.At the same time I could compare loading speed with other website’s speed.Our website speed was kinda ok and it was graded as a 70%.Well at least better than average.

Generate Privacy Policy

 Web Courses Bangkok,learn web design,web designers list

If you are either web designer or developer and especially uses service of third party ads google, processing payment you need to have privacy policy for sure. I haven’t done any website project related to privacy policy, but I am sure that I will have problem to generate privacy policy from scratch in the future.Eventually I have found solution here.It will save lots of time for you.

Clueapp

Web Courses Bangkok,learn web design,web designers list

This is fun app which helps you to analyze what guests notice from your website design at first sight. I tried it first time and submitted our Web Courses Bangkok website.I took a test and what I really noticed at first was something green.My idea is maybe you can use this tool to design your homepage based on where you want guests focus on at first.

Marketing Grader

Web Courses Bangkok,learn web design,web designers list

Learn how well you are doing acroos 3 critical areas of your marketing.

Rsizr

Web Courses Bangkok,learn web design,web designers list

Simple easy application for resizing your images.We can do exactly same thing in Photoshop, but difference is that Photoshop is quite heavy at loading. This application is much lighter.

Vegas Background

Web Courses Bangkok,learn web design,web designers list

Awesome background j-query plugin. I was using j-query plugin in the past for the slideshow gallery twice, but never knew that j-query plugin for the background existed. Especially if you are good at photography, this plug-in is best for your website background.

Zoomy

Web Courses Bangkok,learn web design,web designers list

Pretty plug-in that enables users to zoom in images. It could be something new for your website. Me as a WordPress User,I like to use Plug-ins, because I am not that good at programming. Developers know how to code really well and can come up with something similar. But I always want my website to look professional. This ZOOM-IN plug-in is outstanding plug-in. Check it out.

Mosaic Plugin

Web Courses Bangkok,learn web design,web designers list

Another one cool Plug-in called Mosaic which is for Sliding Boxes and Caption. I think this plug-in is good for portfolio, because when I do my internship at Web Courses Bangkok. I will have my own Portfolio website. And I am sure that I can use this plug-in for more definition of my each work.

Zlayers Parallax Plugin

Web Courses Bangkok,learn web design,web designers list

Zlayer is a jQuery parallax plugin that allows you to orientate an element based on position of your mouse to the page’s window. As a web designer if you like cheesy stuff then it’s nice effect on any images.Best part about zLayer is how easy, lightweight, and the quick the plug-in is.

Kuler

Web Courses Bangkok,learn web design,web designers list

So here is my general analysis about making website.First of all,you will have content and then wirframing after that lots of people fail to choose right colors.It was one of the biggest headache that I ever had.I know color theory,but which is not enough.There are large quantity of color sets .Good luck.you will be blown away.

Minus

   Web Courses Bangkok,learn web design,web designers list

Want to share in private and public, anywhere you go? Start your Minus today. It’s so simple you can upload your files to this website then there is a short link for your uploads. You can just send that link to your friend or clients while working for your website project. It’s fast and convenient.

Placehold

Web Courses Bangkok,learn web design,web designers list

Making design look simple and keep in order is one of the most crucial factors for web designer. While we design, sometimes we don’t have enough content, images from customers. That’s when we replace with something else, but when we replace by whatever images it just looks ugly. Eventually now solution is with placehold.it…What you have to do is that just type your size and get link and put it in your design.You will love it.

CSS GUI Icons

Web Courses Bangkok,learn web design,web designers list

Awesome Pure CSS GUI Icons. An experiments that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative problem solving and working within constraints. This is not  “Production Ready” CSS icon set.

Brushlovers

 Web Courses Bangkok,learn web design,web designers list

I am web designer , but I am not that artistic.I suppose that lots of web designer are good at technical deisgn like wireframing and choosing right color,designing button.Art is definitely part of website.You don’t have to worry anymore.I have been customer of brushlovers.com for a long time.You can download any brushes that you want and convert design little bit in photoshop .There we go…

Zurb Foundation

Web Courses Bangkok,learn web design,web designers list

Zurb Foundation is the Framework which provides Responsive Design. Sounds cheesy yeah? As we know, design trend is changed since people started accessing to internet by Iphone and Ipad. I am sure that Responsive Design will be more trend in the future. Now you don’t have to be afraid that you cannot design Responsive Design. Solution is only this website. I am doing website using this Framework for my Dissertation Project.

Bootstrap

Web Courses Bangkok,learn web design,web designers list

Bootstrap is simple and flexible HTML, CSS, and JAVASCRIPT for popular user interface components and interactions. Bootstrap is designed to help people of all skill levels-designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex.

Fitttexjs

 Web Courses Bangkok,learn web design,web designers list

Jquery plug-in that enables designers to control the size of text depends on screen size. FitTextjs makes font-size flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

FitVids

Web Courses Bangkok,learn web design,web designers list

A lightweight, easy-to-use jquery plugin for fluid with video embeds.

Responsivepx

Web Courses Bangkok,learn web design,web designers list

If you are designing Responsive Website then you need exact size for your design. You can just easily put your websites link in responsivepx.com and can set your responsive size. I think it’s necessary for website. Otherwise you would make mistake in size. Recently I check webcoursesbangkok.com website.

Responsinator

Web Courses Bangkok,learn web design,web designers list

Google Webstore

Web Courses Bangkok,learn web design,web designers list

 Did We Miss Anything?

  • Koen

    Great article Bill, love the csswarp and the layerstyle ones. I always use kuler when designing a website, it’s so important to have a good set of colors for your site.

    • Bill

      Thanks Koen

  • http://www.webcoursesbangkok.com Carl Heaton

    My fav has to be the Zurb Foundation I love it. We used it to make http://www.webcoursesageny.com. Will be using it to re-design this site also!

  • http://tomq6p43fi.kazeo.com/ polaris 380 piscine

    Interesting blog! Is your theme custom made or did you download it from somewhere?
    A theme like yours with a few simple adjustements would really make my blog stand out.
    Please let me know where you got your theme. Thank you

  • Lolita Eagleman

    This is the best site for anybody who desires to find out about this topic. You notice so much its almost onerous to argue with you (not that I truly would want…HaHa). You undoubtedly put a brand new spin on a topic thats been wrote about for years. Nice stuff, simply nice!

  • Ivana Lukic

    I loved your post, Bill. There are a lot of interesting websites. Since I’m interested in SEO, I have been using so far only seo tools from your list like woorank and gtmetrix, and I wanted to suggest you one seo tool that also provides very valuable informations and that is:
    http://tutor.rs