Monday, 29 February 2016

CaptainForm Review – And Why Line25 Switched to it

Today we will be reviewing CaptainForm – a WordPress plugin built specifically for creating various types of forms. First, it should be noted that after we reviewed CaptainForm we switched to it from another forms plug-in we were using, so that should speak about the quality of this plug-in. Let us look at CaptainForm and see why it would make an excellent choice for you.

CaptainForm is a WordPress forms plugin, built for WordPress by a company that specializes in creating forms (123ContactForm). The WordPress version is pretty new, but 123ContactForm have been building form plug-ins for years, having built stand-alone form plug-ins, WordPress plugins, Wix contact form plug-ins and more. This isn’t a new development company just starting out – it is a well established development company that excels at what it does.

CaptainForm is a plug-in that can be used to create almost any type of form. You can see the WordPress page for it with few, but extremely positive reviews of people putting the WordPress forms builder to various types of uses. On Line25, we are using it as a contact form plugin.

Take a look below to see how easy it is to create a contact form using CaptainForm. After you’ve installed the plug-in, click on New Form and you are presented with an option to choose the type of form you want to create:

2-create-new-form-choose-type

You can see that the options are Blank Form – ideal for someone who wants total customization, Contact & Lead Form, Event Registration, Order Form, Survey, Quiz Form, Poll Form and “Other” Form, which is a catch-all for any other type of form you want to create with CaptainForm. I chose Contact & Lead Form, and from there I was taken to this page:

3-contact-lead-form

There are a number of customization options here which I personally didn’t have the need for, as I want to make sure the form is simple and to the point. I did customize it a bit though, putting the subject that I want, and making sure that all emails go to hello (at) line25.com.

4-form-notifications-1

I then explored other customization options to see what I would need:

5-form-notifications-2

As you can see from above (which shows just part of the options), the plug-in is extremely customizable. You can show a message to the person who filled the form, redirect them to any page you want, show them specific HTML code and more. Options like these aren’t available on any other WordPress forms plug-ins that I’ve seen.

But that’s far from all. You also have a number of appearance customization options in your form, as you can see from the below screen shot.

6-form-themes

I stuck to a color scheme that is similar to Line25’s. It should be noted that you can also use your own CSS, making sure the form blends perfectly with all of the site’s colors.

CaptainForm also has a number of add-ons which you can use within the form itself. You can see below a total of 24 add-ons (we’re using the Hero version) that can be connected to the form, such as Salesform, Mailchimp, iContact, Aweber, Zendesk and many more.

7-3rd-party-apps

Do you want to create a payment form within your contact form? You can do that too with CaptainForm. You can see the screen shot below which shows some of the extensive options in the “Payments” tab of CaptainForm:

8Payments-v2

And finally, what form would be complete without an excellent security and anti-spam features? CaptainForm has a number of security options, such as form password protection, anti-spam protection, multiple Captcha settings (even a “Smart Captcha” setting which automatically detects when to show captcha and when not to show it), and even a country-wide filter that allows you to further limit who can contact you and who can’t.

9-security

There are a number of other settings inside CaptainForm. CaptainForm is an extremely diverse, polished and complete WordPress form plug-in – something that we have ourselves started using and can recommend to others.

Now let us talk about pricing. CaptainForm has 4 plug-in versions, and you can choose that one that suits you best. The plans start at the free version, which can be used on 1 site and allows you to create a total of 3 forms with 15 fields, 500 submissions a month and gives you 100 MB of storage. The next plan costs just $35/year (a bit over $1/month) and allows unlimited forms with unlimited fields to be used on 1 site. It also moves you up to 5000 submissions per month, gives you access to 5 native form add-ons (as mentioned earlier) and gives you 500 MB of storage. The next level up costs $95/year (just ~$8/month) and lets you use the CaptainForm plug-in on 3 websites with unlimited forms, fields and 20,000 secured form submissions per month, as well as a total of 14 native add-ons and  2 GB storage. Finally, the Hero plan, which is what we are using on Line25, allows the plug-in to be used on unlimited sites with unlimited forms and fields with 100,000 secured submissions per month, all 24 native add-ons, 10 GB of storage, payment integration and multi-site support. The Hero plan is the most expensive, but it’s still extremely competitively priced at just $195/year (~$16/month). Compare this to WuFoo Forms, which is what we were using previously, where the highest level plan is $69.96 per month and you will quickly see just how cheap the Hero plan is at $195 per year, and how much of an incredible deal it is.

To sum up this review, we are happy to have discovered the CaptainForm plug-in for WordPress and can recommend it to anyone looking to create any forms on their WordPress website.

You can check out CaptainForm by following the link below:

Check out CaptainForm WordPress Plug-in

The post CaptainForm Review – And Why Line25 Switched to it appeared first on Line25.



from Line25 http://bit.ly/1QfSNpc via http://bit.ly/1TXnzEF
from Tumblr http://bit.ly/1Thw7c9

Friday, 26 February 2016

28 CSS Effects & Tutorials All Designers Must Know About

CSS effects will add a special touch to any website. This type of coding language can be used to create cool visual effects and layouts for your website, and best of all, it’s relatively simple and straightforward. Even if you’re not familiar with coding, it won’t be very difficult to get the hang of it. However, it will require a certain amount of creativity and experimentation. The good news is that you’re not alone – there are so many designers and developers who can share their knowledge with you by showing you CSS tutorials so that you won’t run into the same problems all the time.

We have found 28 CSS effects and tutorials that will help you with your design projects. Some of these are pre-made for you, and others will guide you in creating something of your own. If you’ve ever wanted to come up withunique typography effects, learn how to create parallax scrolling, or recreate the touch ripple effect, you’ve come to the right place. We found some great tutorials to help you on your journey to becoming a better designer, and, hopefully, learn a little more about coding, which is a very useful skill to have nowadays.

Once you master the use of CSS, you’ll be able to create beautiful css-based designs with great efficiency and ease. Creating designs based on CSS instead of heavily relying on images makes your websites light and fast. The best part about CSS is that it gives you complete freedom over the design process, so you can come up with something that’s never been made before. This makes designing more fun and exciting, and allows the designer to add their own special touch to their projects. Most coders agree that the best part about it, in spite of being tedious at times, is the complete artistic freedom that it gives them.

This article features 28 CSS effects every designer must know about. The tutorials are extremely easy to follow, and very useful, regardless of your previous experience with coding. You might even realize that you absolutely love coding and that you’d like to experiment with it more. Regardless, we hope that you’ll learn something new and apply these new skills to your next web design project. Also, let us know what you think in the comment section below!

How To Create Flat Style Breadcrumb Links with CSS

How To Create a Trendy Flat Style Nav Menu in CSS

How To Create a Pure CSS Dropdown Menu

Typography Techniques & Styles

Typography-Techniques-&-Styles

NobodyRocks

NobodyRocks

HTML burger button

HTML-burger-button

Slide and push menus

slide-and-push-menus

Fluid menu with transparent icons

fluid-menu-with-transparent-icons

Dot navigation styles

dot-navigation-styles

Fixed vertical menu

fixed-vertical-menu

Round, flat and flip-style CSS toggle switches

round,-flat-and-flip-style-CSS-toggle-switches.

CSS3 Star Wars lightsaber checkboxes

CSS3-Star-Wars-lightsaber-checkboxes

Animated single input 3D form

animated-single-input-3D-form

Slideshow/click through box

slideshow-click-through-box

Reavealing image captions

reavealing-image-captions

Style and animate SVG elements

style-and-animate-SVG-elements

Animate festive SVG icons

animate-festive-SVG-icons

Flat responsive sliding boxes

flat-responsive-sliding-boxes

Simple parallax scrolling page

simple-parallax-scrolling-page

Fullscreen product wall

fullscreen-product-wall

Slide-out footer

slide-out-footer

Touch ripple effect

touch-ripple-effect

Animated weather icons

animated-weather-icons

CSS3 3D experiment

CSS3-3D-experiment

Extruding text effect

extruding-text-effect

Flat and 3D progress button styles

flat-and-3D-progress-button-styles

Circular progress button

circular-progress-button

Stylish CSS Butons

four-different-button-styles

The post 28 CSS Effects & Tutorials All Designers Must Know About appeared first on Line25.



from Line25 http://bit.ly/1OAFrja via http://bit.ly/1TXnzEF
from Tumblr http://bit.ly/1n1HZR9

Thursday, 25 February 2016

20 Superb HTML5 Video Websites

Websites that feature a video on their welcome page are increasing in popularity, as they draw the visitor’s attention from the get-go and create a more interesting environment. If used properly, videos can give the visitor a better understanding of the website by telling a story that will stick with the viewer. They can also add a good and inviting vibe to a webpage, that replaces a static, cold background image. Thanks to HTML5, which supports the latest multimedia, you can share high quality, browser-sized videos that will entertain and inspire viewers.

There are various ways of incorporating videos into a website. One way is to add it on the main page, or at the top of the page (for one-page websites), in order to make sure that it’ the first thing that the site visitor sees. This way you can effectively communicate something to your audience, like explaining the benefits of what it is that you’re trying to sell or advertise what it is that you specialize in, so others can actually see instead of simply imagining what it is that you do. This way you can showcase your work in the best possible way, and increase sales and website views.

Another cool way of incorporating a video into a website is by making the video the actual background of your website. This way, you’ll have the freedom to discreetly control the visitor’s mood, while improving the overall feel and atmosphere by adding this unique touch. The different elements that you use will also play a crucial role. For example, the music that you choose, in combination with different scenes, can serve to ether uplift someone’s mood, or can create nostalgia, or some sort of a sentimental attachment to your video. By editing and combining these different elements, you’ll be entirely responsible for the message that you’re trying to send, without leaving room for misunderstanding, misleading interpretation, or confusion.

In this article we would like to share with you 20 superb HTML5 video websites. These websites are incredibly inspiring and very creative, and we think they will help inspire you, as well! They truly feature some lovely videos that will completely change your mood, like the Adidas website featured below that is guaranteed to make you smile as it introduces us to people from different parts of the world in just about one minute; their colorful personalities and the beautiful scenery in the background will surely make you feel excited about the brand, which is exactly what the designer’s goal was! Take a look and let us know which website you liked best in the comment section.

Art, Copy & Code

Art,-Copy-&-Code

ONY Agency

ONY-Agency

Made by Hangar

Made-by-Hangar

Lois Jeans Spring Summer 2013

Lois-Jeans-Spring-Summer-2013

Irak: 10 ans, 100 regards

Irak-10-ans,-100-regards

K O J O

K-O-J-O

Make your move: Herzo Adidas

Make-your-move-Herzo-Adidas

Mahedine Yahia

Mahedine-Yahia

Sketchin

Sketchin

Core4 Agency

Core4-Agency

Lights and Shadows

Lights-and-Shadows

Find your way to Oz

Find-your-way-to-Oz

mediaBOOM

mediaBOOM

Life of Pi

Life-of-Pi

Fernando Maclen

Fernando-Maclen

Eagleclean

Eagleclean

Dromoland Castle

Dromoland-Castle

Flipboard

Flipboard

Arcade Fire

Arcade-Fire

Nike Jordan M6

Nike-Jordan-M6

The post 20 Superb HTML5 Video Websites appeared first on Line25.



from Line25 http://bit.ly/1oJRupO via http://bit.ly/1TXnzEF
from Tumblr http://bit.ly/1Q4auIe