33 Links 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 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.
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.
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.
Learn how well you are doing acroos 3 critical areas of your marketing.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 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.
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.
A lightweight, easy-to-use jquery plugin for fluid with video embeds.
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.
Did We Miss Anything?
Free SEO Guide
- An interview with Atikun, our new team member!
- Tutorial – Geometric Design Tool
- 10 ways to track time of your projects
- Some incredibly useful inspiration websites for designers and developers
- How to Install Custom Font on Your Website
- Tutorial: How to Create Your Own Custom Brushes in Illustrator
- 9 Ways to Keep your Website Running Smooth