Showing posts with label website. Show all posts
Showing posts with label website. Show all posts

Saturday, February 2, 2013

comment_icon 0 Brackets : An Open Source Text Editor from Adobe

Finally Adobe made something Open Source. Brackets  is the opensource text editor specially designed for the Web developer. there are some amazing features like inline editing,live edit (preview is shown in chrome) that most of the web developer gonna love. One more thing is liked about this is that it built by using java script, html 5,CSS , So as they say
   For the WEB by the WEB

Where To get it ?

you can get it here. current release it Sprint 19.

Basic features  how to use ?

For inline text editing just put your mouse on the html tag like body,div,h1 etc and press CTRL+E 

Live Preview 

To Use the Bracket live Preview feature click on the icon in  top right , just as icon highlighted in below image.

Bracket Video Demo 

Bracket extensions

Bracket mainly focus on the web development and there  are so many extension available to increase your productivity and performance . these extensions are categorized under different categories but  there is no GUI for installing the extensions however you can manually download and copy the extension and copy them to extension directory and then browse it using menu bar. 
Code/Text Editing
  • Select Parent: Quick way to select the block enclosing the selection
  • Web Fonts: Simple interface for adding/deleting/swapping Google Web Fonts in a CSS file
  • Kill Ring: Adds an Emacs-style kill ring to the editor.
  • Spell Checker: integrates the spell checker web service After The Deadline - now in beta - Supports English, German, French, Spanish and Portuguese. Note: Now compatible with brackets build >== build 0.18.x /Sprint 18
Snippets & Shorthand
  • Emmet/Zen Coding: Adds Emmet (Zen Coding) support to Brackets (download here).
  • Snippets: Assign trigger keys to insert snippets. Configurable with JSON
  • Prefixr: Generate browser specific CSS prefixes using the prefixr service.
  • Quick Markup: fast HTML markup generation as you type.
  • HTML Templates: Pastes in barebones HTML code for different doctypes.
  • Auto-match pairs: auto-complete Paranthesis, Brackets, Braces, Double and Single Quotes...
Code/Text Formatting
Code Generation
  • App Cache Buddy: Generate and validate application cache manifests.
  • Annotate: Generates JSDoc annotations for your functions
Language Support
  • JavaScript Code Hints: Code hinting (aka autocompletion) for JavaScript files in Brackets.
  • PHP: adds PHP function definition support to QuickOpen search
General Functionality
  • Extension Manager: Install, Remove, and upgrade your extensions from the cloud from inside Brackets (requires node).
  • Extension Toolkit An extension to make building Brackets extensions easier.
  • Related Files: Discovers and allows you to open related files in your project.
  • File Navigation Shortcuts: shortcuts for switching to next/previous editor (non-MRU order), and a version of Quick Open scoped to only open files.
  • Open File from URL: Opens any href and rel atribute urls in editor on ALT+0 shortcut. Currently works only with existing files.
  • Brackets Commands Guide: Search and execute commands by typing part of their name, similar to Quicksilver (or Sublime's Ctrl+Shift+P or Eclipse's Ctrl+3).
  • Open Containing Folder: Opens folder containing current file or a file/folder in Sidebar. Added keyboard shortcut CTRL+ALT+O for opening folder containing document opened in editor.
  • Bookmarks: Navigate within a document using bookmarks.
  • TestQuickly: simple extension to run unit tests with a keystroke (handy for Brackets core and extension developers)
  • PageSuck: prompts for a URL and pulls that page's HTML directly into the editor as a new file
Live Development
  • Debugger: Brackets Debugger for the Live Development browser.
  • Everyscrub: Everything's a scrubber! Cmd/Ctrl + drag on any number or hex color to scrub its value and update the browser in real time.
  • Reload in Browser: Adds a toolbar button and shortcut to reload the page in the browser
  • V8/Node Live Development: Updates scripts running in Node.js as you type
Visual Editing
  • Edge Web Fonts: Browse free fonts from the Edge Web Fonts collection, with thumbnails. Activated via CSS code hints for font-family.
  • Hover Preview: Displays a preview when hovering over a color value, gradient, or image filename.
  • CSS Exclusion Shape Viewer: Quick Edit on an exclusion shape definition in CSS displays the shape.
  • SVG Preview: Live preview SVG files in an inline panel while you edit them.
  • Markdown Preview: Live preview of Markdown files, updated as the document is edited.
External Tools
  • BracketLESS: Compiles LESS files to CSS on save
  • GitHub: Implements the GitHub API, including oAuth. Currently functionality limited to Gists.
  • ToGist: Create an anonymous gist from the current selection.
  • PhoneGap Extension for Brackets: Manage PhoneGap Build projects from Brackets.
  • (See also Prefixr above).
Linting & Warnings
Deprecated Extensions
  • Color Editor: Quick Edit on a hex/rgb/hsl color opens an inline color picker, plus a listing of all colors used in the file. (Merged into Brackets as of Sprint 17).
  • Color Picker: Quick Edit on a hex color opens an inline color picker. (A color picker is built into Brackets as of Sprint 17).
  • Editor Shortcuts: Keyboard shortcut to delete line. (This command is built into Brackets as of Sprint 15).
  • MDNLookup: Includes a way of creating an extensions toolbar and adding buttons to the toolbar with callbacks. Requires a slight change to the core. (Does not work in current versions of Brackets).

Monday, August 20, 2012

comment_icon 0 Increase your websites performance using Google PageSpeed

Websites loading speed plays a major role in popularity of the website.A website with good content but taking a lot of time to load in such a case users may reject that website and won't like to visit again.
So now a days  web developer and owner spends a lot on the optimization of the websites.but there is an easy way available now.
Google launched a service that delivers a web pages with optimization and takes minimum time to load,currently the service is in beta version and available free and pricing is not yet decided .

    page speed
  1. What is Google  PageSpeed Service ?
    Page Speed is an online service to automatically optimize and loads page with speed.
  2. How it Works ? PageSpeed fetches the content from your website and delivers to users by google servers after optimizing them using best web  performance practices.
  3. How can I use it ? 
     i.  Sign Up  and provide  your serving and reference domains.
     ii. Send your  traffic to PageSpeed Service by pointing your DNS CNAME entry to
  4. Try yourself
    1. Go to
    2. Enter the URL of your website, say
      • Optional steps:
      • Choose the test location and browser. The default is IE8 from US East (Virginia).
      • Select More Configurations... for a broader selection of locations, browsers and network connection type. The default connection type is DSL.
    3. Click the Start Test button.
  5. Sample Results
    Original Optimized Difference
    Page Load Time 1.715s 1.253s -0.462s (26.9%)
    Repeat View Page Load Time 1.445s 0.547s -0.898s (62.1%)
    Full Test Result
    view test

    view test

Friday, August 17, 2012

comment_icon 0 A new Era of Online Publishing

Recently a Website is launched by the Twitter co-founders,as a Completely new publishing platform. Currently the website is launched as a preview only but still so many members already registered on the site.
In the welcome note  says that  
We’re rethinking publishing and building a new platform from scratch. This is a preview.
But when there is already so many Platforms Available for Publishing then Why Medium ? 
For that the Evan Williams Says that
The Obvious Corporation decided to take on the project of building a new publishing platform from scratch
Media is still the “connective tissue of society,” as Clay Shirky eloquently put it. And we think it can be better. Better for creators. Better for consumers. Better for the world.

So, we’re re-imagining publishing in an attempt to make an evolutionary leap, based on everything we’ve learned in the last 13 years and the needs of today’s world.

That sounds pretty grandiose, so let’s not get ahead of ourselves. Truth be told, we’re just starting the journey of figuring out what all that means—and what we’re releasing today is just a sliver of what we’ve figured out.
How Medium is gonna Work ? 
Medium is designed to allow people to choose the level of contribution they prefer. We know that most people, most of the time, will simply read and view content, which is fine. If they choose, they can click to indicate whether they think something is good, giving feedback to the creator and increasing the likelihood others will see it.
Currently posting option is available only for the invited members but soon its gonna be open.Be ready for that.Till than you can have a look at the posts Made by Evan’s an open collection of crazy stories.Here’s one of nostalgic photos.

Friday, August 10, 2012

comment_icon 0 Google Offers

Have you ever Imagined A Service by Google  just like Snap-deal . if not then think it again Google launched a Service named by Google offers ,which provides the latest deals and offers available in your Area.

How it Works ?

but this is currently available for the U.S. only Still you can signup so when ever service is launched in your area you will get an notification.

comment_icon 0 Search duplicate Images using tineye

Have you ever thought of finding the duplicate images on the Internet. if yes and haven't tried yet because you couldn't able to find an direct way then your search ends now.

tineye home page
its tineye

How tineye Works ?

TinEye uses image identification technology rather than keywords, metadata or watermarks.

Is using tineye free ?

Yes it's free for non-commercial searching.

How to Search Image  ?

You can submit an image to TinEye either by uploading or by providing url to find out where it came from, how it is being used, if modified versions of the image exist, or to find higher resolution versions.