Thoughts for Javascript Frameworks

by ALKAL on August 1, 2014 , No comments

Generally speaking, Javascript framework is the set of pre-written Javascript code that helps developers to create easier Javascript based applications. Using a framework, apps development becomes much easier using same blocks of code rather than to write the same line of code each time individually.

There are plenty of Javascript frameworks (and their communities respectively), which can be found anywhere on the web with having different type of working capabilities, according to the situation where they have been used. The selection of the best (and suitable) framework is really a tough job and it also requires the complete knowledge about the language so that one can find really useful stuff. Here [Comparison of JavaScript frameworks] you can find an extended analysis about of the most well-known Javascript frameworks.

Some of the most usage Javascript frameworks are Backbone, Ember.js, and Angular.js. Earlier today, I read the following interesting comment and I think that it was a nice food for thoughts and search about the weekend!

[Source of comment]

Continue reading >>
ALKALThoughts for Javascript Frameworks

Bootstrap Multiple Expand/Collapse

by ALKAL on July 25, 2014 , No comments

Bootstrap is a well-known front-end framework giving a collection of useful tools for creating websites and web applications.

To this article, I present a custom jquery script which based on the given Collapse script and actually it is extended with a “famous” feature expand all/collapse all. Additionally, user can expand/collapse every panel without affecting some of the rest panels.

You can test and use it here

Bootstrap Expand Collapse

Continue reading >>
ALKALBootstrap Multiple Expand/Collapse

An Overview of Responsive Web Design: From Theory to Practice

by ALKAL on February 21, 2013 , No comments

responsive-web-design-tutorialIt is commonly known that the shift to mobile devices is happening at an extraordinary speed and smartphones and tablets revolution brings new features to the web development. As a million screens have bloomed, there is the need to create websites and services that work equally well on every device.

As a result, a new tactic called “Responsive Web Design” was raised. Ethan Marcotte started the responsive web design trend back in May 2010. He wrote an article about the need for a more flexible approach to web design, “Responsive Web Design”, for A List Apart. Put simply, Responsive Web Design is about adjusting layout based people’s various screen resolutions, using “media queries” to figure out what resolution of device it’s being served on. It can be argued that, responsive design personalises layout more than content and adjusts to the device more so than the person.

At this point, it is needed to be referred that some people have begun to conflate responsive design with the broader concept of personalisation. Personalisation is really just an umbrella concept in which responsive design represents one tactic. Nearly any piece of data that can communicate any context about the user or her environment can be used to personalise an experience. Other tactics include geotargeting (Yelp), autocomplete (Google), collaborative filtering based recommender systems (Amazon, Netflix) and behavioral targeting (interest based advertising) (Bluekai, DoubleClick).

All the above was only the theory… in this post also an example is provided, which is based on HTML5 and CSS3 standard, using also the jquery scripts Modernirz and FitVids. More specifically:

  • Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser, mainly works well with IE9 which not support the CSS3 @media property.
  • FitVid, a jQuery plugin for fluid width video embeds.

Finally, you can check more than 60 responsive web design tutorials as a kick-off to learn and create your personal responsive website or application.

Reference: .Net, Mashable, TripwireMagazine

Continue reading >>
ALKALAn Overview of Responsive Web Design: From Theory to Practice

11 Simple Concepts to Become a Better Leader

by ALKAL on January 29, 2013 , No comments


1. Listening: “When people talk, listen completely. Most people never listen.” – Ernest Hemingway

2. Storytelling:“Storytelling is the most powerful way to put ideas into the world today.” – Robert McAfee Brown

3. Authenticity: “I had no idea that being your authentic self could make me as rich as I’ve become. If I had, I’d have done it a lot earlier.” – Oprah Winfrey

4. Transparency: “As a small businessperson, you have no greater leverage than the truth.” – John Whittier

5. Team Playing: “Individuals play the game, but teams beat the odds.” – SEAL Team Saying

6. Responsiveness: “Life is 10% what happens to you and 90% how you react to it.” – Charles Swindoll

7. Adaptability: “When you’re finished changing, you’re finished.” – Ben Franklin

8. Passion: “The only way to do great work is to love the work you do.” – Steve Jobs

9. Surprise and Delight: “A true leader always keeps an element of surprise up his sleeve, which others cannot grasp but which keeps his public excited and breathless.” – Charles de Gaulle

10. Simplicity: “Less isn’t more; just enough is more.” – Milton Glaser

11. Gratefulness: “I would maintain that thanks are the highest form of thought, and that gratitude is happiness doubled by wonder.” – Gilbert Chesterton





Continue reading >>
ALKAL11 Simple Concepts to Become a Better Leader