Tagged: javascript Toggle Comment Threads | Keyboard Shortcuts

  • greg 8:29 am on May 4, 2015 Permalink
    Tags: javascript   

    Revealing the Inner Workings of JavaScript’s “this” Keyword 

    To know a programming language doesn’t mean that you understand it or are using it properly. It’s the same with JavaScript. Although it’s an easy language to learn, there are many pitfalls for novices, and even for seasoned programmers.

    One thing that confuses inexperienced developers is how the this keyword works. Put simply, this is a referencing alias—it’s just knowing what exactly it references, that is the tricky part.

    This article aims to dispel the confusion and offer an insight into the inner workings of the this keyword.

    Revealing the Inner Workings of JavaScript’s “this” Keyword

    JS Bin

     
  • greg 5:55 pm on June 24, 2014 Permalink |
    Tags: , javascript,   

    Checking Media Queries With Javascript 

    With the web being used on so many different devices now it’s very important that you can change your design to fit on different screen sizes. The best way of changing your display depending on screen size is to use media queries to find out the size viewport of the screen and allowing you to change the design depending on what screen size is on.

    read the whole article at Checking Media Queries With Javascript.


    personally, i think this is possibly an excellent way to inject only the needed javascript libraries according to their usefulness. If a particular feature ability isnt used in a certain context, say a Revolution Slider in desktop which isn’t used in tablet or mobile… don’t load that library unless you have to!

     
  • greg 9:29 am on February 28, 2014 Permalink |
    Tags: javascript,   

    jQuery is a fantastic library for designing and developing user interactions quickly. Whether it’s an image gallery or form, content-revealing animation or an explosion effect, the library provides the core building-blocks to allow you to rapidly prototype and deliver a unique user interface with the minimum of code and effort.

    This presents an interesting question, however. Just because you can roll your own solution to any given problem, does that mean you should? Of course not! There’s absolutely no need to reinvent the wheel every time you want to create a bit of common functionality; use plugins to instantly add a behaviour. Doing so will save you even more time and effort! Here’s a nice new list.

    The top 20 jQuery plugins | jQuery | Creative Bloq.

     
  • greg 9:17 am on October 22, 2013 Permalink |
    Tags: javascript   

    The definitive source of the best JavaScript frameworks, plugins, and tools

    check out  JSDB.io – The Database of JavaScript Libraries.

     
  • greg 10:17 am on October 21, 2013 Permalink |
    Tags: javascript,   

    For websites using progressive enhancement or responsive techniques it’s often useful to get track of the viewport-width in JavaScript, e.g. for loading images in different resolutions with ajax. While it’s easy in CSS3 to change styles for different desktop resolutions based on media queries, JavaScript just offers approaches like window.clientWidth() to determine the width. Which doesn’t give you nice “breakpoints” of media queries. To couple JavaScript with CSS3 settings Emil Björklund proposed to use the content element of an :after pseudo-element.

    http://tech.particulate.me/javascript/2013/10/10/how-to-conveniently-check-for-responsive-breakpoints-in-javascript/

     
  • greg 3:00 pm on November 16, 2012 Permalink |
    Tags: , javascript   

    The problem is as old as forms on the web are. The longer the form, the bigger the problem, potentially. The problem I’m talking about is one you have encountered more than once in your digital lifetime. It uses to occur only after filling out the most complex forms or while you are in a hurry and just wanted to submit this order you promised your wife to place today. There it is. Submission fails, the browser tab closes accidentally, for some reason you press F5 or whatever monkey business you achieve to perform. Result: the form is empty again, you are back to zero. The plugins for jQuery we have for you today, promise to avoid running into a situation like this ever again.

    Garlic.js and Sisyphus.js: Save The Content Of Your Form To LocalStorage

    If you run an ecommerce site you are aware of the problem. If potential customers have to fill in forms over and over again they will more likely than not lose their desire to buy. In other words: They will leave their shopping carts right in the middle of your warehouse and head for the door.

    This effect is not limited to shoppers, of course. Every net citizen will have encountered the effect of having to fill in this large form yet again, I know I had to dozens of times. It is not always due to the disability of your fingers. Web designers have their fair share too.

    Garlic.js and Sisyphus.js, two relatively fresh plugins for jQuery promise to be the solution. While Sisyphus.js is the older and more mature project, Garlic.js sees a lot of attention these days, as it is brand-new and backed by an ambitious developer open to suggestions and discussions in general.

    via Garlic.Js and Sisyphus.Js: These jQuery Plugins Store Form Values With HTML5 LocalStorage – noupe.

     
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