Open Source Resources for Web Application Developers

About / Archives / Advertise / Books /Contact

Professionally Designed Web Icons for Your Websites

Custom Variables & Advanced Segments in Google Analytics

27 May

Posted by Ray Cheung as Information, Stats

For many webmasters, Google Analytics is an awesome way to collect information while experimenting and study what’s going on with your website or web application. Tweaking Google Analytics can give some terrific data that wouldn’t be available by using their default setup.

Alan Johnson has published an article: Advanced Google Analytics for Startups, which tells us how to use Custom Variables and Advanced Segments to get more useful information from Google Analytics.

Source: http://thinkvitamin.com/business/analytics/google-analytics…

0 Comments

How to Drive Your Visitors Away with Annoying.js

24 May

Posted by Ray Cheung as Information, MIT License

Kilian Valkhof came across a website that had a whole slew of JavaScript that attempted to prevent you from selecting text, right clicking or dragging any content onto your desktop.

So he decided to copy the JavaScript and create a library with examples of JavaScript techniques you can use if you want to scare your visitors away, or want to piss them off. Annoying.js is the result.

As you can see, you can do some pretty bad things with Annoying.js that will certainly drive your visitors away. However, some functions is actually very useful if you’re writing complex “html5″ web applications. By disabling text-selection on interface elements you can make the application easier to use, and you can re-implement the right click menu using your own options.

Requirements: Javascript Enabled Browser
Demo: http://kilianvalkhof.com/2011/javascript/annoying-js…
License: MIT License

4 Comments

BundleHunt: 13 Quality Mac Apps & Design Resources

18 May

Posted by Ray Cheung as Information

BundleHunt 4 has begun its two weeklong software bundle sale of some of the hottest apps for Mac OS X and an awesome set of design goodies. In my opinion, this is the best ever bundle I have ever seen. I am sure it will be very useful for web designers.

BundleHunt 4 comes with a number of great premium applications included such as Layers, WPBundle – 3 WP Themes of your chioce, the full set of stylish and unique icons from Symbolicons, & Picans. Hanpicked collection of design resources from Tapptics & WeGraphics and SmashingMagazine’s newest 3 e-books. In all, there are 13 applications and products included in the bundle, all for an amazing price – $49.99.

Source: http://bundlehunt.com/

0 Comments

Create HTML5 Digital Publications with Laker

29 Apr

Posted by Ray Cheung as Information, License Free

Laker is a compendium of files, styles and tips for designing digital publications in HTML5. This development guide shall help you solving some of the common problems when designing and building a digital publication with HTML5. It provides you with all information about files, scripts, styles etc. used in Laker.

Laker uses a customized version of the “Baker ebook framework” for producing an iOS app. It basically reads a bunch of HTML files and displays them one after another. Designing pages and adding interactivity is all done in HTML5. That makes it more accessible and cheap to develop, because you do not need any proprietary software.

Requirements: -
Demo: http://www.lakercompendium.com/
License: License Free

1 Comment

39 CSS3 Box Shadows Effect for Google Chrome

22 Apr

Posted by Ray Cheung as Information, License Free

Box-shadow is a pretty powerful property in modern browsers. With just six little values, you can make some really neat stuff. How much neat stuff, you ask? The result is 39 Ridiculous Things To Do With CSS3 Box Shadows that, due to whatever issues, can only be viewed in Chrome 11 or better.

You can navigate with the arrow keys, and he has moved the CSS for each object into the object HTML, which should make it easier to look at particular effects.

Requirements: Chrome Browser
Demo: http://www.viget.com/uploads/file/boxshadows/
License: License Free

0 Comments

How to Create an Animated Scroll to Top Button

12 Apr

Posted by Ray Cheung as Information, License Free

Nick La has written a detail tutorial on how to create an Animated Scroll to Top as seen on Web Designer Wall. It is very simple to do with jQuery (just a few lines of code). It checks if the scrollbar top position is greater than certain value, then fade in the scroll to top button. Upon the link is clicked, it scrolls the page to the top.

Note the back to top button is linking to anchor #top which is the ID of the <body> tag. Technically speaking you don’t need to assign any anchor link because jQuery can scroll the page to any position. However, it is nice to include it because it provides a fallback if Javascript is not supported.

Requirements: jQuery Framework
Demo: http://webdesignerwall.com/tutorials/animated-scroll-to-top
License: License Free

0 Comments

How to Create Native-Feeling iOS Apps in Javascript

07 Apr

Posted by Ray Cheung as Information, License Free

Though it’s not widely known, you can write native-feeling iOS apps for the iPhone and iPad in JavaScript (+ HTML and CSS). If you want to put it in the app store, you can even package your web app as a “native” Objective-C app.

In this article, Matt will explain HOWTO: Create native-looking iPhone/iPad applications from HTML, CSS and JavaScript, which includes how to strip away the browser chrome (the url bar and button bar); prevent viewport scrolling and scaling; respond to multi-touch and gesture events; use webkit CSS to get the iPhone OS look and feel; cache the app so it runs without internet access; get a custom icon on the home screen; and have a splash screen load at the start.

Source: http://matt.might.net/articles/how-to-native-iphone-ipad-apps…

3 Comments

Documentation About the Most Quirky Parts of Javascript

17 Mar

Posted by Ray Cheung as Information, MIT License

JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes, subtle bugs, as well as performance issues and bad practices that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language.

JavaScript Garden does not aim to teach you JavaScript. Former knowledge of the language is strongly recommended in order to understand the topics covered in this guide. It is published under the MIT license and hosted on GitHub.

Requirements: -
Demo: http://bonsaiden.github.com/JavaScript-Garden/
License: MIT License

1 Comment

35 Professionally Designed Personal Portfolio Websites

08 Mar

Posted by Ray Cheung as Information

Web technology has filtered its way in to portfolios especially in the digital work place job market. Creative Professionals are looking for an portfolios websites for an exclusive online presence to present their work more professionally and elegantly.

Recently, I have been working on my personal portfolio website, which mainly showcase the websites I have done in the past. I have been browsing through hundreds of Professionally Designed Personal Portfolio Websites for inspirations. And I have hand-picked the following most beautiful ones for you. Please feel free to suggest the ones you love too!

Josh Sullivan

Adham Dannaway

(more…)

13 Comments

Tutorial on How to Send Text Messages with PHP

24 Feb

Posted by Ray Cheung as Information, License Free

Text messaging has become extremely widespread throughout the world – to the point where an increasing number of web applications have integrated SMS to notify users of events, sales or coupons directly through their mobile devices. Nettuts has written a tutorial: How to Send Text Messages with PHP.

There are a myriad of methods to accomplish the task of sending a SMS through a web application. This method is really meant for low volume messaging (most likely less than 1,000 text messages per month) and developers looking to get their feet wet without forking out cash.