Marathon Offer : Get 20% Off on ThemeXpert products - Use Coupon Code: MARATHON

The Developers Handbook

Everything you want to learn about WordPress & Joomla!

By developer For developer

Exploring Quix: How Advanced Style Settings Can Save Your Time and Coding

Exploring Quix: How Advanced Style Settings Can Save Your Time and Coding

Welcome to the seventh part of our 2-weeks series post on Exploring Quix. Today, I am going to describe the Advanced Style Settings of Quix page builder and also show how you can save your time and coding with this incredible powerful drag and drops page builder for Joomla!

Having a website is not very challenging because the cost being moderate in these days. Even you don’t need to be an IT geek to build a website.

The content management systems (CMS's) and drag and drops page builders empower the ability of both experienced and non-experienced users to create a website with the minimum amount of time and effort.

Continue reading

Exploring Quix: Power of Quix's Collection and How You Can Reuse Everything

Exploring Quix: Power of Quix's Collection and How You Can Reuse Everything

Welcome to the sixth part of our 2-weeks series post on Exploring Quix. Today, I am going to describe the collection power of Quix page builder and also show you how can reuse anything with this incredible powerful drag and drops page builder for Joomla!

There have some general sections on every page of a website such as a header and a footer.

When you are developing a big site, it can be very time consuming if you have to add the same section or element on every page individually.

And most importantly when you want to make a change to it you need to edit every page one by one. Surely, you want to get rid of this time killing process. Quix uses Collections to get around this.

Continue reading

Exploring Quix: Powerful Portability and How You Can Export & Import Layout

Exploring Quix: Powerful Portability and How You Can Export & Import Layout

Welcome to the fifth part of our 2-weeks series post about Exploring Quix. Today, I am going to describe the portability power of Quix page builder and also show you how can Export & Import layout with this incredible powerful drag and drops Joomla page builder.

Suppose, you have built a homepage or any other page or a layout for a website and wanted the same design for another site.

Even sometimes we need the same section in different pages of a website.

Drag and drops page builder comes in handy with a solution to build and customize a site in the easiest way.

But there has a problem when you need the same design or same sections in different places. In this case, you have to create the same thing more and more time.

How will you feel when doing the same task over and over?

Continue reading

Exploring Quix: How To Enable & Disable Quix Elements

Exploring Quix: How To Enable & Disable Quix Elements

Welcome to the fourth part of our 2-weeks series post about Exploring Quix. Today I am going to show you how can enable and disable Quix elements with the Quix Element Manager for the best practice of Quix page builder.

Quix is incredibly powerful, technologically inspired, highly responsive, and best drag and drops page builder for Joomla.

With the massively growing demand of Quix, it is releasing the new versions with a short interval of time.

Quix Element Manager has introduced first in the version number of 1.1.0.

Continue reading

Exploring Quix: Responsive Mode And How To Build Perfect Joomla Website

Exploring Quix: Responsive Mode And How To Build Perfect Joomla Website

Welcome to the third part of our 2-weeks series post about Exploring Quix. Today, I am going to show you how can enable responsive mode and efficiently use Quix to build a perfect responsive website.

There is no doubt about the importance of responsive design, in the point of view of today's web designing strategy.

Before the spread of smartphones and tablets, the only concern of web designers was to deal with keeping the same look of the websites in computer screens.

However, as time passes the use of mobile devices such as smartphones, tablets are rapidly increased, and The Research shows that mobile internet users grow massively by 2015 with an increase of 16% from 2010, and the percentage is rising day by day.


While building a responsive website you have to follow some procedures because responsive design requires some different approaches.

>Either you are a web designer or a developer, it is quite challenging to you to build a responsive site. But the Quix page builder lets you do everything without taking any challenges because we meet all the challenges that you might be going to faced.

Quix has changed the way of building a responsive website. With Quix you can visually design your website for every screen size.

While other page builders use display: none to hide something from mobile users, Quix lets you define the different layout for different size screens.

Even you can hide something for a particular screen using the element visibility option.

For example, if you don't want to show a particular item or a section on mobile devices just turn the visibility off for those, Quix will never load that element for that screen. Therefore, the mobile pages will be lighter, smaller and load faster.

Let's see how Quix responsive mode works!

How to Enable Quix Responsive Mode

At the very beginning step, you need to enable the responsive mode as this functionality has not enabled by default.

Just look at the top most of your Quix admin panel. The Responsive Mode button will be caught by your eyes apparently. Click on it.

Visually Design Responsive Website with Quix

Do you enable the responsive mode from your Quix admin area?

If yes, then you can see the setting options for different screen size such as Large Desktop, Desktop, Tablet, and Phone.

Now design the layouts for different screens. The image in below shows the layout of the screen of tablets.

Visibility Option

As I give a hints about Quix visibility in before you may get some idea about this functionality. Let's dig into it.

You can control four types of visibility with Quix. These are Section visibility, Row visibility, Column visibility, and Element visibility.

>These controlling options indicate that the power is in your hand.

You can control anything including a section, row, column and elements with the most powerful Quix page builder.

So, why you are waiting for?

If you don't have responsive design in your Joomla site, you need it because according to the new strategy of Google the search rankings will decrease if a website doesn't meet the responsive designing strategy.

In case of you miss the previous parts, here is these:

First Part: Understanding Quix's structure and How You Can Use Them Effectively

Second Part: Built-in Pages And How You Can Get Started Faster

Wrapping Up

Quix will help you to go this way with the fastest process even if you are not a coding enthusiast. The user-friendly layout will speak out automatically that expose almost everything to its users.

Hope you have found this article helpful and now can efficiently use the Quix page builder to build a perfect and responsive Joomla website. Leave your query through the comment section in below. We will be glad to hear from you about your experience or any opinion regarding Quix.

Next: How To Enable & Disable Quix Elements

Exploring Quix: Built-in Pages And How You Can Get Started Faster

Exploring Quix: Built-in Pages And How You Can Get Started Faster

Welcome to the second part of our 2-weeks series post about Exploring Quix. Today, I'm going to show you how to get started faster with Quix's built-in pages feature.

Do you miss the first part? Understanding Quix's Structure and How You Can Use Them Effectively.

Saving time is the primary concern for every drag & drop page builder, and we took it a step further with built-in pages features.

Whether you are going to create a website for yourself or your client, time management considers one of the major issues for your project success.

With our pre-build page skeletons, you can create simple to complex layout easily. You can also implement your unique design using Quix, the best drag and drops page builder for Joomla.


But I recommend, you must try our built-in pages if your primary concern is time-saving.

Quix comes with 10 built-in pages, and we are adding more in every major release. All of this pages have different outlook with different savor.

Moreover, you can choose the sections which you want from the pages and built a unique layout for your new Joomla website.

Let's get started!

What should you do before Start?

Know the Business Goal

>The secret of a successful responsive web design lies in the analysis of the business goal of that organization.

A web designer must do the feasibility study before start the design that implies the sequel that is it possible to implement or not.

It also develops a communication bridge between the designer and developer. The most important feature is you can know what your client need and what should you deliver.

For example, you are going to build a website for an agency. The sections a company commonly need are services, team, about, portfolio, and more.

But when you are thinking about to build a site for a restaurant and if you want to add a portfolio section on a restaurant website it will look very odd.

So, do the feasibility study before draw your design to know the business goal of the organization.

Sketch Out It

In this step, you need to think about the basic structure of your site to understand the primary web flow that how the web pages might flow from one to the next.

>Many professional web designers start from a trusty pencil and blank paper. It enables them to make a series of rough sketches, without committing too heavily to any particular design direction.

Now Start with Quix

I recommend you to browse all the built-in pages of Quix before you start.

You will get a clear idea while browsing those pages that helps you to start quickly with the built-in properties. The sections you may need for your next website will find in these pages and can use to save your time.

Suppose, I need to use the slider of home-page-3 on my site. To do this, at first, I load home-page-3 from the collection.

And delete other sections as I don't need the rest of things from home-page-3. After that, I will save it to collection given that any name.

You can do the same process to keep any section as a different property to use it in future. So, now I want to load this slider in home-page-1 instead of the slider of home-page-1.

To do this, at first I will load home-page-1 from the collection and delete the default slider from there and after that just load the slider which I had saved from home-page-3 just a few seconds ago.

You can change the background images, background colors, font size, font colors, text, row and columns height, weight, effect and much more. Just edit the sections according to your organizations need.

So, these are some easy steps to get started faster while building a responsive Joomla site as your next project. Quix makes things easier for all Joomla users.

In Summary

Developing a robust and responsive website that prioritizes business first and tackle potential problems is quite difficult for developers and impossible for those who have no coding knowledge.

But Quix is designed and developed both for regular users and developers. It will help you to develop a responsive website with confidence and speed. And with the built-in pages you will fly on sky reducing all the stress from your head.

Learn Quix from scratch with its well-written documentation.

Hope you find this article helpful. Try Quix built-in pages and let us know about your experience. Have any questions? We will appreciate your query.

Next: Responsive Mode And How To Build Perfect Joomla Website

Exploring Quix: Understanding Quix's Structure and How You Can Use Them Effectively

Exploring Quix: Understanding Quix's Structure and How You Can Use Them Effectively

Quix is thriving quickly since the first release and it is the most powerful Joomla page builder available in the market. With the expanding demand, we released a new version last month.

>Quix has so many great features to explore which is quite difficult to discuss in one post. That is why we have determined to go the way of a 2-weeks series post which will teach you the efficient use of Quix.

In the first part of this series, we will explore Quix's structure and will show how you can efficiently use the Quix page builder for your next Joomla website.


Create a new page with Quix

After installing Quix, you will see a menu named Quix at the top of your Joomla administration panel. Navigate your mouse to Quix -> Pages -> New Page.

Here are three sections you will see. The Layout, Metadata, and Publishing.

Layout Building

You can decorate your page layout in three different ways while you are using Quix page builder.

  1. Load Layout from Collection
  2. Import Layout from your PC
  3. Build a Layout from Scratch

1. Choose Layout from Collection:

Quix has come with 10 built-in pages to help you get started faster.

Navigate Load from Collection from the top of Quix administration panel and choose any one among the list. It will generate the layout automatically.

2. Import Layout:

With Quix you can export a layout for the purpose of future use and again import them where you want.

Just navigate Export / Import from the top of Quix administration panel and choose the file which you want to import from your PC. It will generate the layout which you created before.

3. Build a Layout from Scratch:

>You will see the actual magic of Quix while you are going to create the page layout from scratch.

There have a lot of features available in Quix that will help you to build your site according to your need. You just need to utilize those properly.

Here you can add a different section, add more than one row in each section and the most important thing is you can add columns in an ingenious way, and these predefined columns are resizable.

Scratching the Section:

The user interface of Quix is more than user-friendly.

You can easily understand from where to start. In spite of being ease of use, I would like to give a short review, especially for the novice.

Look at the image in below.

Quix lets all the options for you to make thing easy. You can add, delete, hide, and drag a section with just one click.

Even you can duplicate a section and can add a section from the collection if you have already added any section in the collection before.

>The end is not here. Be ready to get more impressed.

There is an another option called setting that contains a lot of choices in it.

Look at the above image again; there is an option to the left called section setting just click on this, and a popup window will come to the front including a lot of choices.

Again, there has two type of settings: General & Advance.

General settings include container mode, background image, background color, parallax effect, and custom padding.

And the advanced settings let you the option to add a custom CSS class if you want to add any extra style. Just add the class name to the desired field and Quix will do the rest of the things.

Scratching the Row:

Look at the image in below.

With the Quix you can add a row, duplicate a row, and also delete, edit and drag the row.

Row settings option in on the left corner which also includes two type of settings: General & Advance.

The general settings include a container, column heights, background image, background color, parallax effect, custom margin, and custom padding.

And the advanced settings let you the option to add a custom CSS class if you want to add any extra style.

Scratching the Column:

Quix has eleven pre-defined column structures with cumulative variations that you may not need to structurize a new column mode.

But the most amusing feature you are going to get here and never seen before in any other page builders.

With the Quix you can resize the predefined column structure, and Quix didn't stop here.

You can also add a column on the fly and can resize it to achieve more complex layout structure.

Every column has the option to add an element inside it. Just click on Add Element option, a new popup window will open including a list of elements.

Quix gives you 27 elements in total, which removes the dependency from 10 third party extensions at least.

Every element has their setting option including General, Style, and Advanced.

You can also add a Joomla article or a Joomla module inside an element. And also decorate these with the General and Advanced setting option panel.

Undo / Redo

What will happen if you want to return into the previous settings?

Don't worry. We have studied this kind of case and know about the emergency situation.

That is why we built Quix with a solution key. The Undo / Redo option will do this job for you when you have faced this kind of situation.

Responsive Mode

>Quix is more than responsive. Yes, this best Joomla page builder not only generate a responsive layout but also let you the option to define a different layout for the different devices.

While other page builders use the display: none method to hide something from various devices, there with the Quix responsive mode you can control the visual design of your website for every screen size.

Page Metadata

The Quix page builder is a complete website building solution for your next Joomla website.

You know, SEO is considering one of the most important issues in nowadays. That is why we also conscious about this while building Quix.

Quix metadata settings let you the option to add meta title, meta description for the best practice of SEO.

The open graph settings make your page content more visible to the social networks such as Facebook, Twitter.

Page Publishing Status

While you are creating a page with the Quix page builder, you can control page publishing status, page access, and language of the page.

In this way, you can create pages for different languages also.

Collection:

With Quix you can add anything to your collection and reuse it to another page.

Sometimes you need the same section in several pages; it will be helpful to that situation.

Save your valuable times and boost your page building speed. You can also add your collections inside an article and a module.

Element Manager:

Quix has an excellent element manager where you can disable the elements which you do not use frequently.

It will certainly boost the page loading speed. You can again enable those elements when you need to use.

Documentation:

Quix is the most advanced, incredibly powerful, technologically inspired, highly responsive, and well-documented page builder for Joomla in the market which is developed and designed from the ground up.

Learn Quix from scratch with its well-written documentation.

How can you efficiently use Quix to make a complex Layout?

By this time, you have learned the structure of Quix from the above-detailed description.

Now I am gonna show how you can efficiently use the Quix to make a layout from simple to complex. In this post, I will prepare a layout which is similar to the image of below.

So, Let's start!

Do you take a look at the above image? If not, I recommend you to have a glance.

At the very beginning step, I navigate Quix -> Pages.

In the new opening window, I have clicked on the button named New which bring me to the Quix page building admin area.

I have given the layout title Test and then begin to prepare the layout.

I hope you have seen the above image carefully.

On that, there have three sections.

The first section has two column, the left column's grid is bigger than the right. So I will divide the grids into the 8-4 base.

Similarly, I will distribute the second section's grid into the 4-8 base as there the right column's grid is bigger than the left, and you see the third section has three columns so that I will divide this section into 4-4-4 base.

Moving on, I have add section then add a row and then add column one after one.

You know, Quix allows you to resize the predefined column structure and using Quix column resize structure I have made the column grid into 8-4.

In the left column, I have inserted an image element. And in the left column, I have inserted two elements, one is text, and another one is an image.

To make the height of both column equal, just go to the row settings option.

On there, turn Yes the Equalize Column Heights option.

On the left column, I have to insert three CSS class qx-flex qx-flex-column qx-flex-space-between in the Advanced Settings area.

  • qx-flex: This class defines a flex container that enables a flex context for all its immediate children.
  • qx-flex-column: Flex column class allows the child elements without needing to worry about a column spilling over to the next row.
  • qx-flex-space-between: And the last class of this advanced settings option removes the space between columns.

But still you will see a little space between two columns. To solve this, go to column setting options for both columns.

And insert right custom padding to 0px for left column and left custom padding to 0px for right column.

Choose the text background and the text color according to your choice.

So my first section is complete.

I just do the same task for rest of the two sections. You can also duplicate the sections and rearrange those according to your need.

Here is the layout that I just made a few seconds ago with some simple steps.

Create your custom layout with Quix page builder and share with us.

Wrapping Up

Quix will help you to develop responsive Joomla sites with confidence and speed.

Are you using the Quix page builder on your Joomla website?

If not, hopefully, you have got some ideas to get started. Try the free version of this best Joomla page builder today.

Let us know about your opinion and query through the comment section in below.

Next: Built-in Pages And How You Can Get Started Faster

What WordPress 4.6 Bringing To Us (Beta 4 is Available)

What WordPress 4.6 Bringing To Us (Beta 4 is Available)

The next major version of WordPress is knocking at the door. WordPress 4.6 is in full swing development mode, and the core development team have set the target release for August 16, 2016.

The final planned beta version of WordPress 4.6 Beta 4 is available now.

As it is the beta version, no more new features will be added before the final release of WordPress 4.6. Even some of the existing features in beta may not come with the final release. We’ll only know that after the final version has released.

This software is still in development, that is why the WordPress team recommended you not to try it on a production site, but you can consider this beta version to setting up a test site just to play with the new version.

WordPress team also recommended trying the WordPress Beta Tester Plugin while test WordPress 4.6.

The new version will be more stable and bug fixed. It is coming with better user management along with better post management and better security.


What's New in WordPress 4.6?

Shiny Updates

When a user installed a new plugin or a new theme or update anyone, they usually saw a progress screen. It is nothing but one more page to load.

WordPress 4.6 will come with Shiny Updates. Users can now install and update themes and plugins without being redirect to the progress screen.

Native System Fonts in WordPress Admin Area

From the beginning, WordPress using Open Sans font in WordPress admin area that looks accordance across different devices and platforms.

But, this required WordPress to rely on an external third party source. As a result, it takes longer load time of admin area and slower processing.

In WordPress 4.6, the admin area will revert to using the system fonts. That means the WordPress admin panel may look different depending on the platform.

Editor Improvements in 4.6

WordPress 4.6 aims to improve post editing experience. This version will bring improvements to the Autosave Feature and Highlighting Broken Links.

Autosave Feature:

In previous, when users disable revisions, it also affected restoring posts from autosave feature.

With WordPress 4.6, users can restore WordPress posts from browser backups and autosave even when the revisions have been disabling.

Highlighting Broken Links:

If you’re using the visual editor for writing posts, any broken link entered will be emphasized.

When you add a link, WordPress will immediately examine it that if the link is valid or not. If the link is not valid or broken, then you’ll see the linked text in the red color border.

It will be the usual blue if the link is sounded correct.

Under the Hood Improvements

WordPress 4.6 will also bring some exciting new improvements to the WordPress core, but these are mainly intended for the developers.

Standardized Metadata Registration

WordPress 4.6 will bring register_meta() function for the registration of meta keys. This function works similar to register_post_type() function.

It will allow developers to use a standardized way to work with metadata stored with users, posts, comment, or terms object types. (#35658)

New WP_Post_Type Class

WordPress 4.6 will introduce a new class named WP_Post_Type.

It changes $wp_post_types to an array that provides methods to handle post type supports, rewrites rules, hooks, meta boxes, and taxonomies. (#36217)

New WP_Term_Query Class

Similar to WP_Query, WP_Comment_Query, and WP_User_Query classes WP_Term_Query will provide a better formation for generating term queries in WordPress 4.6. (#35381)

WP_Site_Query and WP_Network_Query Classes

The new WP_Site_Query class and WP_Network_Query class allow querying sites for WordPress multisite networks with lazy loading. (#35791, #32504)

Conclusion

Hope you have found a clear idea about what’s coming in WordPress 4.6 through this article.

What new features of WordPress 4.6 are you excited about?

Let us know through the comment section in below.