Angularjs ngclick run local In notepad

By // No comments :
Hi friends in this post I am sharing about ngclick in angularjs. And also how to run in notepad.Kindly read tis post if you want run angularjs in notepad.


angularjs-ng-click




A controller is a JavaScript Object, created by a standard JavaScript object constructor.To control and also to initiate a function work in the angular js applications, controllers are used.
And to name this controller ng-controller directive is used.The controller now starts to work with an object $scope.$scope is used to mention the variables and to perform function process, where variables is a value that can be changed according to the  needs of a program.Now this variable which is in the function  is called by ng-click ngclick is an html event in Angular js. ngclick is used to make an click event.And it performs the task as per the  given data's.

  • If you learned how to run angular js local ,then proceed to the next steps.In the img.html file copy and paste below code and remove if any old codes written.
<html ng-app>
  <head>
    <title>Tecinfoweb:AngularJS ng-click concept </title>
    <script src="angular/angular.min.js"></script>
  </head>
<style>
</style>
<h1 >TECHINFOWEB</hh1>
  <h3>AngularJS ng-click using notepad</h3>
<body>
<h3>Example:</h3>
  <div  ng-controller="techinfowebcontroller">
<button  ng-click="techinfowebclick = techinfowebclick + 1">Click here!</button>
<p>{{ techinfowebclick }}</p>

</div>
<script>
function techinfowebcontroller($scope) {
    $scope.techinfowebclick = 0;
    }
</script>
</body>
</html>
    In the given example,Angular js calls techinfowebcontroller as it was defined in ng-controller directive. The "tecinfowebcontroller"(we can also call whole techinfowebcontroller function  as "controller file"). Now this techinfowebcontroller starts to work with an object $scope.$scope is used to mention the variables and here the variable is  techinfowebclick = 0;Now this value=0 will be submitted wherever it is called.Here the button have ng-click and ng-click ="techinfowebclick = techinfowebclick + 1".Now value=0 submitted.And if a click process occurs then "techinfowebclick = 0+ 1" whic is equal to 1.Now this value=1 will be displayed in <p>{{ techinfowebclick }}</p> where {{ techinfowebclick }} is a data binding expression which used to display the data.The value will increment by 1 when next click occurs.Thus for each  click the value will be incremented 1.
    Demo:

    ng-click-demo

    top 5 domain name blogs to get information on domains

    By // No comments :
    Hi friends, in this post I am sharing about top domain blogs to get information about domain sales,domain investing and all information about domains.Choosing a good domain name is also a one of the way to get more visitors.And if you are a complete newbie and want to enter in domain name field,then this post is definitely for you.




    top-domain-blogs
    What you will get information from these domain blogs?
    • History about domain name
    • Basic information on domain names
    • Domain name brokers who is performing a tremendous role in domain sale industry like a medium between a buyer and a seller.
    • To find a owner of the domain
    • To get a expired domain name.
    • About domain parking concept.
    • Get information about domain brokerage another important role in this industry.
    • Payment methods like escrow and how to successfully transact though this method.
    • Weekly domain sales information.
    And more….

    DNjournal
    Ran jackson (best domain blog 2013 award winner) and Ari Goldberger are the person behind the success of dnjournal. Domain Name Journal is an Internet Edge, Inc. company. Internet Edge, Inc. is a Florida corporation founded in 2000 that is focused on web publishing, domain sales and monetization.

    domainsherpa
    Michael Cyger was founder of domain sherpa. Domain sherpa has a lot of information's in domain names .They also give sometimes domain interviews pdf,audios in mp3 format and some times videos also.
    Why they  chosen domain sherpa name?
    Domain sherpasays,
    The term Sherpa is used to refer to a people who are employed as guides for mountaineering expeditions in the Himalayas, particularly Mt. Everest. They are world-renowned and regarded as elite mountaineers and experts with respect to all facets of mountaineering.
    We at DomainSherpa know that understanding the convoluted and sometimes clouded world of domain names can seem like a perilous journey at times. We also know that there are many ways to get “injured.” However, we promise to provide the resources, guidance and advice you need to successfully reach your domain name goals. That’s our promise.
     
     
    domaininvesting
    Elliot Silver was founder of domain investing blog.Initially Elliot Silver started his domain blog with the name of Elliot’s Blog in the year 2007.Elliot’s Blog was also voted best Domain Blog in the year 2008.Elliot’s Blog rebranded to DomainInvesting.com in October of 2013.And it is also favorite for domain information which you cannot miss it.Also In 2008, Elliot founded Silver Internet Ventures, LLC, an Internet media company whose developed web properties include Lowell.com, Dreidel.com, and TropicalBirds.com. In 2013, the company sold Burbank.com, a website it launched in 2008


    domainnamewire
    Andrew Allemann is the editor of domain name wire where Jospeph Peterson wrote on expired domains.Topics are relevant for domain name owners, intellectual property attorneys, trademark lawyers, domain registrars, domain services companies and anyone interested in the domain name industry.

    domainshane
    They say about them as,
    DomainShane was founded in 2009 and is a blog that talks about domains from the views of normal working guys.  We may have day jobs but we make full time profits buying and selling names and building sites. This blog is our journey and we welcome all to come along for some good stories, good laughs, and occasionally good information.



    best screen recorder free softwares to save as animated gif

    By // No comments :
    Hi friends,in this post I am sharing about free screen recorders and the most important features here is we can save the recording in animated gif.So we can place these images in a website (or) blog with less size.Eventhough microsoft expression encoder available, it is more time consuming process when a demo explanation is just for some seconds.First you have to convert in supported formats and uploading which is a main problem .Because for a ten seconds you have to upload the video which are in megabyte size.Next you have to embed and have to put in right place .  All of the softwares given below supports in windows7 and also in some other operating system .


    best-screen-recorder

     
    Screen to gif
    Screen to gif is a free software which helps to save as animated gif which you have recorded.Size will be ~800 kb in zip format.When extracted size will be ~8MB.
    Screen to gif says they have the features of,

    Record your screen and save directly to a gif looped animation.Pause and continue to record.Move the window around to record what you want.You can add Text, Subtitles and Title Frames.Edit the frames, add filters, revert, make yoyo style, change frame delay, add border.Export frames.Crop and Resize.You can work even while the program is recording.Remove frames that you don't want.Select a folder to save the file automatically or select one before encoding.Add the system cursor to your recording.

    Gif cam
    Another free software which records and save as animated gif.Actually it is one of a bahrain apps blog.Gifcam also have an option to export as avi format.Size will be ~700 kb in zip format.When extracted size will be ~1.7MB.
    Some of the tips provided by gifcam are,

    When recording a video select high quality option that will generate a wider
    green screen and reduce gif size.The less color the gif has the less  gif size you get, try to balance the quality with the size.“Delete even frames” is your tool to delete half the frames and keep the
    animation (reasonable).Add to this GifCam doesn’t draw the whole frame it draws greenscreen (transparent pixels) by comparing the alternately frames and just draw the different pixels, that saves a lot of kilobytes.
    I kindly recommend to download this software from the above link mentioned.So you can avoid unnecessary adware , malware.

    Licecap
    Licecap is used to record  an area of your desktop and save it directly to .GIF .Size will be ~300 kb in exe format.
    Licecap supports operating systems Windows XP/Vista/7.Unfortunately licecap is not available in other systems.Features said by licecap will be,

    Record directly to .GIF or .LCF.Move the screen capture frame while recording.Pause and restart recording, with optional inserted text messages.Global hotkey (shift+space) to toggle pausing while recording.Adjustable maximum recording framerate, to allow throttling CPU usage.Basic title frame, with or without text.Record mouse button presses.Display elapsed time in the recording.

    One of the top blogger ,also said that he is using licecap to make demos in his blog.

    What is css clear property?

    By // No comments :

    Hi friends,in this post I am sharing css clear property .We are using float property to move an image(or) text from  right or left according to our needs in an element.But the problem is ,this float property also consider the other elements and cause floating.To avoid this floating to other elements , we have to use the clear property.

     

     

     

    css-clear-property

     

     

     

    Let we consider with an example.Create a .html file using notepad then copy and paste the below code.I have save the file name as agh.html

     

     

    <html>
    <style>
    .agh{
    float:left;}

    </style>
    <body >
    <div class="agh">
    <h1 >Techinfoweb</h1>
    <h1 >Techinfoweb</h1>
    <h1 >Techinfoweb</h1>
    <h1 >Techinfoweb</h1>
    <h1 >Techinfoweb</h1>
    </div>

    </body>
    </html>

    The output will be

     

    css-float

    • Now I am adding another div element.Now copy and paste the below code in html file.
    • <html>
      <style>
      .agh{
      float:left;}

      </style>
      <body >
      <div class="agh">
      <h1 >Techinfoweb</h1>
      <h1 >Techinfoweb</h1>
      <h1 >Techinfoweb</h1>
      <h1 >Techinfoweb</h1>
      <h1 >Techinfoweb</h1>
      </div>
      <div >
      <h1 >Techinfoweb</h1>
      <h1 >Techinfoweb</h1>
      <h1 >Techinfoweb</h1>
      <h1 >Techinfoweb</h1>
      <h1 >Techinfoweb</h1>
      </div>
      </body>
      </html>

      Now the output will be like below.And this is the problem since we have not given any class to the next div element.But it also consider the float property in for the next div element.

     

    css-without-clear-property

     

    • Here ,we are using the clear property in css.Now copy and paste the below code in html file.

    <html>
    <style>
    .agh{
    float:left;}

    .ahh{clear : both;}

    </style>
    <body >
    <div class="agh">
    <h1 >Techinfoweb</h1>
    <h1 >Techinfoweb</h1>
    <h1 >Techinfoweb</h1>
    <h1 >Techinfoweb</h1>
    <h1 >Techinfoweb</h1>
    </div>
    <div class=”ahh”>
    <h1 >Techinfoweb</h1>
    <h1 >Techinfoweb</h1>
    <h1 >Techinfoweb</h1>
    <h1 >Techinfoweb</h1>
    <h1 >Techinfoweb</h1>
    </div>
    </body>
    </html>

    Output will be like below,

     

    css-with-clear-property

    run angularjs locally in browser using notepad

    By // No comments :

    Hi friends in this post I am sharing about angular js . Angular js is actually a javascript framework and used to declare dynamic views in web-applications ,especially useful for single page applications.Angular js was initially an idea of an google employee and after some years google made a development team and released officially.Now I am explaining how to learn offline using notepad which also reduce net cost.

     

    run-angularjs-in-notepad

    • First goto angularjs.org.and click the download button.

     

    angularjs-website

     

    • Now a popup window appears and asks to download the file.I recommend to choose legacy and click zip format and finally download.I tried minified but it was not worked for me.So i recommend to download zip format.Size will be ~8.2MB.

     

     

    download-angularjs

     

     

    • I have downloaded angular-1.2.26 .First extract it and get the angular-1.2.26.

     

     

     

    extract-angularjs-folder

     

     

     

    • Now create another folder and name it as “img”.Move the angular folder-1.2.26 to img folder.

     

    move-angularjs-folder-to-img-folder

     

     

     

      • Now rename angular-1.2.26  to angular folder.

     

     

    rename-angularjs

     

     

    • Create a img.html file using notepad ,copy and paste the below code in img.html file.Be sure this html file should be in img folder.Mention the file path correct .File path should mention for the angular.min.js . Highlighted yellow color is very vey important.

     

    <!DOCTYPE html>
    <html ng-app>
      <head>
        <title>A simple introduction to AngularJS - Part 2</title>
        <script src="angular/angular.min.js"></script>
      </head>
      <h3>AngularJS using notepad</h3>
    <body>
    <label>Example:</label>
      <input type="text" data-ng-model="techinfoweb" />
    {{techinfoweb}}


    </body>
    </html>

    Now run img.html in browser and you will get the output like below.

     

     

     

    angularjs-demo

    Skitch-a free screen capture and annotation tool

    By // No comments :

    Hi friends,in this post I am sharing a wonderful free software which can be used to took screen capture and to annotate .highlight and adding shapes to images.Size of the file is `35MB.And this is absolutely free!!!!.Skitch is one of the product of evernote. Eventhough skitch looks like simple software ,it will give a professional look to the image.Screen capture another facility provided by this software.As an extra option you can import image from desktop to skitch and you can add your necessary shapes.Skitch supports on most of all devices(computers and mobiles).

    Visit site

     

    skitch-free-screen-capture-annotate-tool

     

    Tools in skitch

    • Arrow tool
    • Text tool
    • Pen tool (normal pen, highlighter pen)
    • Stamp tool
    • Pixelate tool
    • Crop and resize tool
    • Marker tool
    • Rectangle tool ,Rounded tool,Ellipse,Line

    Workspace of skitch

     

     

     

      skich-workspace

    Css image opacity

    By // No comments :

    Hi friends in this post I am sharing about css image opacity.Css image opacity is used to make images transparent.

     

     

     

    css-image-opacity

     

     

     

    Copy and paste the below code in notepad and save in”.html” format(be sure you have added an image from your pc and replace path in yellow highlighted color) and open with browser.For internet explorer , we are using filter: alpha(opacity=40); .If filter: alpha(opacity=0); the image will be more transparent.

    If filter: alpha(opacity=100); the image will not have a transparent effect.Like the same for “opacity:0.4;” the image transparent will be more when it is “opacity:0.1;” .And the image will not have transparent effect when it is “opacity:1.0;” .

     

     

    <style>

    img{
    opacity: 0.4;
        filter: alpha(opacity=40);
    }
    img:hover{

    opacity: 1.0;
        filter: alpha(opacity=100);
    }
    </style>
    <body>

    <div>
    <img src="D:/desk/pencil-icon.png" width="auto" height="auto">
       

    </div>
    </body>

    Image with transparent effect (when opacity is 0.4):

     

     transparent-image

    Image with no transparent effect (when opacity is 1.0):

     

    image-with-no-transparent-effect