image

Astronomers capture new images of Jupiter using 'lucky' technique

Detailed pictures of planet glowing through clouds were taken with telescope in Hawaii

Astronomers have captured some of the highest resolution images of Jupiter ever obtained from the ground using a technique known as “lucky imaging”.

The observations, from the Gemini North telescope on Hawaii’s dormant volcano Mauna Kea, reveal lightning strikes and storm systems forming around deep clouds of water ice and liquid. The images show the warm, deep layers of the planet’s atmosphere glowing through gaps in thick cloud cover in a “jack-o-lantern”-like effect.

Continue reading...




image

Meet The Newly Adopted Faces Of The Week (25 Images + 5 Vids)

Ready to smile? Each week we are featuring the newly adopted pets of the week! Is there a lovelier sight than an animal being adopted?! We wholeheartedly thank those who have adopted, providing animals with a loving, comfortable and warm home. There's literally nothing better. 

We're seeing a lot of new furry faces being adopted due to the new regulations, and while we absolutely adore seeing so many adopted faces, please remember that a pet is for life. The decision to adopt one is one that should be thought through thoroughly.  

For those of you who are thinking about getting a pet, just remember; adopt, don't shop. 

If you recently adopted a pet, shoot us an email to be featured in next weeks list! 




image

Amusing Images of Confusing Double-Takery

The brain works really hard to make sense of the constant stream of information coming at it, and for the most part it does a pretty good job. That said, a small shift in perspective can turn unassuming situations into double-take inducing photos of intriguing perspective. Your brain is doing its best, but at times it's name match against double-take causing images of skewed perspective.






image

This image has been photoshopped

Currently making the rounds: I was suspicious, though. It’s too good to be true. So I snooped about, and found the original on the ADL website. OK, now, really — who thought they needed to edit the original sign to make it less evil and more obviously stupid? That was a waste of effort. Just […]




image

Leveraging React for Easy Image Management

React is a good tool when it comes to building flexible and reusable UI components. However, it’s “one of those libraries” that cannot handle all the tasks involved in building a full fleshed UI project. Other supporting tools - such as a recently announced React SDK from Cloudinary - are available to provide solutions that the React core cannot.

In such cases where media (images and videos) becomes a heavy task to handle, Cloudinary simplifies the process with the new React SDK. Let’s build and image library with Cloudinary and React using the Cloudinary’s React SDK.

Prerequisites

The only requirements for using Cloudinary in your existing React project are to install the React SDK and the upload widget. If you do not have an existing React project and want to try these examples, take the following steps:

1. Install Dependencies

We need a minimal amount of dependencies so we can focus on building a media library and not structuring a React app:

{
  "name": "img-library",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "watch": "webpack -d --watch",
    "build": "webpack",
    "serve": "serve ./public"
  },
  "author": "",
  "license": "MIT",
  "devDependencies": {
    "babel-core": "^6.18.2",
    "babel-loader": "^6.2.9",
    "babel-preset-es2015": "^6.18.0",
    "babel-preset-react": "^6.16.0",
    "serve": "^1.4.0",
    "webpack": "^1.14.0"
  },
  "dependencies": {
    "axios": "^0.15.3",
    "cloudinary-react": "^1.0.1",
    "react": "^15.4.1",
    "react-dom": "^15.4.1"
  }
}

React (and React DOM) must be used since we are making a React app. The cloudinary-react dependency is Cloudinary’s React SDK, which we will soon see how it works. axios is a tool for making HTTP requests and, in our case, we will use it request images from the Cloudinary server.

# Install dependencies
npm install

2. Setup Webpack

Webpack is our build tool. Only minimal settings are required to have a build running and our React app compiling:

// ./webpack.config.js
var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'public');
var APP_DIR = path.resolve(__dirname, 'src');

var config = {
    entry: APP_DIR + '/index.jsx',
    output: {
        path: BUILD_DIR,
        filename: 'bundle.js'
    },
    module : {
        loaders : [
            {
                test : /.jsx?/,
                include : APP_DIR,
                loader : 'babel'
            }
        ]
    }
};

module.exports = config;

Basic configuration - an entry, output and loaders to handle the React .jsx files.

3. Entry Points

We need to create an entry point, as we specified in the Webpack configuration, and another entry point for the browser, which is an index.html file:

// ./src/index.jsx
import React, { Component } from 'react';
import { render } from 'react-dom';

class Main extends Component {
    render() {
        return (
           <div className="main">
               <h1>Scotchage</h1>
           </div>
        );
    }
}

render(<Main />, document.getElementById('container'));
<!-- ./public/index.html -->
<html>
<head>
    <!--Stylesheet-->
    <link rel="stylesheet" href="style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <!--Container for React rendering-->
    <div id="container"></div>
    <!--Bundled file-->
    <script src="bundle.js"></script>
</body>
</html>

4. Create Cloudinary Account

You need a Cloudinary account to continue with these examples. Sign up for free and store your credentials safely as shown on the dashboard:

Uploading Images

Before using the React SDK to deliver images from the Cloudinary servers, let’s use the awesome Cloudinary upload widget to upload images. First, we need to add this widget to our index.html:

<!-- ./public/index.html -->
<html>
<head>
   . . .
</head>
<body>
    . . .
    <!-- UPLOAD WIDGET -->
    <script src="//widget.cloudinary.com/global/all.js" type="text/javascript"></script>
    <script src="bundle.js"></script>
</body>
</html>

Next, we create a button, attach an event to it and upload an image once the button is clicked:

import React, { Component } from 'react';
import { render } from 'react-dom';

class Main extends Component {

    uploadWidget() {
        cloudinary.openUploadWidget({ cloud_name: 'CLOUD_NAME', upload_preset: 'PRESET', tags:['xmas']},
            function(error, result) {
                console.log(result);
            });
    }
    render(){
        return (
            <div className="main">
                <h1>Galleria</h1>
                <div className="upload">
                    <button onClick={this.uploadWidget.bind(this)} className="upload-button">
                        Add Image
                    </button>
                </div>
            </div>

        );
    }
}

render(<Main />, document.getElementById('container'));

The uploadWidget member method is the handler invoked by the click event to handle our image upload by calling cloudinary.openUploadWidget. openUploadWidget takes a config object and the upload callback handler. The config object must have at least cloud_name and upload_preset properties with valid values. You can read more about Cloud Names and Upload Presets.

Delivering Images with SDK

The Cloudinary React SDK has three major components, Image, CloudinaryContext and Transformation:

  • Image: This component is responsible for the actual delivery of images. It takes the image ID and asks the server for this image. When the image is provided, it is also responsible for painting the image on the browser.
  • Transformation: This component is used to apply transformations to images delivered with Image.
  • CloudinaryContext: You can specify Cloudinary configuration for each image on the Image component. This can be tedious when you are dealing with multiple images. CloudinaryContext allows you to apply configuration to a group of Images.

Most times you would end up with a structure like this:

<CloudinaryContext>
    <Image>
        <Transformation />
        <Transformation />
    </Image>
    <Image>
        <Transformation />
    </Image>
</CloudinaryContext>

Back to our demo app, we can request an image from the Cloudinary server and display it with the following components:

import React, { Component } from 'react';
import axios from 'axios';
import { CloudinaryContext, Transformation, Image } from 'cloudinary-react';
import { render } from 'react-dom';

class Main extends Component {
    constructor(props) {
        super(props);
        this.state = {
            gallery: []
        }
    }
    componentDidMount() {
    // Request for images tagged xmas       
axios.get('http://res.cloudinary.com/christekh/image/list/xmas.json')
            .then(res => {
                console.log(res.data.resources);
                this.setState({gallery: res.data.resources});
            });
    }
    uploadWidget() {
       // . . .
    }
    render(){
        return (
            <div className="main">
                <h1>Galleria</h1>
                <div className="gallery">
                    <CloudinaryContext cloudName="CLOUDNAME">
                        {
                            this.state.gallery.map(data => {
                                return (
                                    <div className="responsive" key={data.public_id}>
                                        <div className="img">
                                            <a target="_blank" href={`http://res.cloudinary.com/christekh/image/upload/${data.public_id}.jpg`}>
                                                <Image publicId={data.public_id}>
                                                    <Transformation
                                                        crop="scale"
                                                        width="300"
                                                        height="200"
                                                        dpr="auto"
                                                        responsive_placeholder="blank"
                                                    />
                                                </Image>
                                            </a>
                                            <div className="desc">Created at {data.created_at}</div>
                                        </div>
                                    </div>
                                )
                            })
                        }
                    </CloudinaryContext>
                    <div className="clearfix"></div>
                </div>
            </div>

        );
    }
}

render(<Main />, document.getElementById('container'));

Take one more look at the upload code:

 cloudinary.openUploadWidget({ cloud_name: 'christekh', upload_preset: 'idcidr0h', tags:['xmas']},
            function(error, result) {
            . . .

Each image is tagged with xmas, which serves as a way to request images with this tag as a collection. This is exactly what we are using the axios library to do when the component mounts:

axios.get('http://res.cloudinary.com/CLOUDNAME/image/list/xmas.json')
            .then(res => {
                console.log(res.data.resources);
                this.setState({gallery: res.data.resources});
            });

axios uses promises, so whenever the promise resolves in our case, we have a payload of images. We take advantage of React state to update our UI with the fetched resources.

Down to rendering, we configure the CloudinaryContext with our cloud_name, iterate over the gallery state that stores the images and displays them using the Image component. We also apply few transformations using the Transformation component.

For security reasons, Cloudinary will not allow you to make such request from the client unless you tell it to. The best way to go is to use the admin API via a backend SDK and then send the resource list to the client.

Updating State with New Uploads

We are able to upload images and request for images to be displayed on the user’s browsers. Here is how we update the displayed images instantly when the user uploads a new image:

uploadWidget() {
        let _this = this;
        cloudinary.openUploadWidget({ cloud_name: 'CLOUDNAME', upload_preset: 'PRESET', tags:['xmas']},
            function(error, result) {
            // Update gallery state with newly uploaded image
                _this.setState({gallery: _this.state.gallery.concat(result)})
            });
    }

Rather than logging the uploaded image information to the console, we update the gallery state, which bears the list of requested images, by concatenating the uploaded result to the gallery.

Image Management Simplified

Image uploads, transformation and delivery has never been easier. These tasks have been a serious challenge for developers. Cloudinary has created a way to abstract all this hard work, enabling you to simply plug and play.




image

X Ray - The Inner Image

X Ray: The Inner Image is a story of lust. A young man is alone at home one rainy night. A young girl comes knocking on his door with a request to fix her car which won’t start. Since it is raining and locating a car mechanic seems to be an almost impossible task, the man offers her his home to spend the night. But he loses control over himself when he sees the girl changing into dry clothes for the night. His lusty and carnal desires get the better of him. The girl is devastated when he advances towards her. What happens thereafter?




image

Gardening can Boost Your Body Image Amid COVID-19 Lockdown

Highlights: Gardening can help you love and appreciate your own body Being close to nature and spending mo




image

Tax-News.com: HMRC Focusing On Image Rights Tax Avoidance

The UK tax agency has confirmed that it is investigating around 170 professional soccer players' tax affairs and around 20 football clubs, focusing on the taxation of image rights.




image

Devex: How satellite images could improve water management in Africa

“One of the big challenges of dealing with water resource management is: How are you going to manage something if you can't measure it?” said William Rex, senior adviser at the International Water Management Institute.




image

Devex: How satellite images could improve water management in Africa

“One of the big challenges of dealing with water resource management is: How are you going to manage something if you can't measure it?” said William Rex, senior adviser at the International Water Management Institute.




image

Negative Body Image Can Be Turned Into a Positive One With Mindfulness

Practicing mindfulness could change your negative perception about your body, finds a new study. The results of this study are published in the journal Body Image.




image

New AI Based System Associates Images With Sounds

Using artificial intelligence techniques, scientists have designed a new system that can automatically learn the association between images and the sounds they could plausibly make.




image

Bella Thorne posts shocking and gross images of her face in revelatory Instagram post (Photos)

Bella Thorne really likes to bare it all. The actress took to Instagram to show off some pretty raw behind the scenes photos of herself.




image

Erik Fyrwald: Changing the image of the agrochemicals industry

Concerns over climate change led the chemicals veteran to dramatically transform Syngenta




image

Deep Render raises £1.6M for image compression tech that mimics ‘neural processes of the human eye’

Deep Render, a London startup and spin-out of Imperial College that is applying machine learning to image compression, has raised £1.6 million in seed funding. Leading the round is Pentech, with participation from Speedinvest. Founded in mid-2017 by Arsalan Zafar and Chri Besenbruch, who met while studying Computer Science at Imperial College London, Deep Render […]




image

Deep Render raises £1.6M for image compression tech that mimics ‘neural processes of the human eye’

Deep Render, a London startup and spin-out of Imperial College that is applying machine learning to image compression, has raised £1.6 million in seed funding. Leading the round is Pentech, with participation from Speedinvest. Founded in mid-2017 by Arsalan Zafar and Chri Besenbruch, who met while studying Computer Science at Imperial College London, Deep Render […]




image

Deep Render raises £1.6M for image compression tech that mimics ‘neural processes of the human eye’

Deep Render, a London startup and spin-out of Imperial College that is applying machine learning to image compression, has raised £1.6 million in seed funding. Leading the round is Pentech, with participation from Speedinvest. Founded in mid-2017 by Arsalan Zafar and Chri Besenbruch, who met while studying Computer Science at Imperial College London, Deep Render […]




image

NASA and Planet expand imagery partnership to all NASA-funded Earth science research

NASA and Planet have deemed their pilot partnership a success, and the result is that NASA will extend its contract with Planet to provide the company’s satellite imagery of Earth to all research programs funded by the agency. NASA had signed an initial contract last April with Planet to provide Planet imagery to a team […]




image

ZmURL customizes Zoom link previews with images & event sites

Sick of sharing those generic Zoom video call invites that all look the same? Wish your Zoom link preview’s headline and image actually described your meeting? Want to protect your Zoom calls from trolls by making attendees RSVP to get your link? ZmURL.com has you covered. Launching today, ZmURL is a free tool that lets […]




image

Astronomers in Hawaii capture high resolution images ..ky imaging’ technique, probe into planet's cloud tops - Firstpost

  1. Astronomers in Hawaii capture high resolution images ..ky imaging’ technique, probe into planet's cloud tops  Firstpost
  2. Giant Planet More Astounding Than Before  NEWS9 live
  3. Scientists obtain 'lucky' image of Jupiter  BBC News
  4. New images of Jupiter captured by astronomers using `lucky technique`  WION
  5. Scientists probe Jupiter's violent storms, lightning strikes  EdexLive
  6. View Full coverage on Google News




image

Deep Render raises £1.6M for image compression tech that mimics ‘neural processes of the human eye’

Deep Render, a London startup and spin-out of Imperial College that is applying machine learning to image compression, has raised £1.6 million in seed funding. Leading the round is Pentech, with participation from Speedinvest. Founded in mid-2017 by Arsalan Zafar and Chri Besenbruch, who met while studying Computer Science at Imperial College London, Deep Render […]




image

This Smart, AI-Powered Stock Photo Library Helps You Find the Perfect Image

Regardless of your industry, JumpStory has assets for you.




image

Belgravia FIRST LOOK: Harriet Walter joins Tamsin Greig and Ella Purnell in new images from ITV show

The first images of Harriet Walter Tamsin Greig, and Ella Purnell were released by ITV on Wednesday, which saw the stars dressed in their finery for the period drama.




image

Serena Williams is the spitting image of her daughter Olympia in sweet selfie

The tennis star, 38, beamed alongside her daughter in the cute selfie just days after she warmed fans' hearts with a hilarious beauty video.




image

Chiefs' Frank Clark dons sweatshirt featuring image of Donald Trump's 2016 meeting with Kanye West

Kansas City Chiefs defensive end Frank Clark greeted reporters wearing a sweatshirt emblazoned with an image of Donald Trump's 2016 meeting with rapper Kanye West at Trump Tower.




image

Sportsmail's Andy Hooper image of 2014: Our photographer reflects on his iconic Commonwealth Games photo which includes England stars Louis Smith, Adam Gemili and Max Whitlock

2014 has seen another 12 months of tantalising sporting action. Sportsmail have captured these historic moments step-by-step through our own brilliant photography team.




image

Iggy Azalea denies Photoshopping images from her new album

Iggy Azalea has been forced to deny Photoshopping images from her new album, Wicked Lips.




image

Orange Is The New Black returns for seventh and final season as sneak peek images are released 

Fans are preparing to say goodbye to the women of Litchfield Penitentiary with the final season of Orange Is The New Black coming this summer. 




image

Robert Blomfield's images capture Edinburgh in the 1960s

Robert Blomfield had practiced photography across the UK from the 1950s to the 1970s and started capturing the beauty of Edinburgh when he moved to the city to study medicine.




image

Stunning aerial image reveals the mini-village created by Ed Sheeran in just five frantic months 

After amassing an estimated £160million fortune, Ed Sheeran has set about creating his own extraordinary estate - dubbed 'Sheeranville' - in Suffolk.




image

Teacher at private school attended by Emma Watson faces jail for downloading child sex abuse images 

Dr Paul Dean, 66, admitted three counts of making indecent images of children and will be sentenced next month. Parents at The Dragon School, Oxford, have been told of his conviction.




image

Haunting images by Romain Veillon of France's last panopticon jail in Autun

They were taken by French photographer Romain Veillon inside the city of Autun jail, which has a design much-dreaded among prisoners - panopticon. It has been abandoned since 1956.




image

Satellite images reveal fleets of empty cruise ships clustering together in Caribbean & Philippines

At least three groups of cruise ships, with 15 in total, are clustered together off Coco Cay and Great Stirrup Cay in the Bahamas and about 12 are off the coast of Manila, in the Philippines.




image

Children exposed to sexual abuse images on zoom

The app, which has surged in popularity in lockdown, has been urged to tighten security as children's charity the NSPCC warned of a 'growing trend' of Zoom calls being infiltrated.




image

Image of Scott Morrison 'drinking a beer' at the NRL in Fiji causes a huge stir online 

Scott Morrison was acting as a 'water boy' during the Kangaroos friendly match against Fiji at ANZ Stadium in Suva on Friday when he knocked back the drink in the stands.




image

Sonny Bill Williams tweets graphic images of dead Syrian refugee children

WARNING GRAPHIC CONTENT: Sonny Bill Williams tweeted explicit pictures of two dead children with wounds to their heads and torsos following his visit to Syrian refugee camps.




image

Is that you, Bec? Hewitt's youngest daughter Ava, nine, is the spitting image of her mother

She's the youngest daughter of former Home and Away star Bec Hewitt and her champion tennis father, Lleyton. 




image

Ultra-high-resolution aerial images reveal some of the world's most astonishing mega-cities

Photographer Ryan Koopmans, 33, spent ten years capturing the views. His pictures showcase the stunning variation in architecture in places like Dubai, Singapore, London, South Africa and Chicago.




image

Police release CCTV images of four men wanted over coronavirus hate attack

Detectives probing the 'racially aggravated' assault of 23-year-old Jonathan Mok on Oxford Street, central London, today issued a series of images of the suspects.




image

Selena Gomez sues company behind mobile game for using name, image and likeness without permission

In the legal documents, TMZ reports, Gomez says a Flare magazine cover she posed for is used in the game and accuses the makers of profiteering off her fame.




image

Images released of Prince dead inside his Paisley Park compound

Video released by the Carver County Sheriff's Department shows Prince's Paisley Park estate in the moments after authorities responded to a report that the singer was unresponsive.




image

Images reveal the world's longest water slide, at Malaysia's Escape Theme Park

Once finished in August, the slide in Malaysia will surpass a 1,984ft (605m) water slide in New Jersey that currently holds the Guinness World Record title for being the longest.




image

Ecological Society photo competition features STUNNING images of the natural world

Roberto García Roa from the University of Valencia captured the winning image called 'Red Night', which shows a Malagasy tree boa perched in a tree, that he photographed while in Madagascar.




image

The news images of the year: Brexit anger, Hong Kong protests and Theresa May's tearful goodbye

Getty Images have published their annual News Images Of The Year - a poignant collection of photographs from politics (pictured), war zones and current affairs in 2019.




image

Man fleeing from leopard is just one image to make it onto AFP's best photos of 2019 list 

From an emotional Theresa May announcing her resignation to damage caused by Storm Dorian in the Bahamas, AFP has published a selection of its best and most poignant photos of the year.




image

Vintage images show construction of 55 Broadway London Underground HQ

Astounding black and white images from 1928 show 'human flies' hanging off the construction site for 55 Broadway - the London Underground headquarters near St James's Park.




image

Driver with indecent child images caution was among 43 Uber workers who faked IDs to get fares

The ride-hailing firm was stripped of its licence to operate in London yesterday after Transport for London found 14,000 rides had been provided by drivers using bogus identification.