Categories
Uncategorized

Thinking, the right way

Your ads will be inserted here by

Easy Plugin for AdSense.

Please go to the plugin admin page to
Paste your ad code OR
Suppress this ad slot.

Introduction

To come up with a new idea 💡 or finding a solution for a problem ✓, you start thinking 🤔. Most of time, you end up with a dead-end without coming up with an idea or a solution.

Let’s try to go through the following example to know what’s happening, then we get to know how to solve the problem.

Example of bad thinking

Let’s make an idea of business about selling water bottles.

Green 🟢 – Red 🔴 Thinking

When you first think about the idea mentioned above, you would say: why this idea? many are doing that. 🔴
Ok, but I might make new product ideas 🟢
Hmm, but ideas might not be accepted. 🔴
But also, I can make the prices affordable. 🟢
I don’t know, it not seems to be a good idea. DEAD

This is the waterfall of thinking. Green for ideas, Red for blockers and problems. Then the whole idea is Dead.

Your ads will be inserted here by

Easy Plugin for AdSense.

Please go to the plugin admin page to
Paste your ad code OR
Suppress this ad slot.

Then we can say: Green, Red … Green, Red … Green, Dead.

How to solve that

The optimal way to think is to collect all the ideas before validating them. I mean collect them without think of they are feasible or not.

After you collected your list, then you start to look at them again and think:
What is not feasible? Can I merge/combine non-feasible ideas to make a new idea?

Now, shortlist your collection. Then do it again, till you have ONE or few ideas to make.

Conclusion

Never say no to any idea. Collect them all then start combining, filtering and reviewing them. You will get a better picture.

Credits
Background vector created by rawpixel.com – www.freepik.com

Categories
Browsers CSS DHTML Free Stuff HTML Java Script Jquery Misc Mobiles Uncategorized Web & Programming Web Browsers XHTML

Drag and Drop with jQuery for Touch Devices


Your ads will be inserted here by

Easy Plugin for AdSense.

Please go to the plugin admin page to
Paste your ad code OR
Suppress this ad slot.


In the last post: Drag and drop with HTML5, i explained how to drag and drop using HTML5 and Javascript (jQuery). I mentioned that touch devices such as iPhone, iPad, BlackBerry, Samsung…. etc, does not support HTML5 Drag and Drop features.

Now, in this post, i want to explain how to make Drag and Drop possible for all devices. Before we start, you must know that it’s all about Javascript..  And i will use jQuery library while i am familiar with it and it simplifies writing javascript.

Categories
Uncategorized

Make your website faster with Google tips

Inside the Let’s make the web faster website, Google is sharing the tips & tutorials for better performing web pages like: HTTP Caching, PHP performance, Javascript optimization and more.

Besides the articles, It is possible to reach videos of speeches by several organizations on website performance.
Also, links to various tools for the issue provided & a large community discusses the subject continiously.

google mod_pagespeed

Categories
Uncategorized

Top 5 jQuery image galleries

This article is old. Please view 10 top jQuery plugins for images in 2011

I have collected some jQuery image galleries for you to choose your preferred one. Each one is working in different way than the other.
Here is the list of the top 5 jquery image galleries:

Categories
Uncategorized

Image lightbox (imageflow) and image enlargement with Jquery

While I was looking for a way to make a good lightbox with Javascript, I found a better way to do that. A simple code with a absolute result.

I used many ways to create this lightbox or as some people call “Image Flow”, but this way is a better way in my openion.
I used Jquery plugin and generated some code to get a great result.

Here is the explanation and the demo code for this script:

Categories
Uncategorized

Learn AJAX, AJAX tutorial

What’s AJAX?

AJAX (Asynchronous JavaScript and XML) is a newly coined term for two powerful browser features that have been around for years, but were overlooked by many web developers until recently when applications such as Gmail, Google suggest, and Google Maps hit the streets.

The two features in question are that you can:

  • Make requests to the server without reloading the page
  • Parse and work with XML documents

Step 1 – say “Please!” or How to Make an HTTP Request

In order to make an HTTP request to the server using JavaScript, you need an instance of a class that provides you this functionality. Such a class was originally introduced in Internet Explorer as an ActiveX object, called XMLHTTP. Then Mozilla, Safari and other browsers followed, implementing an XMLHttpRequest class that supports the methods and properties of Microsoft’s original ActiveX object.

As a result, in order to create a cross-browser instance (object) of the required class, you can do:


if (window.XMLHttpRequest) { // Mozilla, Safari, ...
http_request = new XMLHttpRequest();
} else if (window.ActiveXObject) { // IE
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}

(For illustration purposes, the above is a bit simplified version of the code to be used for creating an XMLHTTP instance. For a more real-life example, see step 3 of this article.)

Some versions of some Mozilla browsers won’t work properly if the response from the server doesn’t have an XML mime-type header. To satisfy this, you can use an extra method call to override the header sent by the server, just in case it’s not text/xml.


http_request = new XMLHttpRequest();
http_request.overrideMimeType('text/xml');

Categories
Uncategorized

Web browsers, Known and unknown browsers.

There are more browsers than you are aware of. Apart from Firefox, Opera and Internet Explorer there is a number of promising alternatives which can improve your flexibility, increase your productivity and enrich your browsing experience.

In fact, there are over 100 existing (although not widely used) browser applications. Most of them make use of the rendering engines Trident (Internet Explorer), Gecko (Mozilla Firefox), WebCore (Safari) and Presto (Opera 7 and above). However, some of them offer large fields for experiments and exploration — e.g. 3D Engines, but also really useful browsers with advanced functionalities such as desktop-tools integration.

Recently we’ve selected over 20 Win/Mac/Linux-browsers, installed most of them, tested them, compared them and now present the results below. Let’s take a closer look at some rather unknown, forgotten, advanced or experimental browsers. What else do we have on the horizon? What should we use? And what might we be willing to use? Apparently, between Firefox, Opera and Internet Explorer there is enough room for creative and unusual approaches.

Categories
Uncategorized

What’s jQuery?

jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. It was released January 2006 at BarCamp NYC by John Resig.

Dual licensed under the MIT License and the GNU General Public License, jQuery is free and open source software.

Both Microsoft and Nokia have announced plans to bundle jQuery[1] on their platforms, Microsoft adopting it initially within Visual Studio[2] and use within Microsoft’s ASP.NET AJAX framework and ASP.NET MVC Framework whilst Nokia will integrate it into their Web Run-Time platform.