suture-thumb

Decrease Page Load Time by Suturing CSS and JavaScript files

While designing a medium-large site, one may require linking to multiple stylesheets and JavaScript files in the head section of HTML document.
Here is a sample HTML document that similarly includes many CSS and JavaScript files

< !DOCTYPE html>
    <html>
        <head>
            <title>My Site</title>
            <link rel="stylesheet" type="text/css" href="path/to/cssReset.css"/>
            <link rel="stylesheet" type="text/css" href="path/to/960framework.css"/>
            <link rel="stylesheet" type="text/css" href="path/to/base.css"/>
            <link rel="stylesheet" type="text/css" href="path/to/navigations.css"/>
                
            <script type="text/javascript" src="path/to/jQuery.js"></script>
            <script type="text/javascript" src="path/to/functions.js"></script>
            <script type="text/javascript" src="path/to/handlers.js"></script>
            <script type="text/javascript" src="path/to/ajax.js"></script>
            <script type="text/javascript" src="path/to/audio.js"></script>
            <script type="text/javascript" src="path/to/script.js"></script>
        </head>
        <body>
            <!-- body content -->
        </body>
    </html>

Read How to Decrease Page Load Time

 
Change Text Selection Background Color using CSS

Change Text Selection Background Color with CSS

Almost all web browsers by default highlight the selected text on a webpage with a light blue background. But did you know that using CSS, you can change the color, background-color or any other CSS property of a selected chunk of text?

You may have seen such effect on several beautifully designed websites and may have wondered how is it achieved.

Read more…

 
DIEthumb

Quick Tip: Prevent listing of files in your site’s sub-directories

If you are using Apache web server chances are that it is configured by default to show an index of available files in a directory if the standard index files; index.php or index.html are not available in that particular directory.

To avoid such behavior and prevent listing of files in a sub-directory of your site, you can of course configure Apache using .htaccess rules but there is an extremely simple solution that works just as well.
Read more…

 
gMap2

gMap 2.0, now with Weather feature, Favorites and full touch support

5 days ago, I uploaded an application for Nokia Belle that displays Google Maps for your current position and places you search for.

That app was very primitive and could not be called a real map application.
Here is a newer completely overhauled version of it in which I have tried to implement as many features of the Google Maps application as possible. Jump to download link.

Features of gMap v2.0

  • Display current position using GPS
  • Full touch panning support
  • Save locations in a favorites list
  • Search for any place on earth
  • Get complete weather information of current place on map
  • Displays distances and direction of places from your current position

Read more…

 
Thumb-gMap

gMap – a subtitute for Google Maps for Nokia Belle fp1 & fp2

UPDATE

gMap version 2.0 has been released with full support for touch, weather tab, favorites option and better UI.
check it out here: dynamicguru.com/symbian/gmap-2-0-now-with-weather-favorites-feature/

Google Maps is still not supported on most Symbian devices running Belle fp1 & fp2.
So I decided to create a simple map application on my own.
This is a very primitive map app that uses the Google Static Maps API and Google Geocoding API.
Though it can not really substitute for Google Maps app, it does fulfill my map needs to a large extent.

Features :

  • Displays current position using in-built GPS
  • Ability to search for places
  • Zoom In/Out
  • Move map using on-screen arrows
  • Displays distance and direction of your current position from the map position

Read more…

 

Round numbers in JavaScript with precision

JavaScript has an inbuilt Math object with several useful methods that you can use to perform common mathematical operations on numbers.
One of the most common tasks encountered when dealing with numbers in application development is rounding them off.
For this the Math.round() method comes in handy and can be used like this:


var someNumber=5.568942354894534;
var x=Math.round(someNumber); 

After the line is executed, x now holds the value 6.
But what if that is not we wanted? What if I wanted to round off the number to 2 places of decimals?
Read more…

 
2017 All rights reserved | Powered by WordPress
Back to top
Theme by dynamicguru.com