Web Development Resources September 17, 2011

Time for another roundup. I don’t really track what links I’m posting here so a few things might get repeated. Especially now that this is the third time that I’m gonna be doing this. So here’s a bunch of links that you might want to check out:

 

Uni-Form
As the name implies it makes form creation easier.

Form validation hints
A tutorial showing you how to create nice looking validation hints.

Ql.aonic.net
Quick lookup for php, mysql, js, and css stuff. Yeah pretty much like a search-engine.

Spurapp.com
A web-application for checking if your site conforms with design basics.

Use google+ to improve your UI
If you want to use the same UI Elements that are used in Google+. Then you can try this one. They also have some of the UI elements inspired by OS X Lion.

Date.js
Awesome Javascript library for formatting date and time.

JS Bin
If you want to experiment on some Javascript code, this is the way to go. You can also include some of the most popular Javascript Libraries. Like Mootools, Jquery, Prototype, and YUI.

jVal
Yet another Jquery form validation plugin.

Jquery Easing
A jquery plugin for performing animations.

Jquery Animations
A beginner tutorial showing you how to perform animations in jquery.

Php js
Php functions ported to Javascript.

 

 

 

 

 

Web Development Resources August 20 2011

What’s up! I’m here again writing about some random stuff that I find  useful for web designers and developers.
I know that I have recently posted a roundup entitled Web Development Resources August 2011. So its expected that you will see something like this 10 days from the time of writing of this post. But I decided to just do it randomly. That is, if my Evernote gets super filled up with these resources then I post it here.
So without further spoilage, here it is:

 

Disallow special characters on text field

http://itgroup.com.ph/alphanumeric/

Submit html form through ajax

http://malsup.com/jquery/form/

Jquery autocomplete
A Jquery plugin for cross-browser autosuggest functionality on text fields. Just don’t forget to turn off autocomplete if you don’t want the browser to fetch autosuggest data from the forms you have recently submitted.

http://www.vulgarisoip.com/2007/06/29/jquerysuggest-an-alternative-jquery-based-autocomplete-library/

Php Minifier
If you want to decrease the size of your php file for faster loading. Then this tool is just what you need.

http://tools.php-suit.com/mini/


Javascript Code Minification Tools
Here are some of the tools used for compressing javascript code. Compressed or minified files, downloads faster because it is smaller in size. These tools are really important to improve performance of your site. You may only need this on a production environment.

Code Checking Tools
If you want to improve the quality of your code, be it php, css, or javascript code. Then you can visit the following links and paste the code you want to check. It will show you all sorts of bad stuff about your code no matter how awesome you think your code is.

Javascript Libraries
Here are some of the Javascript libraries that can help your life as a designer or a developer easier.

Jquery useful plugins
This is actually an article which shows you some of the jquery plugins that you might find useful in the current project that you’re working with.

http://marcgrabanski.com/articles/list-of-useful-jquery-plugins

Pagination
The following jquery plugins makes table pagination easier than ever before.

 

Image for web optimizer
Its not just Javascript, css or php files which needs to be compressed. Even images needs it. Yes, again for faster page load and overall site performance.

http://www.smushit.com/ysmush.it/

Image lazy loading
Load the image only when the image is in the visible part of the page. And not when the page loads. This has some performance benefits as well.

https://github.com/tuupola/jquery_lazyload

Custom drop-down menus
If you’re already sick with the default styling and functionality of the html drop-down menu. Then try this script to breath new life into those boring drop-down menus.

http://jamielottering.github.com/DropKick/

Javascript Search Engine
Some sort of a search engine. But exclusively for Javascript stuff. Try it if Big G can’t provide you any good answers.

www.javascript-2.com/

Awesome Collection of Css Tips and Tricks
Yet another awesome article showing you awesome stuff on css.

http://ericrichers.com/blog/2011/08/50-cool-css-tips-and-tricks/

Disable context menu using javascript
Can hide your source code from prying eyes. But pretty much useless once the perpetrator disables javascript on the browser. You can still use this one though if you think people who wants to look at your code doesn’t know how to disable javascript on the browser.

http://www.dynamicdrive.com/dynamicindex9/noright.htm

10 online tools to simplify html5 coding
Another collection of awesome stuff from catswhocode. This time on html tools and sites where you can find useful information on html5.

http://www.catswhocode.com/blog/10-online-tools-to-simplify-html5-coding

5 ways to make ajax calls in jquery
Finally, here’s an absolute beginner tutorial on how to perform ajax calls using the jquery. The most awesome kickass Javascript Library of them all.

http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/

Awesome sites for the tech savvy

In this article I’m going to share to you some of the sites where I get most of the information on anything that is under the  technology category. I’m an IT student at the time of writing so expect that most of the sources I’ll share to you are in one way or another connected to my field.

 

slideshare.net

Most of the people in the web design and development industry, programming industry and the tech industry in general. Upload some of their presentations in this site. Its really a good resource.

image

 

makeuseof.com

The logo speaks up for itself. In this site you will find computer tips, software reviews, cool tools and websites, and other awesome stuff.

image

 

lifehacker.com

This is where the tech news, computer tips, software reviews, cool applications are being integrated into one site.

image

 

howtogeek.com

One of the most awesome sites when it comes to tips on how to perform some geeky stuff on the computer and other gadgets.

image

 

neowin.net

One of the most reliable source of tech news from hacking (Lulzsec and Anonymous are really hot in the time of writing of this entry) to everything tech related.

image

 

youtube.com

Why did youtube made it to this list? That’s because of the awesome people who use it. In fact I have already made 2 articles to prove how awesome youtube is:

image

 

gizmodo.com

They mostly feature consumer electronics in this site. Gadgets and gizmos for short. Pretty much awesome if you are a techy spending a lot of time fiddling with your gadgets.

image

 

stumbleupon.com

If you are not in the mood to do anything productive but still want to learn something, then stumbleupon is for you. As it says in the the logo below, discover your web with Stumbleupon. It’s the ultimate tool for discovering awesome content scattered throughout the internet.

image

 

google reader

A service from Google wherein you get to read the content from a site without actually visiting the site. That is through RSS. Just visit google.com/reader so that you’ll know what the heck I am talking about.

image

 

twitter.com

This is my current addiction in the time of writing of this article. Twitter is simply awesome for those who wants to follow and get the latest news from a person, a website, a magazine, or anything, anyone under the sun who has a twitter account. But for me, I mainly use it for following tech/software companies like Microsoft, Google, Adobe. And some web design and development blogs like sixrevisions, smashingmagazine, line25, speckyboy and others which are also really awesome.

image

 

howstuffworks.com

Yet another awesome site. Just use the link above to go there so you’ll know what I mean. But here’s a quick link if you’re here for the tech.

image

 

Conclusion

That’s pretty much all I can share to you. If you are reading this and you know of other sites that might be considered as a part of this list, then you might as well share it in the comments below. I’d really appreciate it. Thanks for reading!

Where to find video tutorials for different technologies

If you really want to learn something you will always find a way to learn it. And so in this article I’m gonna show you all of the resources that I have when looking for video tutorials regarding different technologies, programming languages, software trainings, etc.

Here’s the list:

paid

  • lynda.com
  • totaltraining.com
  • kelbytraining

free

  • butterscotch.com
  • vtc.com
  • youtube.com

Yeah, there’s free and there’s paid. But we are IT people so we can make use of torrents to get those videos for free. I won’t give you the links, its up for you to search for those.

For youtube:

  • The new boston – mainly on different programming languages
  • Tinkernut – hacks & tricks
  • PC whiz kids – software reviews, hardware reviews
  • hak5
  • tech squad

That’s all, if you know of something else, just comment them. Thanks.

If you have something to ask

This is yet another post on the resources that I am using, especially if I can’t get any answer from google or bing.

So here they are:

image

Superuser.com this is where you can ask questions regarding computer software and hardware. You can use an open id to log in and star asking some questions.

image

Stackoverflow.com– this is where you can ask programming questions. In any computer programming language. You can ask questions regarding python, php, java, ruby, etc. But questions tend to be repeated or related to each other so please try to search for your query first before you go asking some questions.

image

Serverfault.com- this is where you can ask questions about networking and the like. You can ask questions about your router configuration. Apache server. And other things related to it.

That’s all. I hope you will find this sites useful.