media143AJAX Instant Edit

AJAX Instant Edit

Media143 IT Solutions — Wed, 07 Oct 2009 16:39:11 +0000

AJAX-Solutions For Professional Coding – AJAX Auto Completer

Media143 IT Solutions — Wed, 07 Oct 2009 16:32:31 +0000

Web-developers can create amazing web-applications with AJAX. Stikkit, Netvibes, GMail and dozens of further web-projects offer a new level of interactivity we’ve used to give up the idea of. Modern web-applications can be designed with enhanced user interfaces and functionalities, which used to be the privelege of professional desktop-applications. AJAX makes it possible to create more interactive, more responsive and more flexible web-solutions. And it’s the first step towards rich internet applications of the future.

Asynchronous JavaScript and XML isn’t a new programming language, as it is often mistakingly called. Basically, AJAX is a set of XHTML, CSS, DOM, XMLHttpRequest and XML, put together and used together for the same purpose – to improve the user-server-interaction.

In this article we’d like to present a list of over 90 useful AJAX-based techniques you should always have ready to hand developing AJAX-based web-applications. Auto-completion, instant field editing, menus, calendars, interactive elements, visual effects, animation, basic javascripts, as well as an extensive developer’s suite should give you a useful and powerful toolbox you can use every day, without a need to go through hundreds of AJAX-related bookmarks.

AJAX Auto Completer

1. AJAX AutoSuggest: An AJAX auto-complete text field

2. AJAX Autocompleter / script.aculo.us library

3. AJAX AutoCompleter

4. Ajax autosuggest/autocomplete from database

5. Ajax dynamic list

Single-Page Portfolio Sites

Media143 IT Solutions — Mon, 05 Oct 2009 07:20:40 +0000

Are you looking for ideas to design a portfolio site? Maybe all you need is a single-page site? Single-page design works if you don’t have much content, but just want to showcase your work. It can save time and cost because you don’t need to build the CMS and templates. In other words, it’s perfect for the non-coders. Here are 30+ single-page portfolio sites with exceptional design and implementation. Hopefully, they can give you some inspiration.

We Bleed Design

Click on any of the menu buttons at the top and have fun with the scrolling animation.

TapTapTap

A creative way to layout and display the iPhone app information — all on one page.

Luke Larsen

Aquarium themed portfolio of Luke Larsen.

Dean Oakley

Horizontal scrolling portfolio of Dean Oakley.

Things I Hate in Web Design:

Media143 IT Solutions — Thu, 01 Oct 2009 19:47:21 +0000

1. Offending Comments
I hate the comments that cross the line of a negative or contradictory comment. Usually comments should stay relative to the article. I know I had a couple of offending comments online so far and for that I’m sorry.

2. Internet Explorer 6
I’ve had my share of pain because of IE6 so I really hate it right now. And based on the latest reactions across the web, I’m sure I’m not the only one.

3. CSS Inconsistency
Even after 10 years – CSS 2 is not rendered the same way in browsers. This says something about the different directions that the major browsers had along the years.

4. Opera Marketing Team
Opera is a great browser but the marketing team assigned to assist Opera is far from creative, competitive or productive.

5. Same Template on Multiple Sites
A template is a starting point for a web site. It helps you get rid of the hard part. Today, templates are a final “starting point” which is why many pages look the same.

6. Lists Articles
I hate the articles that have no original content – just a description from Wikipedia, a link and an image. At least create the description yourself.

7. Plagiarism
Whenever a site gets famous, there are 20 designers ready to clone it. No further comment.

8. SPAM
According to spammers, web designers have a small penis, erection problems and the list can continue. We really have some problems.

9. Google Adsense
Although it is an important source of income for many blogs, those text ads are annoying as hell and they break the user experience on a web site.

Conclusion

In the end every domain has its drawbacks and advantages, but that doesn’t make me love Opera Marketing Team. Cheers!

Things I Love and Hate in Web Design

Media143 IT Solutions — Thu, 01 Oct 2009 19:40:07 +0000

This post will be composed of all the positive and negative things in web design that I think are worth mentioning. You may agree or not with the list and please complete it with your own Love-Hate things. So here are my 2 lists with the things I find rewarding and the things I detest in Web Design.

Things I Love in Web Design:

1. Web Design Community Sites
With sites like A List Apart, Smashing Magazine, Digital Web or Envato Tuts network it is pretty hard not to love web design.

2. Content Management Systems
CMS have been the engine of web design in the last 2 years helping the Internet to evolve rapidly. There are so many that you will for sure find one that is suitable for you.

3. Google Analytics
This is the third most visited site for me after my mail account and my website. I just love the pie-charts and timeline based information.

4. CSS Galleries
Although there are a ton of CSS galleries out there, you can always find good inspiration resources in these sites, especially now when there are many niche ones.

5. Good Freebies
I really enjoy from time to time a good freebie: a Wordpress theme, an icon pack, a CSS template etc. Also from time to time I enjoy creating one and see the feedback.

6. Typography – I love this thing because there are very few designers in the entire world that are extraordinary with web typography.

7. Optimizing for Performance
I really love this area of Web Design because it makes you think of different ways to improve your site speed.

8. Wordpress
Although you may say that Wordpress can be a part of the second love argument I disagree. Wordpress is something apart, beyond the concept of a CMS. Wordpress is pure awesomeness.

Top 15+ Source Code Search Engines

Media143 IT Solutions — Thu, 01 Oct 2009 19:26:04 +0000

Programmers spend 50% of their time just looking at source code. When trying to understand how a system is organized, they often must look at and across many files that make up the system. It is difficult to find code in large software systems of thousands of files coded in multiple programming languages. I complied a list of Coder Search Engine and hope now you can find code according to your requirement easily.

1. Google Code Search Lab

2. Black Duck Koders

3. Codase: Searching million lines of code

4. Code Fetch

5. Source Code Online

6. The Code Project

7. Byte My Code

8. Snipplr: public source code repository

9. Open Source: ankerl.com

10. OpenSolaris Project: OpenGrok

11. Delphi Search Engine

12. Java Examples in Open Source

13. Java Developer Kits: Searches the API documentation of the JDK

14. Krugle.com

15. Mero Base: Component Finder

16. gonzui: a source code search engine

17. DZone Snippets

Nice Clean CSS Tab-Based Navigation Scripts

Media143 IT Solutions — Thu, 01 Oct 2009 11:00:15 +0000

Tab navigation has been one of the most fundamental element in any modern web structure. In order to make sure visitors can properly navigate through the website. One of the biggest challenge web designers and developers faced is to integrate a simple and nice tab navigation that not only don’t confuse, but helps visitors easily understand where they should be clicking.

Whether you are running a website or blog, tab navigation is probably one of the element that helps drives traffic to internal pages. Here we’ve compiled a mass list of 50+ nice clean and sleek

CSS Tab-Based navigation samples you can adapt on your site. Full list after jump.

1. jQuery Coda-Slider [demo]

2. Perspective Tabs [demo]

3. Tab Accordian [demo]

4. Flexible Tab Navigation [demo]

5. jQuery UI/Tabs [demo]

6. 14 Free Vertical CSS Menus [demo]

10+ Useful Portable Apps For Web Designers and Developers

Media143 IT Solutions — Thu, 01 Oct 2009 09:36:01 +0000

We like portable apps because those applications are lightweight and require no installation to run. As a web designer/developer, i used to work with different PCs. Rather than carrying my laptop everywhere, i prefer saving frequently used applications into my USB drive.

I had collect a lot of useful portable applications and i would like to share those applications with my readers. Let’s look into these applications now:

Browsers

1. Firefox Portable Edition

Firefox is a popular web browsers and portableapps.com had created the portable version of this application. Install this application on your USB drive and you can bring your bookmarks along with you. I have this application in my USB drive together with some useful plugins.

2. Google Chrome Portable

Google Chrome is quite popular browser and it has advantages over other browsers. For example, Chrome will run different tabs as separate processes, which will prevents different windows to interfering each other. So, grab the portable version of Google Chrome and start chroming.

3. OperaUSB

Probably you want to try out your design in different browsers. We have Firefox portable, Chrome portable and IE installed by default. So, it is better for us to have OperaUSB installed on our USB drive so that we can try out our design in these popular web browsers no matter where we are.

Text Editors

4. Notepad++

Notepad++ is one of the most popular notepad replacement for Windows. You can download the portable version of this application from the portableapps.com website.

5. Web Design Toy

Web Design Toy is a simple application that will splits into two views where you can instantly preview the output when you type he HTML code. Download the application and double click the exe file to launch. No installation required.

6. Oiko Visual CSS editor

Oiko is a visual editor for CSS. It lets user design the CSS easily and use tree-node method to display the structure of the HTML and CSS. Choose the portable version when you download this application.

7. KompoZer Portable

Although we have Notepad++ and visual CSS editor, but an easy-to-use web editor will save us a lot of works. Kompozer uses the same Gecko engine that powered Firefox and Thunderbird.

Image Editors

8. GIMP Portable

Perhaps every web designers know this application. GIMP is the best alternative for Adobe Photoshop. With this portable edition, you can edit your image easily no matter where you are (as long as you can access a PC).

9. Inkscape Portable

Inkscape is an open source vector graphics editor, which is also alternative for commercial product such as Adobe Illustrator. It should be included in your portable applications collection if you are web/graphic designer.

0. Fotografix

Fotografix has a tiny footprint – it is only 760KB after extract. It supports layer, scripts, filters and has features like Magic Wand, Eye Dropper, Clone, and etc. This application may be another alternative for you when you just want to do simple image editing and don’t want to open huge application like GIMP.

11. Artweaver

Artweaver is yet another alternative for Photoshop. It has bigger size than Fotografix and users can download the plugin pack which has filter such as Super Nova filter, Remove Red Eyes filter, and etc.

15 Helpful Web Based Broken Link Checkers

Media143 IT Solutions — Thu, 01 Oct 2009 07:59:14 +0000

Broken link, or dead link is a link that point to an address that is unable to reach. If your blog or website has many broken links, then it may give a very bad impression for your readers and visitors. Furthermore, broken links will also affect your SEO ranking. It is because Google PR will directly affected by the quality of your internal and external links.

In my previous post about Wordpress SEO plugins, i had shared about Broken Link Checker, which is a Wordpress plugin that able to check your articles for broken links. However, if you are not Wordpress users, then you may not able to use this plugin.

So, i am going to share 15 helpful web based broken links checkers that able to use by everyone. These online tools able to check broken links without install any software or plugin.

1. W3C Link Checker

This Link Checker looks for issues in links, anchors and referenced objects in a Web page, or recursively on a whole Web site.

2. Link Validation Spider

Simply enter your blog or website URL in the textbox and the spider will then go to your website to read and check for broken links. This spider doesn’t crawl links inside frames or Javascript or flash.

3. Broken Link Checker from iWebTool

This is a simple and easy to use broken link checker from iWebTool. There is a simple tutorial on how to use this tool. iWebTool has a lot of tools for webmasters, including some SEO tools which i think worth a look if you have time.

4. Broken Link Checker from AddMe.com

In order to use this service, you need to provide them your email address and categories of your website. Enter your URL and other necessary details, they will analyze your website for broken links and then send you a link for the completed report.

5. LinkTiger

LinkTiger provides advanced link checking features such as email you when the broken links are found and has a dashboard with interactive interface. It manages to scan PDF, CSS, Flash and MS Office files for broken links too.

6. 2bone Link Checker

This link checker will only test regular HTML links. There are 2 different modes for you to choose: Express lane and ‘I can wait’ service. The Express lane will give faster result with 10 links being examine per page while the other mode will display all links all at once, with a longer waiting period.

20 Promising Open Source PHP CMS

Media143 IT Solutions — Thu, 01 Oct 2009 07:52:43 +0000

Content Management System, or CMS is an application used to manage news easily so that users can publish, edit and delete articles from the back-end admin system. HTML and other scripting language are not necessary to operate a CMS, though having them will add more advantages.

Since we had looked into 22 open source PHP frameworks, i decided to do a roundup of 20 Open Source PHP Content Management Systems so that readers who don’t have strong PHP knowledge can easily create their website using free and open source CMS.