HTML5 mobile app

I tried to develop an mobile app using HTML5 on Intel SDK. The app is quite ok on my old mobile phone a Samsung 6 years old. But on my actual phone which is an Nexus 5 the app has the font too small and the images are too small, as  well. So, I started to a lot of documentation on internet and I had to accumulate a lot of frustration with it. Nothing to help me, indeed. A lot of solutions consisting in modifying css to build 2 or 3 files for css just to increase the font when you have high density of pixels as for Retina display.
But, some of the solutions were with  viewport solution. But most of them haven't work for me.
And, after 3 day research I found something that helped me.

This page helped me: http://ariya.ofilabs.com/2011/08/mobile-web-logical-pixel-vs-physical-pixel.html
But they have something wrong in their code. So, I had to modify this to work well for me.

For Android, we apply the density DPI approach and now it becomes:

Here I had to modify like this:

2 maximum-scale=2 user-scalable=no”> 

And, also, I had to use this javascript function at onLoad body:

function schimbaPixelii(){

    var el, width, height;

    if (window.devicePixelRatio === 1) {

    if (window.innerWidth === 2 * screen.width ||

        window.innerWidth === 2 * screen.height) {

        el = document.getElementById('viewport');

        el.setAttribute('content', 'width=device-width, target-densityDpi=device-dpi ' +

            'initial-scale=1, maximum-scale=1, user-scalable=no');

        document.head.appendChild(el);

        width = window.innerWidth;

        height = window.innerHeight;

        if (width === 2 * screen.width) {

            width /= 2;

            height /= 2;

        }

    }

}

}

New forum

Starting today, the coders has a new forum for their comunnication. Here we are:
coderstalk.co.cc

It is structurated by software domains: PHP, ASP, .NET, C#, Databases and HTML&CSS.
We are 4 people which will respond for every question.

The website is based on the SMF Simple Machines Forum.

Design stuffs

Boxes, html, free .psd:

http://www.design3edge.com

IE7 Preview for developers

Last 2 weeks I've tried to repair the css styles for a web app which must be opened with Internet Explorer 7.0

Now I use Windows 7 and IE10. So, for debug my webpage in IE7.0 I've used IETester.

Now, I founded a new app which is just trial for 60 days (unfortunatelly). This application is:
Microsoft Expression Web4 SuperPreview. I've downloaded from here:
http://www.microsoft.com/expression/try-it/Default.aspx

And looks like:

UPDATE: Now I can use this: http://browsershots.org/

New project

Today, we lance a new project. It is BETA version. But the website is Up. It's about http://www.dentaldirectorylinks.com. It is a link directory with/for dentists and dental network in the world.

It's all withh html, css javascript, jQuery, Mysql and PHP.

Learn How to Install Joomla on Your Website in Less Than 5 Minutes

You can learn how to install Joomla on your website in a number of ways. However, the simplest and by far, the quickest is through Fantastico. This usually takes about 1-2 minutes once you know how. In this article, we are going to cover just that.

So, here is the step by step process for installing Joomla on your own website.

1. Log in to your hosting account's Control Panel. This should usually be http://www.mydomainname.com/controlpanel, where 'mydomainnane' is replaced your own website that is hosted on that hosting account.

2. Look for the smiley icon that says "Fantastico" and click on it. This is where you will be installing the Joomla package from. Note that Sometimes, it may say "Fantastico De Luxe." Don't worry it is the same thing. Much like saying "my room" and "my bedroom" ;)

3. Look for "Joomla" under the "Content Management" category of scripts in Fantastico and click on it. Also, note that the title 'Joomla' may sometimes have some numerical suffixes showing which version it is. For example, the title may read "Joomla 1.5" for version 1.5 of the CMS. Just click on the most recent version and go to the next step.

4. Look for the hyperlinked blue "New Installation" link and make sure you have at least as much as the minimum disk space required for you to install Joomla on your website. This is usually about 25 MB of disk space.

This is not usually
a problem, with most people's disk space running into the tens of gigabytes. But it is still good to make sure you have enough to hold a new Joomla installation.

5. Choose where on your website you want to install Joomla. Will it be on your main domain, an existing sub-domain or a new not-yet-existing sub-domain or directory? Indicate it in this part of the installation process.

6. Fill out other required fields that are required to smoothly install Joomla on the site. This includes creating an Admin username and password. Don't choose 'Admin' and 'password' as your username and password. Many people do this and have been hacked. Also, fill out the site name or main keyword, email address and other details here.

Then click the "Install Joomla" button.

7. On the next page, make sure that all the needed information is correct. Also, note down your Admin username, password and backend page (the one that ends with /administrator).

Finally, hit that "Finish Installation" of a button.

Voila! You have just learned how to install Joomla on your website. This should usually take only 1 or 2 minutes at most. After all, all you are doing is just hitting buttons, except for when choosing a username, etc.

If it still sounds a little like "nerd talk" (with all due respect to all the nerds out there ;) ), you can watch the video version of this article where you see the Joomla installation done live on the screen and see if you can learn how to install Joomla after that.

CSS vs. tables in HTML

An Interesting article about css with css vs. table:
http://esitesecrets.com/articles/1667/1/CSS-Layouts-Vs-Table-Layouts-Which-One-is-Better/Page1.html

In last 2 years I have used HTML with css table-less because more people which asking me for HTML slicing to NOT use tables. And I do  that....

Textarea in Chrome and Safari

OhOhOhoooo!!!.. how long time have past from my last post!!!

Anyway, today I have one more problem with .css styles. For example, the textarea in Chrome and Safari. As you know, in Chrome you can drag the right-bottom corner of a textarea and resize it. But I have need of textarea element who cannot resize. So,
i put in css styles this:


height: 77px !important;   
width: 330px !important;
                          
And, after that, I have discovered this:
resize: none; /* just for Chrome and Safari */