05 January 2014

Pandora Introduces Musical Alarm Clock for Android



Alarm-Clock-Radio-App-Pandora

That shrill ring of the alarm clock (or app) in the morning is something none of us look forward to, so online radio giant Pandora is changing things up a bit by launching an alarm feature on its Android app. The Pandora alarm clock for iOS was released in early December. The alarm clock feature of Pandora 5.1 for Android works like any alarm app you may have used (and there really are some unique alarm clocks out there). Set the time you want to wake up for and Pandora will ring when the alarm goes off, playing music that...


Read the full article: Pandora Introduces Musical Alarm Clock for Android



04 January 2014

How to Hide your Email Address on Web Pages



You have a website, you want to put your email address on the site so that people can contact you easily but you are also worried about spam flooding your mailbox once your email address begins to appear on a public web page.


Your concern is valid. The email harvesting bots, using simple regular expressions, will most definitely find your email address if it’s published in plain text but you may trick the less-clever bots by hiding your email address through simple CSS and JavaScript based techniques.


1. Hide Email through CSS


1a. CSS pseudo-classes


You can use the ::before and ::after pseudo-elements in CSS to insert the email username and domain name on either sides of the @ symbol. The bots, which are generally blind to CSS, will only see the @ sign while browsers will render the complete email address which, in this case, is john@gmail.com.



<style>
email::after {
content: attr(data-domain);
}
email::before {
content: attr(data-user);
}
</style>

<!-- Set data-user and data-domain as your
email username and domain respectively -->

<email data-user="john" data-domain="gmail.com">@</email>

The downside with the above approach is that users won’t be able to select and copy your email address on the web page, they’ll have to write it down manually.


If you would prefer to use pseudo-elements but with a more user-friendly style that allows selection, you can try an alternate approach with all the email characters but the “@” symbol are selectable.



<style>
.domain::before {
content: "\0040"; /* Unicode character for @ symbol */
}
</style>

john<span class="domain">abc.com</span>

1b. Reverse the direction


You can write your email address in reverse (john@abc.com as moc.cba@nhoj) and then use the unicode-bidi and direction CSS properties to instruct the browser to display the text in reverse (or correct) direction. The text is selectable but the address would copied in reverse direction.



<style>
.reverse {
unicode-bidi: bidi-override;
direction: rtl;
}
</style>

<!-- write your email address in reverse -->
<span class="reverse">moc.cba@nhoj</span>

1c. Turn off ‘display’


You can add extra characters to your email address to confuse the spam bots and then use the CSS ‘display’ property to render your actual email address on the screen while hiding all the extra bits.



<style>
z {
display: none;
}
</style>

<!-- You can add any number of z tags but they'll stay hidden -->
john<z>REMOVE</z>@abc<z>REMOVE</z>.com

2. Obfuscate Email through JavaScript


2a. Using the ‘onclick’ event


You can create a regular mailto hyperlink for your email address but replace some of the characters – like the dot and the @ sign – with text. Then add an onclick event to this hyperlink that will substitute the text with the actual symbols.



<a href = "mailto:johnATgmailDOTcom"
onclick = "this.href=this.href
.replace(/AT/,'&#64;')
.replace(/DOT/,'&#46;')"
>Contact Me</a>

2b. Random Array


Split your email address into multiple parts and create an array in JavaScript out of these parts. Next join these parts in the correct order and use the .innerHTML property to add the email address to the web page.



<span id="email"></span>

<script>
var parts = ["john", "abc", "com", "&#46;", "&#64;"];
var email = parts[0] + parts[4] + parts[1] + parts[3] + parts[2];
document.getElementById("email").innerHTML=email;
</script>

3. WordPress + PHP


If you are on WordPress, you can also consider using the built-in antispambot() function to encode your email address. The function will encode the characters in your address to their HTML character entity (the letter a becomes &#97; and the @ symbol becomes &#64;) though they will render correctly in the browser.



<?php echo antispambot("john@abc.com"); ?>

You can also encode email addresses in the browser.


Finally, if you really don’t want spam bots to see your email address, either don’t put it on the web page or use Google’s reCAPTCHA service. It hide your email address behind a CAPTCHA – see example – and people will have to solve it correctly to see your email address.




This story, How to Hide your Email Address on Web Pages, was originally published at Digital Inspiration on 04/01/2014 under Css, Email, Internet

3 Ways You Can Remove Unwanted Blog Pages From Google



eraser

Are you a believer in the idea that once something is published on the Internet, it’s published forever? Well, today we’re going to dispel that myth. The truth is that in many cases it’s quite possible to eradicate information from the Internet. Sure, there’s a record of web pages that have been deleted if you search the Wayback Machine, right? Yup, absolutely. On the Wayback Machine there are records of web pages going back many years — pages that you won’t find with a Google search because the web page no longer exists. Someone deleted it, or the website got...


Read the full article: 3 Ways You Can Remove Unwanted Blog Pages From Google



3 Ways You Can Remove Unwanted Blog Pages From Google



eraser

Are you a believer in the idea that once something is published on the Internet, it’s published forever? Well, today we’re going to dispel that myth. The truth is that in many cases it’s quite possible to eradicate information from the Internet. Sure, there’s a record of web pages that have been deleted if you search the Wayback Machine, right? Yup, absolutely. On the Wayback Machine there are records of web pages going back many years — pages that you won’t find with a Google search because the web page no longer exists. Someone deleted it, or the website got...


Read the full article: 3 Ways You Can Remove Unwanted Blog Pages From Google



03 January 2014

3 Steps To Learning The Basics Of Photography With A Virtual DSLR



photographer

When you are eyeing the latest DSLR camera on the shop window, a virtual camera application isn’t going to draw your attention. But if that dream camera is still some dollars away, the Outside of Auto from Canon could be the thing to give you a gentler introduction to the basics of photography. The best way to learn photography is by taking thousands of pictures, but learning a bit of theory does bolster the practice. Rather than learning from books, tutorials, or YouTube videos, this web application from Canon Canada is the most fun yet. Canon Outside of Auto is...


Read the full article: 3 Steps To Learning The Basics Of Photography With A Virtual DSLR



Vagrant: A Quick, Effortless Way to Create Virtual Machines for Local Web Development



vagrant

If you’ve ever worked on a Web development project, you know just getting started can be tough. Even if you’re just making a simple WordPress widget, you’re going to need a WordPress instance to work with. That often means working on one somewhere in the cloud, or maybe setting up a local Web server. And if you’re collaborating with anyone, they’ll have to create exactly the same setup, too. That’s annoying, but it gets worse: If you happen to be working on more than one project at the same time, and both projects use slightly different stacks (different Web servers,...


Read the full article: Vagrant: A Quick, Effortless Way to Create Virtual Machines for Local Web Development



The Best MakeUseOf Articles From 2013



best-makeuseof-2013-2

2013 has drawn to a close, and it’s about that time when we like to take a look back over the year and see just what resonated most with you, our dear readers. Here are the stories that got you talking and sharing the most. Top Giveaways The biggest winner this year was the Google Glass review and giveaway. The fact that it’s $1500 and only available to a limited number of people no doubt contributed to this, but what did Danny think of it? Is Google Glass cool? Absolutely! Is it functional? Sort of — not quite, but it...


Read the full article: The Best MakeUseOf Articles From 2013



How To Backup Gmail Emails To Computer Without Using Third-Party Software



CLICK HERE TO SEE FULL POST



We all regularly backup our data from phones to computers and computers to external hard drives and then backup our data to the cloud, but most of us never think of backing up cloud data, like emails, contacts, and calendars. When it comes to backing up emails from our Gmail, Outlook, Yahoo! and other accounts, […]

Google Answers And Comparisons



Back in 2009, when HTC HD2 was released, many people complained that it had a huge screen: a 4.3-inch display. Now it seems quite small. Even iPhone's 3.5-inch display seemed very big back in 2007. As you can see, context matters and it puts things into perspective.



When searching Google for [Saturn size], you used to get an answer that was useful, but not that revealing. So the radius is 58,232 km (36,184 miles). It's obviously very large, but how does it compare to other planets? Now Google shows other planets and their size below the answer.






Search for [Earth mass] and Google shows that Venus has almost the same mass, while Jupiter's mass is 317.8 times bigger.






The instant answer for [Earth surface area] confirms that Earth and Venus are close in size.






What about gravity? Pretty close.






"The solar system is a pretty big place. To get a quick refresh on astronomy, you can ask Google 'What is the surface area of Earth?' and find out that it's 196.9 million square miles. But how BIG is that? Clearly not as large as some of our waistlines post-holidays—but is it larger or smaller than Jupiter? The size of Earth makes more sense when considered relative to the surface area of other planets; Earth is similar in size to Venus but more than 100 times smaller than Jupiter! Google now provides these comparisons, helping you understand the world (or solar system) around you," informs Google.



For now, this feature is only available for astronomy-related questions. You can find some similar comparisons when you search for things like [China GDP] or [India population].








What Is Your Tech-Related New Year’s Resolution For 2014? [We Ask You]




It’s now 2014, at least according to the Gregorian calendar most countries around the world adhere to. Each new year marks an opportunity for us all to endeavor to be better people, to do things differently than we have been of late, to improve in at least one aspect of life. While most new year’s resolutions involve losing weight, getting fit, changing jobs, or beating a vice, we here at MakeUseOf are more interested in those related to technology. Because, as we previously discovered with the predictions for 2014, technology plays an important role in the lives of all of...


Read the full article: What Is Your Tech-Related New Year’s Resolution For 2014? [We Ask You]



No More Location History Dashboard



Google had a cool feature as part of Location History: a dashboard that displayed how you spend your time, how much do you spend at work or at home, the places you've visited, when you visited each country, your flights, the distance you've traveled (including the number of additional miles to the Moon). This feature, which was launched in 2010 as part of Google Latitude and was still in beta, is gone and the dashboard redirects to the Location History homepage.



Google confirmed that the feature was removed last month: "You can continue to view and manage your Location History information by going to https://maps.google.com/locationhistory/, but we've removed the Location History dashboard (the part of the Location History website that provided a summary of your locations, including total miles traveled and trip information). We are not removing Location History entirely or deleting any raw Location History information. We're continuing to explore more useful and relevant ways for you to engage with and view location history."



Here's a screenshot taken by Bogdan Bele:






And here are the features still available:






For some people, the dashboard was one of the main reasons to enable Location History. "I thought the dashboard was a nice record of my travels, and it was the only reason I activated location reporting on my Android phone. If the dashboard has permanently disappeared, then it means that Google is tracking my location for their own purposes, and not giving me anything in return," says Rob Fuller, a reader of this blog.



Location History is actually used by some Google Now cards. "Google Now uses your Location History, which may include locations saved from your use of other Google products, to monitor traffic on your commute route and more," informs Google. There's even a card that shows a summary of your activity. Google Maps also uses it to personalize search results.






{ Thanks, Rob. }

The World At Large: 7 Photography Websites To Feed Your Wanderlust



travel-photography

Travel and photography are so closely linked that we probably don’t wonder at it anymore. It is so commonplace thanks to high-resolution wallpapers and travel websites. Oh yes, we do wonder with awe at the sight of our beautiful landscapes and panoramic vistas; but that takes up just a couple of our senses. True travel photography is something that goes beyond travel brochures and wallpapers. The Photographic Society of America defines a travel photo as an image that expresses the feeling of a time and place, portrays a land, its people, or a culture in its natural state, and has...


Read the full article: The World At Large: 7 Photography Websites To Feed Your Wanderlust



A Better Way to Share Web Pages by Email



When you include an hyperlink in your email message, the recipients will have no idea where that link is pointing to unless they actually click on it.


Clip Better offers a better approach that your email recipients will appreciate as well since it removes the guess work.


Use the Clip button to create a visual preview of the current page.

Use the Clip button to create a visual preview of the current page.



This is how the link will appear in the recipient's inbox.

This is how the link will appear in the recipient’s inbox.



Stop Emailing URLs, Embed Link Previews


Instead of putting raw URLs in your email messages that don’t convey anything, you can use Clip Better to effortlessly create a visual snippet of the page and send it through Gmail or any other mail client that supports HTML Mail.


The tool, possibly using Open Graph tags, will extract the page title, meta description and a thumbnail image and then puts everything into the clipboard as a neatly-formatting block which you can paste into your mail program or even your word processor.


Clip Better is available as a Google Chrome extension, as a bookmarklet and also an iPhone app. Alternatively, if you are on an unsupported platform, you can email one or more links to clipme@clipbetter.com and the service will send you the corresponding previews in rich text.


The tool is useful though it does insert some of its own branding in the link previews. You can however select and delete the branding easily if you wish to.


Available at clipbetter.com. See my other favorite Google Chrome extensions.




This story, A Better Way to Share Web Pages by Email, was originally published at Digital Inspiration on 02/01/2014 under GMail, Google Chrome, Software

02 January 2014

How to Play YouTube Videos In The Background, And Even With The Screen Off



youtube

It is not often a third-party developer gets to beat Google at its own game. And yet, the official YouTube video app contains some glaring annoyances that just cry out to be fixed. Despite its unfortunate name, Viral Floating YouTube Popup is a high-quality player that fixes all of those flaws, and then some. I hate popups (who likes them?) and I don’t really like viral videos either, but I’m glad that didn’t stop me from checking out what turned out to be one of the very best YouTube apps out there today. Plays Videos In The Background, Rotates Like...


Read the full article: How to Play YouTube Videos In The Background, And Even With The Screen Off



How to Style Google Custom Search on your Website



Google Custom Search makes your website searchable using the same technology that powers the main Google.com search engine. You just have to add a JavaScript snippet to your template and visitors will be able to easily find content they are looking for on your website.


Google Custom Search, by default, uses the classic Google layout – blue titles, green links and black snippets – for styling search results on your site. You do have an option to choose a different color scheme and font family for your search results* but that’s pretty much it.


Google Custom Search


Google Custom Search with Custom CSS Styles


If you have ever used the site search function on labnol.org, you may noticed that the search results are styled slightly different – there’s no URL displayed beneath the titles, the matching keywords aren’t highlighted in bold and the pagination numbers are displayed as square buttons.


You cannot add these custom styles though the Custom Search editor but you can write simple CSS rules that will bring the same effect. The idea is simple. As annotated in the above screenshot, every element in the search results page has a class associated with it. You can use set the style for a class as display:none to hide a particular element or use the regular font, color, border properties to stylize that element.


For instance, lets target the info box in search results that displays the result count (class=gsc-result-info). If you would like to hide that particular block, you can add a rule in your stylesheet that says .gsc-result-info { display:none; } and the count won’t show up anymore. Similarly, you can say .gs-snippet {display:none} to only display titles and not snippets.


The Custom Search editor won’t let you change the font size the title and results but with CSS, you can do that easily.


Here are some more CSS rules that you may use to style your Custom Search engine.



<style type='text/css'>

/* Use a different font family for search results */
.gs-title, .gs-snippet {
font-family: courier;
}

/* Add a border between individual search results */
.gs-webResult {
border: 1px solid #eee;
padding: 1em;
}

/* Do no display the count of search results */
.gsc-result-info {
display: none;
}

/* Hide the Google branding in search results */
.gcsc-branding {
display: none;
}

/* Hide the thumbnail images in search results */
.gsc-thumbnail {
display: none;
}

/* Hide the snippets in Google search results */
.gs-snippet {
display: none;
}

/* Change the font size of the title of search results */
.gs-title a {
font-size: 16px;
}

/* Change the font size of snippets inside search results */
.gs-snippet {
font-size: 14px;
}

/* Google Custom Search highlights matching words in bold, toggle that */
.gs-title b, .gs-snippet b {
font-weight: normal;
}

/* Do no display the URL of web pages in search results */
.gsc-url-top, .gsc-url-bottom {
display: none;
}

/* Highlight the pagination buttons at the bottom of search results */
.gsc-cursor-page {
font-size: 1.5em;
padding: 4px 8px;
border: 2px solid #ccc;
}

</style>

These rules will also come handy when you don’t have the permission to change the default look and feel from the Custom Search editor.


[*] If you would like to use a custom color scheme for your custom search engine, go to google.com/cse, choose your search engine and then switch to the Look and Feel tab. Here you can choose different colors for the titles, URLs and snippets, switch to a different font family (default is Arial) and also choose a different color for the background.


This story, How to Style Google Custom Search on your Website, was originally published at Digital Inspiration on 02/01/2014 under Google, Internet

Turn Twitter Into A Custom Reading List With Tweetbits



tweetbits

Is there a way to use Twitter like an RSS reader and stay updated on what really matters? There are several. You can use Twitter lists to create your very own reading lists, you can use Twitter’s new custom timelines on TweetDeck, or you can opt for an interesting third option: Tweetbits. For Frequent Favoriters Twitter’s timeline can get cluttered, especially if you’re interested in many things. Filtering your timeline is one way to go, but you still may not have time to read every tweet you’re really interested in. This is were the “favorite” option can come in handy....


Read the full article: Turn Twitter Into A Custom Reading List With Tweetbits



Can My PC Run Windows 8.1? Test It Using Windows 8.1 Upgrade Assistant



CLICK HERE TO SEE FULL POST



It’s been about two and half months since Microsoft released the final (RTM) version of Windows 8.1 to the public. Windows 8.1 update is absolutely free for existing Windows 8 users but users who’re running Windows 7 and previous versions need to buy Windows 8.1. Users who are currently running Windows 8 or previous versions […]

Create Direct Links to your Files on Google Drive



You can upload files of virtually all types to your Google Drive – from documents to movies to zip archives – and people with whom you have shared the file can easily view them in the browser itself. The Google Docs web viewer is pretty capable and can render all the popular formats including Photoshop files and AutoCAD drawings.


That’s a useful feature but sometimes you may want to bypass the built-in Google Docs viewer and force the browser to download the file instead of opening it. Thus if a user has Photoshop on their computer, the PSD file that you have shared through Google Drive will open in Photoshop and not in their web browser.


Google Drive will mostly render shared links in the browser but you can change that.

Google Drive will mostly render shared links in the browser but you can change that.



Create Direct Links and Skip the Web Viewer


Google Drive doesn’t offer a simple option for creating these “direct download” link but you can easily create them by slightly modifying the generated URLs. Here’s the trick.


A file hosted on Google Drive has a shared link that looks like this:



https://drive.google.com/file/d/FILE_ID/edit?usp=sharing

When you access this link, it will render the file in the browser but if you can rewrite this URL slightly, the link, when clicked, will download the corresponding file in the user’s browser instead of opening it in the browser. The modified URL would be:



https://drive.google.com/uc?export=download&id=FILE_ID

All you have to do is make note of the FILE_ID in the original URL and use it in the modified URL. For example, here’s an image file hosted on Google Drive that will open in the browser and here’s the modified URL that forces the browser to download the file.


Direct Download Links for Google Documents


The trick works for native Google Documents too though the URL format is a little different.


Google Docs: When you share a Google document, the URL would be:



https://docs.google.com/document/d/FILE_ID/edit?usp=sharing

Replace /edit with /export and add the file format that the document should be saved as and your download link is ready.



https://docs.google.com/document/d/FILE_ID/export?format=doc https://docs.google.com/document/d/FILE_ID/export?format=pdf

The above links will now download the same Google document in Word (.docx) and PDF formats. You can also use “txt”, “html” and “odt” for the download format.


Google Presentations: Google Docs offer an even simpler URL scheme for creating direct links to Google Presentations. The original shared links are of the following format:



https://docs.google.com/presentation/d/FILE_ID/edit?usp=sharing

The direct links for downloading the same presentation deck in PowerPoint (.pptx) and PDF formats are below:



https://docs.google.com/presentation/d/FILE_ID/export/pptx https://docs.google.com/presentation/d/FILE_ID/export/pdf

Google Spreadsheets: Open your Google Spreadsheet in the browser, make the sheet Public (or Anyone with a link) and make a note of the shared URL. It should be something like this:



https://docs.google.com/spreadsheets/d/FILE_ID/edit?usp=sharing

The direct download links use a similar format as Google Documents and will read like:



https://docs.google.com/spreadsheets/d/FILE_ID/export?format=xlsx https://docs.google.com/spreadsheets/d/FILE_ID/export?format=pdf

Bonus Trick – Make a Copy


Google Spreadsheets offers an additional feature that is not available in Documents and Presentations (at least yet). You can create links to Google Sheets that will automatically create a copy of your Google Sheet in the Google Drive of the person with whom you have shared the sheet.



Before: https://docs.google.com/spreadsheets/d/FILE_ID/edit?usp=sharing After: https://docs.google.com/spreadsheet/ccc?key=FILE_ID&newcopy=true

The newcopy=true parameter did the trick.




This story, Create Direct Links to your Files on Google Drive, was originally published at Digital Inspiration on 02/01/2014 under Google Drive, Internet

12 Productivity Habits To Finally Hack Your Life In The New Year



A common resolution for most working people is to be more productive. In this article, we'll explore twelve bad habits that you can change -- one per month -- to drastically improve your workload productivity.

Read the full article: 12 Productivity Habits To Finally Hack Your Life In The New Year



This Is How Microsoft Has Been Trying To Change The Game In 2013



microsoft store

Microsoft has been behind. As Apple released the iPad and the tablet market grew, Microsoft seemed to sit around and twiddle their thumbs for a few years. The great sleeping giant has now been fully awakened and Microsoft is frantically trying not just to catch up, but to get ahead of everyone else. The PC market continues to decline, with 2013 seeing the steepest decline of the PC market ever. Even Apple took a hit on their own PCs, as the iPad and other tablets cannibalized their sales. This is the world Microsoft awoke to find itself in. Windows 8.1...


Read the full article: This Is How Microsoft Has Been Trying To Change The Game In 2013