Introduction

Have you ever done your blogging through desktop that too when there is no internet that is offline and What could be the best way to blog from your desktop rather than going and filling admin credentials through Admin Console of your websites / blogs. Here is the solution tool for the same, now you can blog and update your posts accordingly using a very interactive tool called “blogo“, yes! This tool works offline in the same way as it works with internet connection.

It has got so many features like you can preview your post before publishing it online, has got awesome UI screens, this supports most of the blogging platforms like Wordpress, Blogger, Typepad, Joomla, Expression Engine, Typo, Drupal and last but not the least Lovely Twitter as well. As of now “Blogo” is available for MAC OS only.

Best features would be, blogging offline (when there is no internet connection or when your internet has any downtime), it supports Twitter as well, adding custom fields in Wordpress platform, and it also supports Ping.fm and support other services as well. So, MAC users can enjoy now by installing this application on to desktops.

If you would like to know more information on the same, please click here - blogo

Most of the hidden features include:

• Intuitive Interface
• Post Images Effortlessly
• No-hassle Preview
• Post Videos, Widgets and More
• Powerful Editor
• Intelligent MicroBlogging
• Ping News Sites
• Update all of your blogs
• No distractions: fullscreen mode
• offline mode

Screen Shots

So, Enjoy Blogging!

Introduction

Below is the simple snippet which allows us to show or hide the Ext.Window panel, on button or link click it will show the Window panel and on button or link click it hides the Window panel accordingly, the respective Window is a modal Window. This is a simple and basic snippet which all beginners can understand easily.

Preview / Download:

If you would like to see the working example, please do click here. And if you would like to download the snippet, click here

HTML Code

1
2
3
4
5
6

<div id="divWindowId" class="x-hidden" style="padding:10px">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a vestibulum sem. In a elit ipsum, at cursus enim. Nullam non dui tellus, vitae vestibulum tortor. Aliquam gravida tellus lorem, quis consectetur quam. Donec mollis auctor nunc eget scelerisque.</p>
<p>Vivamus dignissim diam in ligula semper vestibulum. Aenean luctus nisi in metus ultrices eu congue odio sodales. Aenean volutpat viverra est, at feugiat libero commodo ut. Maecenas at quam eget libero feugiat ullamcorper quis placerat ligula. Aliquam et tortor vitae enim viverra faucibus.</p>
	    <input type="button" value="Close" onClick="hideWindow();"/>
<br/>
</div>

JavaScript Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

<script language="javascript">
var winPanel = Ext.getCmp('panelWindowId');
if(!winPanel){
	winPanel = new Ext.Window({
	title: 'Sample Window', //Title of the Window 
	id: 'panelWindowId', //ID of the Window Panel
	autoHeight: true, //Height of the Window will be auto
	width:300, //Width of the Window
	resizable: false, //Resize of the Window, if false - it cannot be resized
	closable: false, //Hide close button of the Window
	modal: true, //When modal:true it make the window modal and mask everything behind it when displayed
	contentEl: 'divWindowId' //ID of the respective 'div'
	});
}
 
function showWindow()
{ 
	winPanel.show(); 
	//show method has got three optional parameters like animateTarget, callback, Object scope
}
 
function hideWindow()
{ 
	Ext.getCmp('panelWindowId').hide(); 
	//Even this hide methof has got same three optional parameters like animateTarget, callback, Object scope
	//getCmp method is to retrieve the reference to the component
}
</script>

Preview / Download:

If you would like to see the working example, please do click here. And if you would like to download the snippet, click here

Do you want to change your photo into incredible artwork or cartoonize your picture, here is a best way to do so, just upload your funky photo and change it to an avatar that is into an incredible artwork, this is all done in only one click, no registration required and it is free. Here is the web tool which does your job in seconds - http://www.befunky.com/

Below are some of my snaps which I have converted using the above mentioned tool:

Introduction:

Date Ranging is simple using ExtJS DateField. Yes! When I was working for one of my project, In one of my form I got to include Date Range functionality. When I was searching for this functionality, I got an answer from ExtJS forums, I followed one thread and got the answer. Here is the respective thread, which I was talking about. - problem with custom VTypes - daterange, if you drill down on the same page, you can view a link which depicts about the advance vtype by Brian. So, you can grab the latest version of advance vtypes here - vtypes

Preview | Download

Code Courtesy for vtypes - ExtJS and Brian

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

// Add the additional 'advanced' VTypes
Ext.apply(Ext.form.VTypes, {
    daterange : function(val, field) {
        var date = field.parseDate(val);
 
        if(!date){
            return;
        }
        if (field.startDateField && (!this.dateRangeMax || (date.getTime() != this.dateRangeMax.getTime()))) {
            var start = Ext.getCmp(field.startDateField);
            start.setMaxValue(date);
            start.validate();
            this.dateRangeMax = date;
        } 
        else if (field.endDateField && (!this.dateRangeMin || (date.getTime() != this.dateRangeMin.getTime()))) {
            var end = Ext.getCmp(field.endDateField);
            end.setMinValue(date);
            end.validate();
            this.dateRangeMin = date;
        }
        /*
         * Always return true since we're only using this vtype to set the
         * min/max allowed values (these are tested for after the vtype test)
         */
        return true;
    }
});

Below is the required example:

1
2
3
4
5
6
7
8
9

<div>
  <div style="float:left;"><strong>From</strong><br />
    <div id="fromdate"></div>
  </div>
  <div style="float:left; padding-left:20px;"><strong>To</strong><br />
    <div id="todate"></div>
  </div>
  <div style="clear:both"></div>
</div>

Respective ExtJS JavaScript Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60

<script language="javascript">
// Add the additional 'advanced' VTypes -- [Begin]
Ext.apply(Ext.form.VTypes, {
	daterange : function(val, field) {
		var date = field.parseDate(val);
 
		if(!date){
			return;
		}
		if (field.startDateField && (!this.dateRangeMax || (date.getTime() != this.dateRangeMax.getTime()))) {
			var start = Ext.getCmp(field.startDateField);
			start.setMaxValue(date);
			start.validate();
			this.dateRangeMax = date;
		} 
		else if (field.endDateField && (!this.dateRangeMin || (date.getTime() != this.dateRangeMin.getTime()))) {
			var end = Ext.getCmp(field.endDateField);
			end.setMinValue(date);
			end.validate();
			this.dateRangeMin = date;
		}
		/*
		 * Always return true since we're only using this vtype to set the
		 * min/max allowed values (these are tested for after the vtype test)
		 */
		return true;
	}
});
// Add the additional 'advanced' VTypes -- [End]
 
dateRangeFunc();
function dateRangeFunc()
	{
		// Date picker				
		var fromdate = new Ext.form.DateField({
			format: 'Y-M-d', //YYYY-MMM-DD
			fieldLabel: '',
			id: 'startdt',
			name: 'startdt',
			width:140,
			allowBlank:false,
			vtype: 'daterange',
            endDateField: 'enddt'// id of the 'To' date field
		});
 
		var todate = new Ext.form.DateField({
			format: 'Y-M-d', //YYYY-MMM-DD
			fieldLabel: '',
			id: 'enddt',
			name: 'enddt',
			width:140,
			allowBlank:false,
			vtype: 'daterange',
            startDateField: 'startdt'// id of the 'From' date field
		});
 
		fromdate.render('fromdate');
		todate.render('todate');
} //dateRangeFunc() close
</script>

Below is the working example for the same:

Preview - Date Range using ExtJS Date Field

Download:

Download - Date Range using ExtJS Date Field

I would like to share one of the best video which depicts about the Entrepreneurship, this video shows how Entrepreneurs can change the world, and this video is a big hit in YouTube long back. I would like to recollect it once again, since this will help most of the young people who would like to or want to become a good Entrepreneur. In this blog earlier, I have shared one article regarding Web Celebrities who rocks in this Web World. If you have missed that, here is the link of the same - Top Web Celebrities in the World of Web - topwebcelebrities.com

Below is the video which I am talking about, I hope this video might help us to become a good Entrepreneur, this going to become an Inspirational Video for young generation…

Introduction:

What can I say about the products of Nokia, really amazing products. Since 4 years I am using Nokia’s N Series, the service is awesome enough - still it is working without any problem, no change of battery nor cell panel. Now! they have released new product into market, named N97 - Nokia N97, (Nokia calls it a mobile computer) but by looking at the piece you will say that it is a Plam Tablet, really I mean it - if you don’t believe, here are some of the awesome snap shots of the same. It comes down in two colors White and Transition Black.

Cool Snap Shots:

Features of Nokia N97

What can I say about the features, it has got hot rocking features like it has 3.5 inch tilting touch screen and QWERTY keyboard. More Features Below:

• 5-megapixel camera with Carl Zeiss Tessar optics
• 3.5-inch TFT (16:9 widescreen); 640 x 360 pixels
• 32GB onboard memory + microSD card slot
• 5-megapixel camera with Carl Zeiss Tessar optics
• MPEG-4 VGA video recording at 30fps
• 802.11b/g; USB; Bluetooth with A2DP; GPS with A-GPS
• Tri-band HSDPA/quad-band GSM

If you want to know more about the same you have to dig into Nokia’s Website, here it is - Nokia N97

Technical Profile of Nokia N97:

• System: WCDMA 900/1900/2100 (HSDPA),EGSM 850/900/1800/1900 MHz
• User Interface: S60 5th Edition
• Dimensions: 117.2 x 55.3 x 15.9 mm*mm (L x W x H) *18.25 mm at camera area
• Weight: Approx. 150 g
• Display: 3.5 inch TFT with up to 16 million colorsnHD16:9 widescreen (640×360 Pixels)
• Battery: Nokia Battery BP-4L, 1500 mAh

Media

• Memory: Up to 48GB (32 GB on-board memory,plus 16GB expansion via microS Dmemory card slot)
• Video playback: MPEG-4 / SP and MPEG-4 AVC/H.264,up to 30 fps, up to VGA resolution RealVideoup to QCIF @ 30 fps Windows Media (WMV9) up to CIF @ 30 fpsFlash Lite 3.0 / Flash Video in internet browser
• Music playback: MP3, AAC, eAAC, eAAC+, WMAMain

Main Camera

• Lens: Carl Zeiss Tessar™
• Image capture: Up to 5 megapixels (2584 x 1938) JPEG/EXIF (16.7 million/24-bit color)
• Video capture: MPEG-4 VGA (640 x 480) at up to 30 fps
• Aperture: F2.8
• Focal length: 5.4 mm
• Flash: Dual LED camera flash and video light

Operating Times

• Talk time: Up to 320 min (3G), 400 min (GSM)
• Standby time: Up to 400 hrs (3G), 430 hrs (GSM)
• Video playback: Up to 4,5 hours (offline mode)
• Music playback: Up to 37 hours (offline mode)

Connectivity & Data Services

• WLAN IEEE 802.11b/g with UPnP support
• Micro-USB connector, Hi-Speed USB 2.0
• 3.5mm stereo headphone plug and TV-out support (PAL/NTSC)
• Bluetooth wireless technology 2.0 with A2DP stereo audio, enhanced data rates (EDR)
• GPS receiver with support for assisted GPS (A-GPS)

Exclusive Video’s of Nokia N97 from the World of Web:

Nokia N97 unboxing

Nokia N97 on BIG Screen, Exclusive Video!!

Nokia N97 Intervista

High Quality Walhthrough Nokia N97’s Homescreen & User Interface

You can view more video’s at TechVideoBytes - Nokia N97

Introduction

Google Rocks these days, inventing new free-ware tools and introducing new features in it, like Google Waves [What exactly Google Wave is all about?], which we have seen earlier. This going to be a big hit in the World of Web in coming days. And now! There is another one named Google Squared,Hmm… What is Google Squared?

What is Google Squared?

Google Squared is a search tool that helps us to build a quick collection of facts from the entire Web for any topic which we specify. For example: If you want to know more about India, what is the population of the same and how many states are there in India can be seen in respective rows and columns provided. When I search for the same, that is I searched for “India” and clicked on “Square It” button, it has given me full amount of data related to India in respective Rows and Columns like it has given me 6 columns named “Item Name, Image, Description, Country, Population, District”, and if you want to add more columns you can select the same from the text box provided as “Add columns” and one more interesting thing here is you can save the squared information to your account if you are logged in.

If you want to know more about Google Squared and want to explore it you can follow this link - Google Squared

Video:

Click on the below image which will take you to the video which briefs about Google Squared.

Introduction

Creating a nice and awesome enough Photo Gallery using <object> tag, yes! creating a simple photo gallery is possible using <object> tag. You can view the same at cssplay.co.uk site, this site has got everything related to CSS, this site is very much special related to CSS.

The above photo gallery was made using