3rd December 2009

Check how fast your website is

Google has launched Site Performance, an experimental feature in Webmaster Tools that shows you information about the speed of your site and suggestions for making it faster.

Website Speed

This is a small step in our larger effort to make the web faster. Studies have repeatedly shown that speeding up your site leads to increased user retention and activity, higher revenue and lower costs. Towards the goal of making every webpage load as fast as flipping the pages of a magazine, we have provided articles on best practices, active discussion forums and many tools to diagnose and fix speed issues.

Now we bring data and statistics specifically applicable to your site. On Site Performance, you’ll find how fast your pages load, how they’ve fared over time, how your site’s load time compares to that of other sites, examples of specific pages and their actual page load times, and Page Speed suggestions that can help reduce user-perceived latency. Our goal is to bring you specific and actionable speed information backed by data, so stay tuned for more of this in the future.

posted in Utilities, Ideas, Web Tools | 0 Comments

30th September 2009

Build a Linux OS From Scratch using SUSE Studio

Think you can make a better fast-booting, Chrome-focused OS than Google? Want to craft a custom Linux system that boots from a USB stick? SUSE Studio gives you 15 GB to do exactly that, and you do it all online.SUSE Studio is what powered the fan-made “Chrome OS” we posted yesterday, which, in that case, was a semi-stripped-down system loaded with the developers’ version of Chrome, Google webapp links, and OpenOffice. If speed and cloud computing aren’t your bag, you can create a fully functional system with Firefox, 3D graphics, and whatever apps you can find installed. Want your system to start up with an AWN dock and Launchy keystroke launcher running? Not a problem.Even if you don’t know all that much about Linux, it’s pretty easy to build a system you can boot from a USB stick or live CD/DVD, run inside a virtual machine program, or actually install it—or, heck, even test it out in your web browser.

suse_studio.jpg

posted in Utilities, Ideas, Web Tools | 0 Comments

31st July 2009

PHP regular expressions for web developers

regex.jpgRegular expressions are a very useful tool for developers. They allow to find, identify or replace text, words or any kind of characters. In this article, I have compiled 15+ extremely useful regular expressions that any web developer should have in his toolkit.

 Topics Covered

  • Regular expressions syntax
  • PHP regular expression functions
  • Validate domain name
  • Enlight a word from a text
  • Enlight search results in your WordPress blog
  • Get all images from a HTML document
  • Remove repeated words (case insensitive)
  • Remove repeated punctuation
  • Matching a XML/HTML tag
  • Matching an XHTML/XML tag with a certain attribute value
  • Matching hexadecimal color values
  • Find page title
  • Parsing Apache logs
  • Replacing double quotes by smart qutotes
  • Checking password complexity
  • WordPress: Using regexp to retrieve images from post
  • Generating automatic smileys

Here is the complete article

posted in Utilities, PHP, Studies, Ideas, Web Tools | 0 Comments

22nd July 2009

Cheat Sheets and Reference Guides for Web Professionals

cheat-sheets.gifCheat sheets and reference guides are useful for both beginners and advanced web professionals.

They can be used to help you remember syntax or as a tool to aid in memorization.In this post, we aim to cover the reference guides for all of the most commonly used platforms, software and coding languages.

In this web article you’ll find a compilation of the 30 most useful and well-organized cheat sheets, checklists and reference guides.

This is a Great resource for all of us. Here is the Article

posted in PHP, Utilities, .NET, Studies, Api, Ideas, Web Tools | 0 Comments

13th May 2009

Edit any Webpage Online

adsense.jpgI found this really cool  javascript code that will enable page editing on most browsers.

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Firefox users can also try the Firebug firefox extension, a powerful tool that lets you edit, debug, and monitor CSS, HTML, and JavaScript live in any web page, and is popular among webmasters and web designers. Greasemonkey is another popular firefox extension that modifies the web and allows you to customize the way a webpage displays and functions using small bits of JavaScript.


You now know how easy it is to modify web content and even a kid could do it. Beware of what you see online… it could not be true!

posted in Ideas | 0 Comments

14th April 2009

Great Firefox add-ons for Web developers

I’ve been working on a new Web site for the past few weeks. But instead of doing it alone, I decided to get some help from Firefox extensions. They’ve made my work a lot easier, and they all can be downloaded in just a few seconds.

Aardvark: Aardvark lets you select elements from a Web page and perform various actions on them. I use it to analyze the structure of a page. You can also remove and isolate elements or generate DOM code. I highly recommend it.

ColorZilla

Find any code for the color you want.

(Credit: ColorZilla)

ColorZilla: If there’s a color on a Web page that you like, ColorZilla will find the precise code for it and allow you to paste it into your coding program. You can also create custom colors with its built-in palette browser. It saves the most-used colors for easy access later on. It’s powerful, it’s simple, it’s a must-have.

CSS Validator: CSS Validator adds a right-click option in your browser, sending the CSS to the W3C CSS Validator. It opens the results in a new tab. CSS Validator is a nice tool that will come in handy often.

CSSViewer: No Web designer should be working without CSSViewer. The add-on informs you of all the CSS information you’ll need from a site. Simply click on the page you want, open it in the Tools menu, and it will display CSS information. I use it almost every day.

FireBug: Firebug is one of those extensions that you simply can’t be without. It lets you edit, debug, and view CSS, HTML, and JavaScript. Once you make a change to the HTML on the site, Firebug automatically displays it in the same pane. It’s extremely powerful.

FirePHP

FirePHP fills you in on all the issues with your PHP.

(Credit: FirePHP)

FirePHP: FireBug is a fine tool for CSS, HTML, and JavaScript, but FirePHP, which only works when you have the FireBug extension installed, creates a full-featured development experience. With the help of both add-ons, you can view the quality of your PHP and find errors. It’s a great aid.

Font Finder: Font Finder allows you to highlight a font you like on any site, right-click on the selection, and after choosing “Font Finder”, view the full CSS text styling of the selection. You can then paste that into your own Web page.

HTML Validator: HTML Validator is an extremely powerful tool available to Windows users only. The add-on gives you feedback about errors on the page. It also lets you know where problems need to be addressed. But unless you’re an advanced Web designer, stay away from this tool. It’s very complicated.

IE View: As long as you’re running Windows, IE View is a helpful tool. The extension adds an “Open in IE” option in the right-click menu, allowing you to quickly open a site in Internet Explorer. It’s a great way to check how a page looks in both browsers.

Java Console: If you want to see how Java applets are running on Web pages, the Java Console is for you. You can monitor and debug applets, and get a full report on their performance.

LinkChecker

LinkChecker lets you know where the dead links are.

(Credit: Don Reisinger/CNET)

LinkChecker: LinkChecker highlights links on any Web site and tells you if the link will direct you to a live site or if it will return a 404. I use it every day.

Poster: If you want to debug servers and make HTTP requests, Poster is the tool for you. It’s easy to use, you can set a content type, and within minutes, you’ll have all the information you need to inspect the results of your HTTP query. Useful.

Style Sheet Chooser II: Style Sheet Chooser II replaces Firefox’s built-in style sheet switcher and allows you to pick an alternate style that will persist on all pages of a Web site. It’s not something you’ll use often, but when you do need something of the sort, Style Sheet Chooser II is the way to go.

Web Developer: If you install any of the extensions in this roundup, Web Developer should be included. It adds a menu and toolbar to Firefox giving you the option to display a page’s style, view and edit CSS, and much more. No Web developer should be without it.

YSlow: YSlow requires FireBug to be installed for it to work, but it’s a great way to find out why your site is running so slowly. It analyzes Web pages and returns issues that are slowing the site down, based on Yahoo’s rules for high-performance Web sites. I use it often to find out where I can improve the speed of my sites. Try it out.

posted in Ideas, Uncategorized | 0 Comments

24th March 2009

Create mobile applications with JavaScript

PhoneGap is an open source development tool for building fast, easy mobile apps with JavaScript.

If you’re a web developer who wants to build mobile applications in HTML and JavaScript while still taking advantage of the core features in the iPhone, Android and Blackberry SDKs, PhoneGap is for you.

For a quick introduction to PhoneGap, watch this three-minute video AT phonegap.com

posted in Ideas, Api | 0 Comments

13th February 2009

Free CSS Designs for you website

oswd.jpgIf you’re a web developer, you may have a love-hate relationship with CSS: it’s great stuff, but it’s hard to go from a blank screen to a fully-worked-out design, especially if writing CSS isn’t your everyday activity. To jumpstart your thinking the next time you get stuck on this problem, bookmark Open Source Web Designs: over 2000 web site designs, with the majority of them being XHTML/CSS-based.The site highlights a few hundred of their favorites, and the entire stock is searchable by things like color and number of columns. Even if you don’t want to use someone else’s exact idea, a free design from OSWD can be a good starting point for your own efforts.

posted in Ideas | 0 Comments

26th January 2009

Great PHP Tools for the Developer

php.jpgPHP is one of the most widely used open-source server-side scripting languages that exist today. With over 20 million indexed domains using PHP, including major websites like Facebook, Digg and WordPress, there are good reasons why many Web developers prefer it to other server-side scripting languages, such as Python and Ruby.

Just came across the 50 Extremely Useful PHP Tools posted at Smashing Magazine which immediately caught my attention. It lists all the great tools around PHP which makes it more easier and fun to code.

PHP is faster (updated), and it is the most used scripting language in practice; it has detailed documentation, a huge community, numerous ready-to-use scripts and well-supported frameworks; and most importantly, it’s much easier to get started with PHP than with other scripting languages (Python, for example). That’s why it makes perfect sense to provide the huge community of PHP developers with an overview of useful tools and resources that can make their development process easier and more effective.

This post presents 50 useful PHP tools that can significantly improve your programming workflow. Among other things, you’ll find a plethora of libraries and classes that aid in debugging, testing, profiling and code-authoring in PHP.

posted in PHP, Ideas, Web Tools | 0 Comments

2nd January 2009

New Interesting Technologies

Every year, we see scores of innovations trickle onto the web — everything from new browser features to cool web apps to entire programming languages. Some of these concepts just make us smile, then we move on. Some completely blow our minds with their utility and ingenuity — and become must-haves.

For this list, we’ve compiled the most truly life-altering nuggets of brilliance to hit center stage in 2008: the ideas, products and enhancements to the web experience so huge that they make us wonder how we got along without them.

Nitpickers will notice that a couple of these technologies arrived two or three years ago. Others aren’t even fully baked yet. But each innovation on our list reached a level of maturity, hit the point of critical mass, or stepped in to fill a burning need during 2008 that resulted in it significantly changing the landscape of the web.

Here’s to the technologies currently making the web a better place than it was 12 months ago.

Identity Management

Few things carry more value than your digital identity, and yet most web users have only a tenuous grasp of it. That’s because on the social web, identity is no longer just who you are. It’s who you know, how you know them and how much you want them to know about you. On the web, your identity is explicitly tied to your relationships, both with your friends and with the websites you visit.

Three great technologies came to fruition this year to help you manage these complex interdependencies: OpenID, Google Friend Connect and Facebook Connect.

These ID systems all offer a way to take control of your social capital, that cache of “friend data” you carry with you as you sign up for and use different web services. They also all offer a more tangible advantage — an easy way to log in to any website using one set of credentials. You get one virtual ID card that gives you access to hundreds of websites. As a bonus, you don’t have to go through the painful process of filling out a profile and adding or approving friends on every new blog, community or social network you want to join.

The end of 2008 saw a flurry of activity around identity. Facebook Connect, which currently lets you log in to a few dozen high-profile websites using your Facebook ID, went live the first week of December. Google’s Friend Connect and MySpace’s MySpaceID, similar systems that aren’t yet as widely adopted, launched soon after it.

There’s a hitch, though. Facebook Connect, while elegant and easy to use, is built on proprietary code and isn’t compatible with the offerings from Google and MySpace, which are built using OpenID and other open source standards.

We should expect this battle for your personal data play out over the next year, maybe longer. But 2008 will be remembered as the year that identity stepped into the spotlight.

HTML 5

One of the most important technologies on this list doesn’t fully exist yet — HTML 5 — but in 2008, key features started to trickle out.

HTML 5 will eventually replace HTML 4.01, the dominant programming language currently used to build web pages. But the governing bodies in charge of the web are still drafting the details, and nobody expects HTML 5 to fully emerge as the new standard for at least a few more years.

But HTML 5 is no vaporware. Many of the changes to the way the web operates as outlined in early versions of the new specification are already being implemented in the latest browsers, and some of the web’s more adventurous site builders are already incorporating HTML 5’s magic into their pages.

HTML 5 will be great step forward, standardizing things like dragging and dropping elements on web pages, in-line editing of text and images on sites and new ways of drawing animations. There’s also support for audio and video playback without plug-ins, a boon for usability and a worrisome sign for Adobe’s Flash, Microsoft’s Silverlight and Apple’s QuickTime. The language will also give a boost to web apps, as there are new controls for storing web data offline on your local machine.

Want Gmail on your desktop? HTML 5 makes it possible. Alas, the blink tag isn’t invited to the party.

Lifestreaming

A new breed of social app has arisen to help us manage the mess of information overload — the lifestream.

Not long ago, keeping track of your friends on the internet was pretty easy. Everyone belonged to Friendster or MySpace and that was it. Now, the web is littered with thousands of social sites, each with its own special purpose — Flickr for photos, Last.fm for music, Twitter for tweeting. Even the most rudimentary services are tied to the social web. Renting a movie, buying a book or writing a blog post? Let all your friends on Netflix, Amazon and Blogger know about it.

Keeping tabs on your friends now is all too easy and all too much, all at once.

Sites like FriendFeed, Plaxo Pulse and Digsby serve as social-network-activity aggregators. They’re like virtual funnels. Dump in all the notifications, feeds and updates from your various networks, and the services will bring it all into one master stream, relieving you of the responsibility of visiting a dozen or more sites to learn what your friends are up to, what they’re listening to, who they’re snogging and so on. Controls let you dial back the flow by sorting and filtering the flow, pruning it down to only what matters most.

Many such services have emerged, but FriendFeed, an elegant and simple site designed by a crew of ex-Googlers, is our favorite.

Oh, and don’t expect to be able to add Facebook to your lifestream. The network lets all sorts of data in, but precious little out.

Firefox 3

Firefox has been around since 2004, but when version 3 of Mozilla’s browser arrived in June 2008, it got everything right. Mozilla’s browser is faster and more secure than ever before, and it’s open source, so you get the feel-good factor, too.

One of the most highly anticipated software releases of the year, more than 8 million people downloaded Firefox 3 on the first day. Third time’s a charm, indeed.

The genius bit of engineering was bringing search front and center — just type what you’re looking for in the location bar, and FF3 searches your history, bookmarks and the web to bring you the page you want, lightning fast.

Performance enhancements made it one of the web’s fastest browsers — especially for surfing the recent swell of web apps — and improved security features made it one of the safest.

Mozilla continues to build upon the concept with its Ubiquity add-on for Firefox, which lets you search and interact with any number of web services by typing text commands into the browser.

It’s still the second-most-popular browser after Microsoft Internet Explorer by a wide margin, but Firefox 3 is the feisty favorite of the web’s elite.

Google Chrome

Its debut release in September was not expected, nor was it greeted with as much fanfare as the arrival of Firefox 3 a few months prior. But Google’s browser was instantly recognized as a potential game-changer, both among browser-makers and within the world of web apps.

Chrome is a browser built to empower web applications.

Its killer feature is a new approach to page rendering that isolates web applications inside each of the browser’s tabs — a crashing web app might cause a single tab to go south, but that won’t affect anything outside that tab. The rest of the browser remains stable.

When you’re doing mission-critical work in a web app and the browser crashes, it isn’t an annoyance, it’s a deal breaker. E-mails are lost, documents have to be rewritten, web forms need to be filled out again. Chrome’s ability to sidestep a full crash strengthens Google’s bid to replace desktop apps with its own web-based alternatives.

Chrome reached official 1.0 status in December. It’s Windows-only for now, but we should expect official versions for Mac and Linux soon. It’s also still very young. Future releases will have support for add-ons, offline syncing of web data through Google Desktop and — knowing Google — probably a few other bells and whistles nobody’s thought of yet.

Location Awareness

In 2008, location-based information ceased being a fancy add-on and instead became a requirement of any serious, successful web service.

Hit a button on your laptop or phone to tell a web service where you are, and it tells you what restaurants are close by, where the new Bond movie is playing (and when, and if there are tickets left), and which of your friends are within shouting distance if you need a date.

The tipping point arguably came when a wave of GPS-equipped mobile web devices hit the market. The iPhone 3G, the T-Mobile G1 and the latest Nokia N-series devices all have GPS built in. They also all have real web browsers and the tools necessary for access to web APIs, opening the door to more-relevant search and localized mobile services.

On the iPhone, you can use Yelp’s app to get a list of nearby venues, restaurants and hangouts with the touch of a button. Or, in the case of Google’s local-search app, you can simply speak your request and get local results. An app like Say Where queries multiple search sites.

The benefits aren’t limited to mobiles, either. Social networking sites and desktop search apps can take advantage of new technologies like Yahoo’s FireEagle, where users can update and store their location data, or browser plug-ins like Google Gears or Firefox’s Geode, which users can set up to report their location automatically.

Whether they’re using a desktop browser or an iPhone, users now demand the high levels of relevance and convenience on the web that location awareness affords.

The World Wide Web Consortium, the web’s governing body, has stepped up and formed a think tank to develop a set of standards for handling users’ geodata that ensures privacy and interoperability. The W3C Geolocation Working Group hopes to have its first recommendation filed by the end of 2009.

posted in Ideas | 0 Comments