Wednesday, December 26, 2012

Semantic parser | OpenCalais

The OpenCalais Web Service automatically creates rich semantic metadata for the content you submit – in well under a second. Using natural language processing (NLP), machine learning and other methods, Calais analyzes your document and finds the entities within it. But, Calais goes well beyond classic entity identification and returns the facts and events hidden within your text as well.

Monday, October 15, 2012

Monday, October 01, 2012

Monday, August 20, 2012

Great list from infoq article

Javascript MVC Frameworks
These frameworks try to give structure to web applications by providing conventions for models, views, events, etc. Popular examples are Backbone.jsAngularJS, etc.

HTML5-aware IDEs
Many developers prefer feature-rich IDEs like Aptana Studio, WebStorm, TopStyle, etc, instead of more light-weight text editors.

Unit Testing Frameworks
Unit tests are very valuable in helping developers find problems early, facilitate change, simplifies integration and even act as standalone documentation. The most widely used frameworks on the front-end is QUnit.

JavaScript Code Quality Tools
Any code base eventually becomes huge at some point, and simple mistakes can become show stoppers and waste hours of debugging. This is when static code analysis tools come into play and help developers to spot such problems. Most popular choices are JSHintJSLint, etc.

CSS Frameworks
CSS framework can speed up development, make your site more aesthetically pleasing, and help eliminate some of the cross-browser compatibility issues. Popular framework in this category include 960 Grid SystemBlueprint, etc.

Build tools
Using one or more build tools has many advantages like accelerating development, elimination of redundant tasks, having a history of builds and releases in order to investigate issues and more. Some of the most important tools in this category are MakeApache AntGrunt, or even custom shell scripts.

Head-less Browser Testing
A headless browser is a web browser without a graphical user interface and it can be very useful for automating webpage testing. A popular example is PhantomJS, etc.

JavaScript Compilers
Many believe that JavaScript is the Assembly of Web, so they use technologies like CoffeeScriptDartGWTEmscripten, etc.

CSS (meta) languages
These languages usually extend CSS with dynamic behavior such as variables, mixins, operations and functions. Some examples are LESSSass, etc.

JavaScript shims, fallbacks, and polyfills
These are JavaScript libraries that replicate the standard API found as natively in the new browsers, for the older browsers. A comprehensive list of shims, fallbacks, and polyfills can be found at the Modernizr site.

Webapps for testing JavaScript / CSS snippets
These webapps are designed to help JavaScript and CSS developers test snippets of code, within some context, and debug the code collaboratively. Examples are JS BinJsFiddleDabblet, etc.

Graphics editors for SVG or Canvas
Many designers prefer programs like Like Adobe Illustrator or Inkscape for designing their web graphics.

Remote Browser Automation
Primarily used for automating web applications for testing purposes, it can even be used to automate boring web-based administration tasks. The most widely used framework in this category is Selenium.

Plain text editors
Many web developers prefer plain text editors like Vim, TextMate, UltraEdit, Sublime, etc, than heavy-weight IDEs.

Many developers prefer WYSIWYG editors like Adobe Dreamweaver, Microsoft Expression Web, etc, instead of IDEs or text editors.

BDD Frameworks
Behavior-driven development (or BDD) is an agile software development technique devised by Dan North, and is based in the convention that unit test names are whole sentences starting with the word should and they are written in order of business value. A widely used framework that supports it is Jasmin.

Cloud debugging/testing services
Setting up your own testing infrastructure can be time consuming, so companies like Saucelabs offer their infrastructure as a service.

Automated screenshot services
These services makes screenshots of your web design in different operating systems and browsers, for testing purposes. A popular example is Browsershots.

Sunday, June 24, 2012

Microsoft on{x} on Android

When I first heard about this and started reading, most strange this is Microsoft on something that runs on Android and something that does not work on their windows platform...

But leaving that behind, this is very interesting way of social snippet platform. You could write simple snippet or start from existing snippet and make simple handy features. It is come is very familiar scripting language we know. This is going to be fun.

Tuesday, June 19, 2012

Sunday, June 17, 2012

RedBot | HTTP header debug

Can be handy in situation to debug http header issues, CDN debugging etc.

RED is a robot that checks HTTP resources to see how they'll behave, pointing out common problems and suggesting improvements. Although it is not a HTTP conformance tester, it can find a number of HTTP-related issues.

CSS3 | Media query template

Nice one for beginners

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */

/* iPhone 4 ----------- */
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

Even better:

Parallax Scrolling.. Single page view

Web is so much changing. There are new approaches, new technology on daily basis. Another cool one..

Parallax scrolling is technique. Web page are built using multiple div layers, stacked and each layer are scrolled at different speed to give a parallax effect. It could be either horizontal or vertical one. But the experience is quite different from usually browsing. It is fancy. I am yet to understand how SEO, analytics are designed for such page. But it is different. There are Jquery libraries to build one.

Saturday, June 16, 2012, Put your camera to fill the credit card for you

This could be pretty cool. You shop online and then finally enter the payment screen. Entering credit card information on a mobile or even web is painful. Card.IO is quite handy. They have both web and mobile API for developers. You could point your phone camera or desktop webcam and bang.. the card is filled for you. This can improve the checkout conversion rate a lot

From website,
" Typing in credit card info on a mobile keypad is slow, and most consumers don’t have separate hardware to swipe a credit card. is trying to solve both of these problems: you just hold a credit card up to the phone, and automatically reads the card information using the phone's camera."

Friday, February 24, 2012