Share it

Bookmark and Share

Translate

Monday, August 10, 2015

1 101 useful websites

1 http://www.ctrlq.org/screenshots – for capturing screenshots of web pages on mobile and desktops. 2 http://www.dictation.io – online voice recognition in the browser itself. 3 http://www.zerodollarmovies.com – find full-length movies on YouTube. 4 http://www.screenr.com – record movies of your desktop and send them straight to YouTube. 5 http://www.goo.gl – shorten long URLs and convert URLs into QR codes. 6 http://www.unfurlr.come – find the original URL that’s hiding behind a short URL. 7 http://www.qClock – find the local time of a city using Google Maps. 8 http://www.copypastecharacter.com – copy special characters that aren’t on your keyboard. 9 http://www.codeacademy.com – the best place to learn coding online. 10 http://www.lovelycharts.com – create flowcharts, network diagrams, sitemaps, etc. 11 http://www.iconfinder.com – find icons of all sizes. 12 http://www.office.com – download templates, clipart and images for your Office documents. 13 http://www.followupthen.com – the easiest way to setup email reminders. 14 http://www.jotti.org – scan any suspicious file or email attachment for viruses. 15 http://www.wolframalpha.com – gets answers directly without searching – see more wolfram tips. 16 http://www.printwhatyoulike.com – print web pages without the clutter. 17 http://www.ctrlq.save – save online files to Dropbox or Google Drive directly. 18 http://www.ctrql.rss – a search engine for RSS feeds. 19 http://www.e.ggtimer.com – a simple online timer for your daily needs. 20 http://www.coralcdn.org – if a site is down due to heavy traffic, try accessing it through coral CDN. 21 http://www.random.org – pick random numbers, flip coins, and more. 22 http://www.pdfescape.com – lets you can quickly edit PDFs in the browser itself. 23 http://www.tubemogul.com – simultaneously upload videos to YouTube and other video sites. 24 http://www.scr.im – share you email address online without worrying about spam. 25 http://www.spypig.com – now get read receipts for your email. 26 http://www.myfonts.com/WhatTheFont – quickly determine the font name from an image. 27 http://www.google.com/webfonts – a good collection of open source fonts. 28 http://www.regex.info – find data hidden in your photographs – see more EXIF tools. 29 http://www.livestream.com – broadcast events live over the web, including your desktop screen. 30 http://www.iwantmyname.com – helps you search domains across all TLDs. 31 http://www.homestyler.com – design from scratch or re-model your home in 3d. 32 http://www.join.me – share you screen with anyone over the web. 33 http://www.onlineocr.net – recognize text from scanned PDFs – see other OCR tools. 34 http://www.flightstats.com – Track flight status at airports worldwide. 35 http://www.wetransfer.com – for sharing really big files online. 36 http://www.hundredzeros.com – the site lets you download free Kindle books. 37 http://www.polishmywriting.com – check your writing for spelling or grammatical errors. 38 http://www.marker.to – easily highlight the important parts of a web page for sharing. 39 http://www.typewith.me – work on the same document with multiple people. 40 http://www.whichdateworks.com – planning an event? find a date that works for all. 41 http://www.everytimezone.com – a less confusing view of the world time zones. 42 http://www.gtmetrix.com – the perfect tool for measuring your site performance online. 43 http://www.noteflight.com – print music sheets, write your own music online (review). 44 http://www.imo.im – chat with your buddies on Skype, Facebook, Google Talk, etc. from one place. 45 http://www.translate.google.com – translate web pages, PDFs and Office documents. 46 http://www.kleki.com – create paintings and sketches with a wide variety of brushes. 47 http://www.similarsites.com – discover new sites that are similar to what you like already. 48 http://www.wordle.net – quick summarize long pieces of text with tag clouds. 49 http://www.bubbl.us – create mind-maps, brainstorm ideas in the browser. 50 http://www.kuler.adobe.com – get color ideas, also extract colors from photographs. 51 http://www.liveshare.com – share your photos in an album instantly. 52 http://www.lmgtfy.com – when your friends are too lazy to use Google on their own. 53 http://www.midomi.com – when you need to find the name of a song. 54 http://www.google.com/history – see your past searches, also among most important Google URLs 55 http://www.bing.com/images – automatically find perfectly-sized wallpapers for mobiles. 56 http://www.faxzero.com – send an online fax for free – see more fax services. 57 http://www.feedmyinbox.com – get RSS feeds as an email newsletter. 58 http://www.ge.tt – qiuckly send a file to someone, they can even preview it before downloading. 59 http://www.pipebytes.com – transfer files of any size without uploading to a third-party server. 60 http://www.tinychat.com – setup a private chat room in micro-seconds. 61 http://www.privnote.com – create text notes that will self-destruct after being read. 62 http://www.boxoh.com – track the status of any shipment on Google Maps – alternative. 63 http://www.mondrian.io – create vector drawings in the browser 64 http://www.draw.io – create diagrams and flowcharts in the browser, export your drawings to Google Drive and Dropbox. 65 http://www.downforeveryoneorjustme.com – find if your favorite website is offline or not? 66 http://www.ewhois.com – find the other websites of a person with reverse Analytics lookup. 67 http://www.whoishostingthis.com – find the web host of any website. 68 http://www.labnol.org – software tutorials and how-to guides. 69 http://www.disposablewebpage.com – create a temporary web page that self-destruct. 70 http://www.urbandictionary.com – find definitions of slangs and informal words. 71 http://www.seatguru.com – consult this site before choosing a seat for your next flight. 72 http://www.unsplash.com – download images absolutely free. 73 http://www.zoom.it – view very high-resolution images in your browser without scrolling. 74 http://www.scribblemaps.com – create custom Google Maps easily. 75 http://www.alertful.com – quickly setup email reminders for important events. 76 http://www.picmonkey.com – Picnik is offline but PicMonkey is an even better image editor. 77 http://www.formspring.me – you can ask or answer personal questions here. 78 http://www.sumopaint.com – an excellent layer-based online image editor. 79 http://www.snopes.com – find if that email offer you received is real or just another scam. 80 http://www.typingweb.com – master touch-typing with these practice sessions. 81 http://www.mailvu.com – send video emails to anyone using your web cam. 82 http://www.timerime.com – create timelines with audio, video and images. 83 http://www.stupeflix.com – make a movie out of your images, audio and video clips. 84 http://www.safeweb.norton.com – check the trust level of any website. 85 http://www.teuxdeux.com – a beautiful to-do app that looks like your paper dairy. 86 http://www.deadurl.com – you’ll need this when your bookmarked web pages are deleted. 87 http://www.minutes.io – quickly capture effective notes during meetings. 88 http://www.youtube.com/leanback – Watch YouTube channels in TV mode. 89 http://www.youtube.com/disco – quickly create a video playlist of your favorite artist. 90 http://www.talltweets.com – Send tweets longer than 140 characters. 91 http://www.pancake.io – create a free and simple website using your Dropbox account. 92 http://www.builtwith.com – find the technology stack to know everything about a website. 93 http://www.woorank.com – research a website from the SEO perspective. 94 http://www.mixlr.com – broadcast live audio over the web. 95 http://www.radbox.me – bookmark online videos and watch them later (review). 96 http://www.tagmydoc.com – add QR codes to your documents and presentations (review). 97 http://www.notes.io – the easiest way to write short text notes in the browser. 98 http://www.ctrlq.org/html-mail – send rich-text mails to anyone, anonymously. 99 http://www.fiverr.com – hire people to do little things for $5. 100 http://www.otixo.com – easily manage your online files on Dropbox, Google Docs, etc. 101 http://www.ifttt.com – create a connection between all your online accounts.

Thursday, February 26, 2015

0 List Grid View using jQuery


List Grid View using jQuery


In almost every e-commerce website that you are designing, the feature to switch between list and grid view is very essential to facilitate better display of the huge product catalog. This is very simple to achieve using jQuery, as you can visualize the very minimal version in the jsfiddle showcased here.

To make this more complete, I experimented showcasing product catalog with fade-in and fade-out transitions while switching between grid and list views. In this post, let us see how to create fading list/grid view switcher with components to display product catalog using jQuery and css.



1. First let us prepare the content to be dynamically styled according to the view selected. I have used font-awesome icons for displaying list and gridview switch controls in the demo and it is absolutely optional, you can choose to use buttons or links. So first let us place the switching controls inside body tag.

1<div id="viewcontrols">
2       <a class="gridview">
3         <i class="fa fa-th fa-2x"></i>Grid
4       </a>
5       <a class="listview active">
6         <i class="fa fa-list fa-2x">List</i>
7       </a>
8</div>


Next let us add an unordered list containing product details. Each list-item represents one product and I have displayed only one list below, since it is the same for all products. In the demonstration, I have used eight products, that means I have used the list-item eight times.
01<ul class="list">
02    <li>
03        <img src="images/barbie_8.jpg" height="250px" width="250px"/>
04 <section class="list-left">
05 <span class="title">PRODUCT NAME</span>
06 <p>Product description goes here. Aliquam tincidunt diam varius
07                 ultricies auctor. Vivamus faucibus risus tempus,
08                 adipiscing justo
09        </p>
10 <div class="icon-group-btn">          
11  <a title="Add to Cart" href="javascript:void(0);" class="btn-cart">
12  <span class="icon-cart"></span>
13  <span class="icon-cart-text">
14   Add To Cart     
15  </span>
16  </a>
17  <a title="Add to wishlist" href="#" class="btn-wishlist">
18  <span class="icon-wishlist"></span>
19  <span class="icon-wishlist-text">
20   Add To Wishlist     
21  </span>
22  </a>
23  <a title="Add to Compare" href="#" class="btn-compare">
24  <span class="icon-compare"></span>
25  <span class="compare-text">
26   Add To Compare     
27  </span>
28  </a>
29 </div
30 </section>
31 <section class="list-right">
32  <span class="price">$50</span>
33  <span class="detail"><a class="button">Details</a></span>
34 </section>
35 </li>
36</ul>

2. Next we need two different css styles for displaying list and grid views. I have not displayed miscellaneous css styles here that are not mandatory to achieve list and grid layouts. However if you like to design a product catalog exactly like what is shown in the demonstration you can download this project and use it.

LIST LAYOUT

01ul.list{
02width: 800px;
03margin-right: 15%;
04margin-left: 15%;
05}
06ul.list li {
07background: #F7F7F7;
08border-bottom: 1px dotted #CCC;
09margin-bottom: 50px;
10padding-right: 20px;
11height: 250px;
12}
13ul.list li img{
14float: left;
15margin-right: 10px;
16padding-bottom: 0;
17border-bottom: 2px solid transparent;
18}
19ul.list li p{
20overflow:hidden;
21word-wrap:break-word;
22width:250px;
23}
24ul.list li .title{
25overflow:hidden;
26word-wrap:break-word;
27font-size:24px;
28}
29ul.list li .list-left{
30width:300px;
31position:absolute;
32padding-left:260px;
33}
34ul.list li .list-right{
35width:150px;
36float:right;
37}
38ul.list li .price{
39float:right;
40font-size:56px;
41display: block;
42margin-right: 10px;
43text-align: right;
44width:100%;
45color:#4FAFC2;
46}
47ul.list li .detail{
48float:right;
49display:block;
50}

GRID LAYOUT

01ul.grid li { float: left; width: 265px; height: 440px; border-right: 1px dotted #CCC; border-bottom: 1px dotted #CCC;margin:20px; background:#F7F7F7; }
02ul.grid li img{text-align:center;width:100%;}
03ul.grid li p{display:none;}
04ul.grid li .list-left{text-align:left;font-size:24px;margin-left: 10px;margin-top:10px;}
05ul.grid li .icon-group-btn{font-size:14px;}
06ul.grid li .list-right{display:block;width:100px;margin-left: 10px;}
07ul.grid li .list-right .price{font-size:24px;display:block;color:#4FAFC2;}
08ul.grid{
09width: 950px;
10margin-left: 10%;
11}


3. Finally let use jQuery to switch between grid and listviews with fade-in and fade-out effect.

01<script type="text/javascript">
02$(document).ready(function () {   
03var elem=$('ul');     
04$('#viewcontrols a').on('click',function(e) {
05 if ($(this).hasClass('gridview')) {
06  elem.fadeOut(1000, function () {
07  elem.removeClass('list').addClass('grid');
08  elem.fadeIn(1000);
09         });     
10 }
11 else if($(this).hasClass('listview')) {
12  elem.fadeOut(1000, function () {
13  elem.removeClass('grid').addClass('list');
14  elem.fadeIn(1000);
15        });        
16 }
17});
18});
19</script>

That is all. Do not forget to include jQuery library reference inside head tag of your html. Enjoy the demo and download the project to see how other components inside every list-item is styled.

Sunday, February 15, 2015

0 Emirates of uae

The United Arab Emirates is consists of seven emirates, which occupy the southeastern corner of the Arabian Peninsula. Each emirate, unique and rich in tradition, is an essential component necessary for making up the whole.

ABU DHABI
Abu Dhabi, by far the largest emirate, is ruled by the Al Nahyan family. It occupies 67,340 square kilometres or 86.7% of the total area of the country. The emirate is primarily a vast desert area with about two dozen islands in the coastal waters, including the island where the city of Abu Dhabi is located, plus six sizeable islands further out in the Arabian Gulf. The population of the emirate is concentrated in three areas: the capital city, Abu Dhabi; Al Ain, an oasis city located near the Hajar Mountains; and the villages of the Liwa oases.
Traditionally, the population along the coast relied on fishing and pearling for their livelihood, whilst those in the hinterland relied on date plantations and camel herding. Through remarkable leadership and personal commitment, His Highness Sheikh Zayed bin Sultan Al Nahyan developed Abu Dhabi into an influential, fully modernised state. Upon Sheikh Zayed's death in November 2004, Sheikh Khalifa bin Zayed Al Nahyan became UAE President and Ruler of Abu Dhabi.

DUBAI
Dubai, the second largest of the seven emirates, is ruled by the Al Maktoum family. It occupies an area of approximately 3,900 kilometres, which includes a small enclave called Hatta, situated close to Oman, amongst the Hajar Mountains. Dubai, the capital city, is located along the creek, a natural harbour, which traditionally provided the basis of the trading industry. Pearling and fishing were the main sources of income for the people of Dubai. Under the wise leadership of its rulers, Dubai's focus on trade and industry transformed it into the leading trading port along the southern Gulf. His Highness Sheikh Mohammed bin Rashid Al Maktoum is the current ruler of Dubai.
 

SHARJAH
Sharjah, which shares its southern border with Dubai, is ruled by the Al Qasimi family. It is approximately 2,600 square kilometres and is the only emirate to have coastlines on both the Arabian Gulf and the Gulf of Oman. In the nineteenth century the town of Sharjah was the leading port in the lower Gulf. Produce from the interior of Oman, India and Persia arrived there. Sharjah's salt mines meant that salt constituted an important part of its export business, along with pearls. In the 1930s when the pearling industry declined and trade decreased due to the creek silting up, Imperial Airways' flying boats set up a staging post for flights en route to India, which benefited the residents of Sharjah. Today, under the leadership of Sheikh Sultan bin Mohammed Al Qasimi, Sharjah is the cultural and educational centre of the UAE and takes pride in preserving the country's cultural heritage as well as promoting Arab culture and traditions.

AJMAN
Ajman is the smallest emirate, comprising only 260 square kilometres. It is ruled by the Al Nuami family. Surrounded mostly by the emirate of Sharjah, Ajman also possesses the small enclaves of Manama and Musfut in the Hajar Mountains. Along the creek dhow building was the specialised trade. Fishing and date-trees provided the local population with their primary means of sustenance. Ajman benefited greatly from the union of the emirates, a fact that is reflected today in their stately buildings and infrastructure. Sheikh Humaid bin Rashid Al Nuami has been the ruler since 1981.

UMM AL QAIWAIN
Umm Al Qaiwain is ruled by the Al Mualla family. It is the second smallest emirate, with a total area of around 770 square kilometres. Positioned between the emirates of Sharjah and Ajman to the south and Ras Al Khaimah to the north, Umm Al Qaiwain has the smallest population. Fishing is the local population's primary means of income. Date farming also plays a significant role in the economy. After the union of the emirates in 1971 Umm Al Qaiwain developed into a modern state, and continues to progress under its present ruler, Sheikh Rashid bin Ahmed Al Mualla.
 

RAS AL KHAIMAH
Ras Al Khaimah, the most northerly emirate, is ruled by another branch of the Al Qasimi family. It covers an area of 1,700 square kilometres. Thanks to the run-off water from the Hajar Mountains, Ras Al Khaimah has a unique abundance of flora, so it is no surprise that agriculture is important to the local economy. The emirate also benefits from its stone quarries, and fishing, which is plentiful in the rich waters of the Gulf. The city of Ras Al Khaimah, situated on an inlet, has a rich history. It was renowned for its prosperous port and for its exquisite pearls, which were famous as being the whitest and roundest available anywhere. Ras Al Khaimah's current ruler is Sheikh Saqr bin Mohammed Al Qasimi.

FUJAIRAH
The only emirate without a coastline on the Arabian Gulf is Fujairah, which is ruled by the Al Sharqi family. Situated along the coast of the Gulf of Oman, Fujairah covers about 1,300 square kilometres. Unlike other emirates, where the desert forms a large part of the terrain, mountains and plains are its predominant features. Fujairah's economy is based on fishing and agriculture. Like Ras Al Khaimah, the land in Fujairah is irrigated by rainwater from the Hajar Mountains, making it ideal for farming. Sheikh Hamad bin Mohammed Al Sharqi is the present ruler.

Saturday, February 14, 2015

0 vodafone-How to check internet balance

Check 2G/3G Balance*111*6# (Then follow instructions) or *111*6*2#
Check 2G/3G BalanceSMS 'DATA BAL' to 144
Check Main Balance & Validity*141#
Check Free seconds and SMS balance*142#
For Paper Recharge*140*16 Digit Secret Code#
Best DealsDial 121
Deactivate VAS services (except Vodafone flash and suspended services)SMS STOP to 321
Activate VAS services(except Vodafone flash)SMS START to 321
Check the Last 5 TransactionsSMS FIVE to 111
Get GPRS settingsSMS ALL to 111
Deactivate the VAS ServiceCall 111 Press 4 option
Check bonus card detailsBC Bonus card denomination to 111
Balance TransferDial *130#
Option 1: Balance Transfer
Option 2: Balance Request
Option 3: Call me back Service
Option 4: Chota Credit Service

Saturday, January 24, 2015

0 Tutorial for windows 7 USB installation

Tutorials for windows-7-usb-installation  http://getintopc.com/tutorials/windows-7-usb-installation/

Wednesday, December 31, 2014

0 Ajax Image Upload using PHP and jQuery

Following steps are pointed under this process :
1.  Include jQuery library.
2.  HTML page with upload field.
3.  jQuery Ajax code.
3.  PHP script to store image.

 Ajax Code :

$.ajax({
url: "ajax_php_file.php", // Url to which the request is send
type: "POST",             // Type of request to be send, called as method
data: new FormData(this), // Data sent to server, a set of key/value pairs (i.e. form fields and values)
contentType: false,       // The content type used when sending data to the server.
cache: false,             // To unable request pages to be cached
processData:false,        // To send DOMDocument or non processed data file it is set to false
success: function(data)   // A function to be called if request succeeds
{
$('#loading').hide();
$("#message").html(data);
}
});

PHP code used to store the image :

$sourcePath = $_FILES['file']['tmp_name'];       // Storing source path of the file in a variable
$targetPath = "upload/".$_FILES['file']['name']; // Target path where file is to be stored
move_uploaded_file($sourcePath,$targetPath) ;    // Moving Uploaded file
 

TechnoTipworld- Tips,Tricks,Technology Copyright © 2011 - |- Template created by O Pregador - |- Powered by Blogger Templates