Tagged: web 2.0 Toggle Comment Threads | Keyboard Shortcuts

  • Subinkrishna Gopi 10:47 am on October 6, 2009 Permalink |
    Tags: , , , , , , web 2.0   

    Todays read: Mastering CSS Coding 

    Mastering CSS Coding: Getting Started

    An amazingly simple and useful article from Smashing Magazine.

    CSS has become the standard for building websites in today’s industry. Whether you are a hardcore developer or designer, you should be familiar with it. CSS is the bridge between programming and design, and any Web professional must have some general knowledge of it. If you are getting your feet wet with CSS, this is the perfect time to fire up your favorite text editor and follow along in this tutorial as we cover the most common and practical uses of CSS.

    Read it here: http://www.smashingmagazine.com/2009/10/05/mastering-css-coding-getting-started/
    Follow them in twitter

    Advertisements
     
  • Subinkrishna Gopi 11:39 am on July 9, 2009 Permalink |
    Tags: , bbc, frameworks, glow, , web 2.0   

    Todays read: BBC Glow 

    “Ouh, shiny! BBC’s Glow is finally out”

    I found this article in ajaxian.com. Read the article here.

    This article is about a new JavaScript framework recently open sourced by BBC. BBC Glow. BBC uses this framework in their websites. It’s too early for me to say whether this is a cool stuff to work with. Anyways you can try to make your hands dirty with “Glow”. Have a nice “Glow” time.

    bbc_glow

    What is BBC Glow?
    Glow is a JavaScript library which aims to make working with JavaScript and the DOM easier. It tries to do this by abstracting common tasks, hiding cross-browser issues, and providing a set of user interface widgets.

    Source: http://www.bbc.co.uk/glow/

    BBC Glow is free and open source.

    Download Glow
    Download source

    Related links
    What is Glow?
    Getting started
    More documentation

     
  • Subinkrishna Gopi 1:55 pm on June 16, 2009 Permalink |
    Tags: , , , obfuscation, , web 2.0   

    JavaScript Obfuscation 

    What is an obfuscated code?source Wikipedia
    Obfuscated code is source code in a computer programming language that has been made difficult to understand. Programmers may deliberately obfuscate code to conceal its purpose (a form of security through obscurity), to deter reverse engineering, or as a puzzle or recreational challenge for readers. Programs known as obfuscators transform human-readable code into obfuscated code using various techniques.

    JavaScript obfuscation: Why & why not
    An obfuscated JavaScript code can help us in many ways – reduce the download time, more optimization and a fair amount of encryption. At the same time it got some serious disadvantages too – understandability is a distant dream where there is no readability.

    JavaScript obfuscation: How

    Try this piece code:

    // Get the value of all the form fields as a string
    function getFormParametersAsAString(aWebForm)
    {
     var inputs = aWebForm.getElementsByTagName('input');
     var formParameters = '';
     var anInput;
    
     if (inputs)
     {
       for (i = 0; i < inputs.length; i++)
       {
         anInput = inputs&#91;i&#93;;
         if (anInput.name && (anInput.name.length > 0) &&
            ("submit" != anInput.type) && ("reset" != anInput.type))
            formParameters += anInput.name + '=' + encodeURIComponent(anInput.value) + '&';
       }
     }
     return (formParameters);
    }
    

    And the obfuscated version:

    var _0xf8b7=["input","getElementsByTagName","","length","name","submit","type","reset","=","value","\x26"];
    function getFormParametersAsAString(aWebForm){var inputs=aWebForm[_0xf8b7[1]](_0xf8b7[0]);
    var formParameters=_0xf8b7[2];var anInput;if(inputs){for(i=0;i<inputs &#91;_0xf8b7&#91;3&#93;&#93;;i++){anInput=inputs&#91;i&#93;;
    if(anInput&#91;_0xf8b7&#91;4&#93;&#93;&&(anInput&#91;_0xf8b7&#91;4&#93;&#93;&#91;_0xf8b7&#91;3&#93;&#93;>0)&&(_0xf8b7[5]!=anInput[_0xf8b7[6]])&&(_0xf8b7[7]!=anInput[_0xf8b7[6]]))
    {formParameters+=anInput[_0xf8b7[4]]+_0xf8b7[8]+encodeURIComponent(anInput[_0xf8b7[9]])+_0xf8b7[10];} ;} ;} ;
    return (formParameters);} ;
    

    Made using http://www.javascriptobfuscator.com/

    You can try these obfuscators
    http://www.javascriptobfuscator.com/Default.aspx
    http://www.jasob.com/
    http://ajaxian.com/archives/utility-javascript-obfuscator – It’s Java based. Download the obfuscator Jar file

    References:
    http://en.wikipedia.org/wiki/Obfuscated_code

     
    • Subinkrishna G 2:16 pm on June 16, 2009 Permalink

      JavaScript obfuscation can really help us if we have huge chunks of code to be loaded and the time need to be minimized. It can really help in reducing the code size where we use lot of string constants and can make the code more optimized. Again, everything depends on the obfuscator.

  • Subinkrishna Gopi 10:32 am on February 18, 2009 Permalink |
    Tags: , , , , photography, , , web 2.0   

    Today’s read: noobr 

    noobr

    noobrThe Ultimate Resource for noobs. Always – is an aggregator with daily updates of design trends, great design portfolios, young design bloods, photography, fashion etc.

    This is a very new venture and in its early stages. I got the reference from Smashing Magazine. And it is very much like smashingmagazine.com but far behind in terms of content and it’s quality.

    In noobr, there are a couple of links for the “serious” blogger.
    10 excellent WordPress themes (premium)
    12 free WordPress themes (premium)

    Have a nice read.

     
  • Subinkrishna Gopi 10:13 am on January 22, 2009 Permalink |
    Tags: , , , , , , , web 2.0,   

    Tips – Web UI Design 

    Smashing Magazine planet-ajaxian-small

    I’ve been a huge fan of “simple web design” & usability. And I’m a regular reader of Smashing Magazine & Ajaxian. Today I got a chance to walk thru a couple of very nice articles – “12 Useful Techniques For Good User Interface Design” & “10 Useful Web Application Interface Techniques” in Smashing Magazine.

    More and more applications these days are migrating to the Web. Without platform constraints or installation requirements, the software-as-a-service model looks very attractive. Web application interface design is, at its core, Web design; however, its focus is mainly on function. To compete with desktop applications, Web apps must offer simple, intuitive and responsive user interfaces that let their users get things done with less effort and time.

    In the past we didn’t cover web applications the way we should and now it’s time to take a closer look at some useful techniques and design solutions that make web-applications more user-friendly and more beautiful. This article presents the first part of our extensive research on design patterns and useful design solutions in modern web applications. Below you’ll find a collection of 10 useful interface design techniques and best practices used in many successful web-applications.

    Have a nice read.

     
c
Compose new post
j
Next post/Next comment
k
Previous post/Previous comment
r
Reply
e
Edit
o
Show/Hide comments
t
Go to top
l
Go to login
h
Show/Hide help
shift + esc
Cancel