Showing posts with label Browser. Show all posts
Showing posts with label Browser. Show all posts

Saturday, November 28, 2009

MozillaLabs Launches new projects on MozillaLab

mozilla now launches new terms just like "Googlelabs" its a "mozillalabs". its a just like a virtual lab where people can come on this share there ideas , there feedback and all to make mozilla very string form all the aspects. here you can make new Experiments and also play with the new technologies and new concepts.

as you all know mozilla allready have thousands of addons and so many sub products to make web browser better . and also make web better from end of user also. if you want to check all the such cool addon ans all refer this .
it also have lots of thems , plugins, tabs , web application & developments tools, language supporter terms , videos and many more.

now we come back to the actual point mozillalabs. now in mozilla labs there are some nice projects are there

1.TestSwarm: - its a new mozilla lab project that gives the developer an easy and quick test to there javascript code , firebug addon is also there but we need to add that manually , mozilla make browser its self javascript compatible , if you want to contribute with the project as a tester simple check the TestSwarm.com. currentl the site is in alpha mode and addon on mozilla labs , This Project now support 7 operating system , window 2000 to OS x 10.5



if you want to use TestSwarm on your server download this from here

2. Mozilla weave : it get explore the blending of the desktop and the Web through deeper integration of the browser with online services.
it has some nice features just like
- AES Encryption , used to encrypt the date.
- PKI - public key infrastructure.
- JSON
- Debugging tools

if you want to use this you can get it from here : Install Weave v0.1.28
- https://labs.mozilla.com/forum/index.php/topic,657.0.html
but as i said its all are in labs so try it on your risk.

3. Test Pilot :
Test Pilot platform is opening with first Test Pilot add-on for Firefox 3.5. They are looking for Firefox users of all levels of skill and technical knowledge to help improve Firefox and Labs experiments.

4. Bespine
it Embedded on 0.5 in first release to come from Reboted codebase,why its better coz ones you are using this then there is no longer need or required o add any javascript to your page
except the Bespine itself. look at the below

<!DOCTYPE html>
<html><head>
<link href="BespinEmbedded.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="BespinEmbedded.js"></script>
<style>
.bespin { margin: 0; padding: 0; border: 0;
height: 300px; border: 10px solid #ddd;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; }
</style>
</head>
<body>
<h1>Sample Editor as a Component</h1>
<div id="editor" class="bespin"
data-bespin-options='{ "stealFocus": true }'>
// The text of this div shows up in the editor.
var thisCode = "what shows up in the editor";
function editMe() {
alert("and have fun!");
}
</div>
<script>
window.onBespinLoad = function() {
console.log("this is called when Bespin is loaded");
};
</script>
</body>
</html>

with this you can go secure your application.
the page will give you the View something like this :



if you like this article please add some comments ,

Monday, November 2, 2009

15+ Firefox addons for Developer and Designers

Addon's playing important role for web developer as well as for web desginer also , you can say its make your task easier. Firefox is one of the free and open source web browser and provides most comman features for web devloper and designer,
There are huge no of lists of addons or extensions . here i have mention some of them which are really useful for a developer as well as for designer.

Firebug


Firebug is very commonly use addon , which can easily catch javascript , jquery error in live page , you can edit and also debug the live application using this cool addon


Web Developer


This addon very much useful for the again developer to test there live application in terms of html, css, dhtml , images and so on, ones you install this addon you can find that addon on new toolbar


FirePHP


its enable you to log to your Firebug console using php method call. its basically suit for the ajax development process.


ColorZilla


ColorZilla will get you the color which is reading from mouse pointer , you just need to move your mouse on that location and you will get the color of same , you can also zoom that page you also measure the distance between the any two points . you can also save that selected color as a custom palettes


CSSViewer


its a very common tool ones you hover on any element, it will display all CSS styles for that element.


Window Resizer


Resize your Browser to various size, basically its useful for testing the your application on various sceen , then you come to know you application is feet in current window or not , there are some resoultion : 64x480 , 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200


Cooliris


its a cool addon , you can easily browse the photos and videos from web.


HTML Validator


displays the number of found errors of the site you are viewing. it will parse the html page and display the error.

URL Fixer


it corrents the typos in URL that enter in the address bar. for example if you type rediff.con instead if com it will automatically fix it and parse it and redirect to you on actaul site, Current version is support the .com,.net,.org.,.edu..gov,.mil and other TLD.


FEBE


FEBE (Firefox Environment Backup Extension) allow you to quickly and easily backup your firefox. it will rebuild your extensions into .xpi files.


LiveHTTPHeaders


its allows you to analyze your http header , it will also help you to debug you web applicaiton ,you can also see what sort of server is using and also view cookies sent by the remote sites,


StumbleUpon


stumbleUpon is a social bookmarking sites , its useful to you to search the sites , this site derive a large no of visitors to your sites.


Font Finder


font finder tools helps you to find the font of highlighted text, you need to just select the text and right click to see all the styling get included on that text you can also view the Color, font-family and so on

CSS Validator


Validate your page using W3c css validator. just right click on page and select Validate CSS it will validate and parse your page and open result on new tab and show you error on same.


Autofill Forms


auto fill is one of the best option or addon, instaed of typing text again and again you just save that text on AutoFill Form and whenever you required you simply use that so it will get fill that field automatically , for example on Gmail.com , you need to enter id & password to access your account now instad of typing id & password daily you just save . and ones you open gmail.com page click on AutoFill option . it will automatically get fill your id & password .


if u know more add in on a Comments .

Tuesday, October 6, 2009

Test Your Website in Different Browsers and Platforms

ones we develop any application or any website then basically we are testing that site on different browser or different platform but its very time consuming and time taking , at first we have to install that browser and then we have to test that, but if you want to test your web application or website in different browsers,and different platforms in easiest way then Browser shots will help you.It makes screen shots of your web design in different browsers. It is a free open-source online service.

its very simple you need to submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser. Then they will make screen shots and upload them to the central server of Browsershots. It supports Windows ( Firefox 1.5, Internet Explorer 5.0 and 6.0 ), Mac (Firefox 2.0, Safari 2.0 ), Linux ( Iceweasel 2.0, Konqueror 3.5 ). and more

you can also test your application here http://browsershots.org/
its a open source applciation , you can download that images ones you test your application ,and then make a changes according to same,

hope you like this .