Designaweb Blog

Google Visualises How The World Has Changed With Timelapse

Using Google’s new Timelapse project you can see how parts of the world have changed in 28 years. You can view how Las Vegas has grown or how the Columbian glacier has retreated. Google has partnered with NASA and the U.S. Geological Society to curate the images and produce the images used in the project.

Google has also partnered with Time to produce a write-up on the project, along with four of the most prominent examples. You can see these examples below, courtesy of Google.

Adobe Shows Sneak Preview Of Lightroom For iPad

Adobe has already created a mobile and tablet version of Photoshop, aptly named Photoshop Touch. It’s now revealed an iPad version of its popular professional image editing tool – Lightroom.

The app will provide users with the majority of Lightroom’s functionality, allowing photographers to edit their images on their iPads – including raw image processing. It’s still in the testing phase so the full suite of tools was not demonstrated, however it’s clear that clarity, vibrance, and the ability to adjust highlights and shadows will be included.

Due to the large file size of raw images Adobe will use the cloud for storing and processing the images. Users will edit a smaller version of the file on the iPad, which will then be sent to the cloud in the form of small text files for processing.

Google Keep is Here

Google Keep, Google’s answer to Evernote, went live on Wednesday. This new services, currently only available online and on Android 4.0+ phones, allows you to save notes, lists and photos to help organise your day, week, and life.

Youtube API


Today I stumbled upon a little known tool that YouTube offer. Using the following snippet of code developers can embed YouTube search results, playlists and subscription boxes directly into their webpages, all through the YouTube API.

This handy utility allows developers to promote a business’s complete online presence from their website.

For those that are interested, here is how it works: Using PHP, a server based programming language the server sends a HTTP query to the YouTube servers through the URI below.

(more…)

Facebook Releases New Design

It seems that more and more online services and websites are adopting new responsive design techniques. Latest to venture into the responsive design scene: social network giant, Facebook.

Inspired by their successful mobile app, Facebook have redesigned their web browser interface to offer a consistent ‘facebooking’ experience throughout a range of devices. Facebook’s lead engineer Chris Struhar suggested that the new Facebook interface strips back unnecessary, cluttered material, presenting users which a more streamlined and “engaging” experience.

The new interface boasts an array of new features, Facebook now presents topic specific news feeds that mould themselves around user preferences, likes and other Facebook activity.

(more…)

iPad 5 and iPhone 5S to Launch Within Six Months

Apple’s next-generation iPad and iPhone are expected to launch in April and August respectively according to the latest rumours. Sources quoted by iMore state Apple are giving “serious consideration” to the idea of launching their next iPad in April.

By |Internet News| March 6, 2013

Using Uchek You Can Test Your Urine For Medical Issues

Uchek is a smartphone app developed by Myshkin Ingawale that was shown off at a TED conference in Los Angeles. The app can be used to check your urine for 25 different health issues including diabetes, urinary tract infections, cancers and liver problems.

The app will be initially available for iPhone with the view to release an Android version in the near future. The total cost will be around £13 which includes the testing kit with 5 dip sticks. The app will be available around the end of March. The app’s accuracy will be tested in the King Edward Memorial hospital in Mumbai alongside their regular testing facilities.

The aim is to allow the app and kits to be used instead of expensive machines, especially in developing countries where medical facilities are often scarce.

By |Internet News| February 27, 2013

Firefox 22 Will Block Third-Party Cookies

Over the past year cookies have become a controversial issue with the UK initially taking steps to limit their usage, although this law is now in tatters. However Mozilla have announced that in version 22 of their Firefox browser third-party cookies, that are often used to provide targeted advertising, will be blocked by default.

As of Jan 2013 Firefox has around a 21% share of the browser market. By adding in this new functionality it could really hurt the likes of Google and other advertising companies that use targeted advertising. Safari has included this functionality for a long time, however it also has a much lower market share so the impact won’t be as great as when Firefox implements its solution.

Personally, I’ll be disabling the feature and allowing third-party cookies for the simple fact that adverts are just a part of the internet. If you’re going to see advertising it may as well be something you’re potentially interested in.

By |Internet News| February 26, 2013

Facebook Falls Victim to Sophisticated Attack

Facebook issued a statement on Friday detailing a sophisticated attack against its infrastructure.

By |Information, Internet News| February 18, 2013

How to use CSS3 text-shadow

One of the more interesting CSS3 elements is the text-shadow parameter. Text shadows can be used to add depth to text and provide a contrast between text and backgrounds of similar colours. Currently text and box shadows are supported by all modern browsers, with the exception of Internet Explorer 9.

To enable the text shadow effect you target elements in exactly the same way as if you were using other CSS properties.

div.elementClass{
text-shadow: (parameters)
}

The text shadow property has up to 4 parameters of which two are optional

text-shadow: y-offset x-offset blur-spread blur-colour;

The larger the offset values (which are compulsory) the further away the shadow is projected from the text. The larger the blur spread the larger and ‘thinner’ the shadow gets. To produce an effective text shadow a grey blur colour is usually adopted.

Shadows can be stacked by separating each shadow element with a coma. For example:

text-shadow: 1px 1px 1px #000, 3px 3px 5px blue;

Would produce this!

Below are some other examples using the CSS3 text-shadow property:

text-shadow: 0px 2px 3px #666;font-weight:bold;

Another example

text-shadow: 3px 3px 0 #ffd217, 6px 6px 0 #5ac7ff, 9px 9px 0 #ffd217, 12px 12px 0 #5ac7ff;font-size:50px;font-weight:bold;color:#FFF;

And another

text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);

AND ONE MORE

By |Tutorials| February 16, 2013