How To Embed A Google Form On Your Website

Sometimes we get stuck at stupid things and it never hurts to get a quick solution rather than trying to figure out on your own.

"How To Embed A Google Form On Your Website" was one of them for me.
Unfortunately, I didn't find any such quick solution. All the top related posts were based on old format of Google Drive. For a second I thought, 'Could it be that Google has removed this feature?'.

But ultimately, I did discover it, and it's pretty darn simple.

So,

Here's what it looks like when you go on to create a new form.

Now, once you're done with crafting your Google form, just click on that SEND button in the top-right corner. A popup like the the one shown below will appear.

Now, to embed the form on your blog or website, click on the third '< >' option next to 'Send via'.
It will be something like this.

Now simply copy and paste the code wherever you wish to embed the form.

Building apps using React Native App Generator

React Native has been around for quite a while now and is gaining huge popularity within the developer community since its launch by Facebook in March 2015 having received 5629 commits  and 30,206 stars on their Github repo in such a small span.

Those who are not or little familiar with it, React Native is a framework for building native apps using React and Javascript.

The best parts about it,

• JavaScript to build native apps
  React Native has JavaScript running in a background thread which prevents the UI from hanging and makes coding easy for JavaScript developers.
  Ultimately, it gives you the user experience of the native mobile platforms, along with the developer experience of building on the web.
  All operations between the JavaScript application code and the native platform are performed asynchronously. Hence, React Native apps are naturally fluid and responsive.
• Native all over
  Unlike PhoneGap, which has webview instead of native UI making it slow, everything about React Native is very much native, native components, native views, native modules, native everything. You can update your UI effortlessly.
  All of that with no compromise in performance because as we pointed out, there is JavaScript running on a separate thread.
• No trouble of compiling again and again
  With React Native, you don’t need to compile every time you make a change. It’s just as simple as you code in the browser; save and reload.

After our amazing experience of working with React, we were more than excited to try our hands on React Native, which led us to build Native Starter Pro, a single Javascript code based iOS and Android starter kit over React Native.

Following the awesome feedback we got from its users, we were inspired to add more to it and that, brought React Native App Generator into existence.

React Native App Generator

The app generator generates apps on the layout of Native Starter Pro in five simple steps.
You choose your colours, app name, a logo, an awesome splash screen, build your menu.
And you're good to go. You can download your app and you'll receive the generated app's source code in your Inbox then and there.

The app generator is free for Native Starter Pro users.
What could be a better head start for your project?

You can take a better look at its features on its official product page on StrapMobile.

You can also analyze the workflow of React Native App Generator even if you're not a user of Native Starter Pro.

We really appreciate feedbacks, so do tell us what you think of it. 
Originally posted on LinkedIn.

2016 Web Design Trends: Will HTTP/2 Rule?

In simplest words, as put by Wikipedia, HTTP/2 is the second major version of the HTTP network protocol.

Earlier, in February 2015, Google had announced that they plan to remove support for SPDY in early 2016 and strongly encourage server developers to move to HTTP/2 and ALPN.

Now,

What does HTTP/2 has to offer?

In a nutshell, better speed, better security, better UX.

In a little detail, Akamai puts the benefits of HTTP/2 pretty well.

Multiplexing and concurrency: Several requests can be sent in rapid succession on the same TCP connection, and responses can be received out of order — eliminating the need for multiple connections between the client and the server

Stream dependencies: the client can indicate to the server which of the resources are more important
than the others

Header compression: HTTP header size is drastically reduced

Server push: The server can send resources the client has not yet requested

You will not need to change your websites or applications to ensure they continue to work properly. Not only will your application code and HTTP APIs continue to work uninterrupted, but your application will also likely perform better and consume fewer resources on both client and server.

Take A Demo

The Akamai Demo demonstrates the loading of their Akamai Spinning Globe via HTTP/1 and HTTP/2. The difference is actually amazing to see.

 Moreover, you can head over to loadimpact to check the impact on your website; in fact any website.

Check it out, here.

There has to be some shortcoming

There are few who don’t seem much impressed.

Author of Varnish, Poul-Henning Kamp, feels that HTTP/2.0 is really just a grandiose name for HTTP/1.2: An attempt to smooth out some sharp corners, to save a bit of bandwidth, but not get anywhere near all the architectural problems of HTTP/1.1 and to preserve faithfully its heritage of badly thought out sedimentary hacks.

Perhaps it would be too soon to make any predictions. Let’s see how it rolls out.

Will HTTP/2 replace HTTP/1.x?

As IETF HTTP Working Group answered in the HTTP/2 FAQ section, the goal of the Working Group is that typical uses of HTTP/1.x can use HTTP/2 and see some benefit. Having said that, we can’t force the world to migrate, and because of the way that people deploy proxies and servers, HTTP/1.x is likely to still be in use for quite some time.

Known Implementations of HTTP/2

You can view the known implementations of HTTP/2 so far, on HTTP/2 wiki.

Know More

This is a detailed document written by Daniel Stenberg describing HTTP/2 (RFC 7540), the background, concepts, protocol and something about existing implementations and what the future might hold.

9 Basic Tips To Make Your Website Actually Stand Out [Infographic]

Web Design is really not a tough game to play. Mostly it is little things that matter huge.
All you need to do is think from the user's perspective.

The following Infographic from Nicole's Classes covers it very well in 9 simple steps.