Thursday, November 2, 2017

Interactions 2.0

Wild and hilarious One Pager by WebFlow paying homage to the trends and phases of the World Wide Web. The long-scrolling site features awesome vintage screenshots, animations and jokes as you scroll. A fun and smart marketing page by WebFlow promoting their new animations and interactions tool.

Full Review | Direct Link


by Rob Hope @robhope via One Page Love

Across Consultoria

Developed in WP responsive


by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

Isis Cocco

Lovely subtle moving background shapes in this minimal One Pager for product designer, Isis Cocco.

Full Review | Direct Link


by Rob Hope @robhope via One Page Love

#DoWhatYouCant

One Page website for the Samsung #DoWhatYouCant campaign featuring Austrian World Cup alpine ski racer, Marcel Hirscher. (the main navigation is allowed as they link to the Samsung website and this is on it’s own dedicated domain)

Full Review | Direct Link


by Rob Hope @robhope via One Page Love

How to Spend The Last 10 Minutes of Your Working Day - #infographic

Everybody knows there aren't enough hours in the day - and making the best use of available time can be a challenge. It gets frustrating when little pockets of time get wasted because you don't know how to fill them. The last ten minutes at work are a great example of this - you've not...

[ This is a content summary only. Visit our website http://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Web Desk via Digital Information World

Arrow for Better Date and Time in Python

Manipulating date and time is a common scenario in any programming language. Without the help of a handy library, it can become a tedious job requiring sufficient effort. Let's have a look at the Arrow library, which is heavily inspired by popularly used Python libraries Moment.js and Requests. Arrow provides a friendly approach for handling date and time manipulation, creation, etc. 

From the official documentation:

Arrow is a Python library that offers a sensible, human-friendly approach to creating, manipulating, formatting and converting dates, times, and timestamps. It implements and updates the datetime type, plugging gaps in functionality, and provides an intelligent module API that supports many common creation scenarios.

Getting Started With Arrow

To get started with the Arrow library, you need to have Python installed on your system. Also make sure you have pip, Python package manager, installed in your environment.

Now install Arrow using pip.

You'll learn how to use Arrow in your web application development project for date and time manipulation, creation, etc. So let's start by creating a web application using Python Flask.

Using pip, install Python Flask, if it's not already installed.

Create a file called app.py which would be the Python application file. Add the following code to app.py:

Save the above changes and run the application using python app.py, and you should have the application running on http://localhost:5000/.

Local Time to UTC Time & Vice Versa

One of the most common scenarios that you face in a web application development project is fetching the local time, converting the local time to UTC (Coordinated Universal Time) time and then converting UTC time to local time for display in a web application based on time zone. 

To use Arrow in your Python Flask project, you need to import the library in app.py.

Once it's imported, you can straight away use the arrow object for date and time manipulation and creation.

Let's create a route and method to fetch the local time. Add a route called getLocalTime and its corresponding method. Arrow provides a method called now to get the current local time. Use the now method to get the local time, and to return the date you need to convert it into ISO format. Here is how the code looks:

Save the above changes and restart the server. Point your browser to http://localhost:5000/getLocalTime and you should be able to view the local time.

Normally, you tend to save the date and time in UTC format in databases and display the local time by converting the UTC time to local time. So let's have a look at how to convert the local time to UTC time for database storage. 

Create a route and method called getCurrentUtcTime. In order to get the current UTC time, arrow provides a method called utcnow. You can use it to get the current UTC time as shown:

The above method gets the current UTC time. If you already have a date and time for which you want to get the UTC, arrow provides a to method for doing this. Using the to method, you need to provide the time zone to which you need the date and time to be converted. So, here is how you can convert the local time to UTC:

When you save the date and time in the database, you save it as a timestamp. To get the UTC timestamp, you need to call the .timestamp attribute of the object.

You cannot show the UTC timestamp when displaying data to the client side. You need to convert the UTC timestamp to local time. In order to do that, you first need to create the arrow object using the arrow.get method. Then you can use the arrow.to method to convert the UTC time to local time. Here is how the code looks:

Save the above changes and restart the server. Point your browser to http://localhost:5000/convertUtcToLocal and you should be able to view local time retrieved by converting the UTC timestamp to local time.

Manipulating Date & Time

Most of the time, it's required to manipulate the date and time by adding or removing a few hours, minutes, etc. to the datetime object. Arrow provides two methods called replace and shift for manipulating the datetime object.

Let's say that you have an arrow datetime object. Now you want to replace a few things in the datetime object. You want to alter the minute and second of the datetime.

To replace the minute and second of the localDateTime, you can use the replace method provided by the arrow library. Here is how the syntax looks:

If you want to increment the datetime by a certain parameter like day, hour, week, etc., you can use the shift method. All you need to do is provide the parameter using which you need to shift the datetime. Let's say you need to increment the datetime by one day. The code would be like this:

To decrement the datetime by two days, the code would be like:

Formatting the Date Using Arrow

In order to format the datetime as per your custom format, you can use the format method provided by arrow. 

For example, to format datetime to YYYY-MM-DD format, you need to use the following code:

Similarly, to format datetime to YYYY-MM-DD HH:mm:ss format, you need to use the following code:

Human-Friendly DateTime Representation

Arrow provides a method called humanize to represent the datetime in a human-friendly representation. Most of the time, the user needs to know how much time it has been since a particular time. You can use the humanize method to show the user how much time it has been since now. Here is some example code:

As seen in the above code, if you use humanize to represent how much time it has been since the current datetime, it would show the above result.

Now let's take a look at a prior date.

As seen in the above code, you just used the humanize method with an earlier date, and it shows the relative number of days with respective to the current date.

You can also use humanize to show the relative number of days between two dates. For example:

As seen in the above example, you created a later date and an earlier date by shifting the number of days. Then you checked the relative number of days from earlierDate to laterDate using the humanize method, which printed the above message.

Converting to a Different Time Zone

Arrow provides a convert method to convert the local time to a preferred time zone. For example to convert the local time to UTC time, you can use the following command:

To convert the UTC time back to the local time zone, you can use the following code:

To convert the UTC time to any specific time zone, you can specify the time zone and you'll get the time from that particular time zone. For example:

In the above code, you specified the UTC time to be converted to the America/New_York time zone, and similarly you can provide any time zone that you want the UTC to be converted to.

Wrapping It Up

In this tutorial, you saw how to use Arrow, a Python library for date and time manipulation, creation and formatting. From a developer point of view, the Arrow library seems to be a complete fit for date and time manipulations when used in a Python project.

Additionally, don’t hesitate to see what we have available for sale and for study in Envato Market, and don't hesitate to ask any questions and provide your valuable feedback using the feed below.

Do you have any prior experience using the Arrow library? What is your point of view? Did you face any issues while using the library? Do let us know your thoughts and suggestions in the comments below. 


by Roy Agasthyan via Envato Tuts+ Code

5 Ways to Monetize YouTube Video Content

Do you want to make money from your YouTube content? Have you thought about working with a sponsor? A video sponsorship is an excellent way for YouTube channels to generate supplemental revenue outside of AdSense. In this article, you’ll discover five ways YouTube creators can earn money with video sponsorships. Plug or Mention the Sponsor [...]

This post 5 Ways to Monetize YouTube Video Content first appeared on .
- Your Guide to the Social Media Jungle


by Dorothy Cheng via