Anli

Bootstrap Tutorial: How To Create a Modal Video

by

Bootstrap Tutorial: How To Create a Modal Video

Today’s article is a Bootstrap tutorial where we’ll learn how to easily create a Modal video, also known as “Pop-up video”. I’ll explain step by step and with the use of code examples how to make this video appear when the user clicks on a specific button or link inside our web page.

For this tutorial we’ll use Bootstrap Modals and, of course, HTML, CSS for styling the modal window, and JavaScript for the modal’s behaviour.

As usual, in the end you can preview and download all the code as a handy template to modify as you like.

Read more

16+ Premium WordPress Themes for your Online Portfolio

by

WordPress Themes for your Online Portfolio

If you like to build websites with WordPress and you’re planning to create a portfolio site for yourself or your clients, today’s article is for you. In this post I’ve put together a list containing 16+ premium portfolio WordPress themes, chosen from the most popular and with the best user reviews on the web.

Among them you’ll find themes for designers, photographers, creative agencies, architects and other professionists that want to showcase their work in a beautiful and functional manner. Some of these themes offer also the possibility to set up an online shop and sell your products directly from your site, thanks to the integration with plugins like WooCommerce or Easy Digital Downloads. Let’s start with the themes:

Read more

Bootstrap Select and Multiselect Input Fields: Best Plugins to Use + Examples

by

Bootstrap-Select-Multiselect-plugins-examples

Frequently in our everyday design and development projects, when working with Bootstrap forms, we need to use various select or multiple select input fields. Usually the native look and feel of these fields is ugly, changes from browser to browser, doesn’t match our desired design style and doesn’t offer advanced features.

So, what can we do? Is there a way to overcome these “problems”? Maybe with some jQuery plugin?

With these questions in mind, I made a research on the internet and I found two free plugins that go along with Bootstrap and can help us in these cases, which you can see below along with their main features and examples of what they can do. You can choose one or another based on the type of project you’re working on and characteristics you need.

Read more

8 Best Premium Material Design WordPress Themes

by

8 Material Design WordPress Themes

In our last roundup article we saw some beautiful premium Material Design admin templates and we also learned what Material Design is: a set of specifics and directives used by Google’s designers to create the user interfaces of their applications for the web and for other devices, like the Android phones and tablets.

Today I’ll continue with this design style and present you a collection of 8 premium Material Design WordPress Themes created by independent designers that offer some nice features and can be used for different types of websites like: blogs, portfolios, corporate sites, creative agencies, one-page sites, educational sites, etc. Here they are:

Read more

Bootstrap Contact Form: How to Add a New Dropdown (Select) Field

by

Bootstrap Contact Form with Dropdown (Select) Field

After releasing many Bootstrap contact forms during the past few months, which you can find here, this is one of the recurring questions among the users of these forms:

How to add a new dropdown / select field to the contact form?

Some time ago I’ve written a tutorial about adding a new field to a Bootstrap contact form and particularly adding a dropdown field is not much different.

But, to some users this task might be confusing. That’s why today in this tutorial, I’ll explain step by step how to add a dropdown / select field to this Bootstrap contact form that I’ve chosen as an example (because I like that beautiful violet background).

At the end you can take the instructions below and apply them to my other templates, free and premium, to add new dropdown fields to the contact forms. They’re (almost) the same.

Let’s begin!

Read more

11 Beautiful Material Design Admin Templates

by

11 Material Design Admin Templates

Today’s article is a collection of 11 beautiful and premium Material Design admin templates that you can consider if you’re thinking of creating a new web application or project.

What is Material Design? – you may ask.

Material Design has been created by Google, here is a short introduction from its official site:

Material Design is a visual language that synthesizes the classic principles of good design with the innovation of technology and science.

Material Design is a set of specifics and directives used by Google’s designers to create the user interfaces of their applications for the web and for other devices, like the Android phones and tablets.

Material Design is a work in progress, so if you want to learn more about it and also stay updated on the new specifics and changes, visit and save the link above.

At the moment a lot of independent designers are following Material Design’s guidelines to create various templates, free and premium, like the admin themes I’ve chosen for this collection.

They come with many features and some of them are also based on Bootstrap. So, let’s begin:

Read more

Template Update: Marco v2.1 with 2 New Landing Pages

by

Marco v2.1 with 2 New Landing Pages

During the last few days I’ve been working on a new update of my most successful Bootstrap template, Marco, that I’m going to present in this article. After the 28 forms I added in the last update, this new version 2.1 comes with two new landing pages, increasing the number of Marco’s different layouts to 16.

The 2 templates come with some nice features like: MailChimp subscription forms, contact forms, popup (modal) videos, iPad mockups (PSD files also included), different footers, etc.

Take a look below to see some screenshots, the live preview link and purchase link.

Read more