Tag Archives: plugin

Bootstrap 4 Alpha 6 Major Components in Flexbox

Bootstrap-4-Alpha-6

Alpha 6 has just launched and it becomes the biggest ships to date.  Hence, in this article we will describe its grid system and major components in flexbox. If you are web developers who are currently working on WordPress, this article is for you. Discover what’s new with Bootstrap 4 Alpha 6, here!

Embracing Flexbox
As bootstrap is now flexbox by default, you can control your grid system and core components and provide unparalleled flexibility. However, it may be dropping IE9 support yet brings significant improvements to component layout, alignment, and sizing.

If you have no idea about Flexbox, here are some benefits that you can have when applying Bootstrap 4:

  • No more HTML white space or broken table-style rendering
  • Auto margins for easy spacing
  • Automatic equal-width grid columns (e.g., two columns are automatically 50% wide)
  • Equal height and equal; width cards
  • Utility classes for easily changing display, direction, alignment, and more.
  • Justified navigation and button groups
  • Vertical and horizontal centering without hardcoding values with translate or margin

In fact, almost every component now takes advantage of flexbox. This is because less reliance on clearfix, more control over Dom, and visual order, and fewer bugs. Even, Carousels, a more complex component has used Flexbox in some areas.

Responsive Utilities and the Great Infix
Among so many advantages that Alpha 6 offered, they also made two important changes to their naming scheme.

  • First, we’ve dropped the –xs infix from our lowest (extra small) breakpoint. However, xs isn’t a responsive breakpoint just like sm, md, lg, and xl. This is because it doesn’t start applying styles at a min-width and up. It can be applied to everything as there’s no bounding @media query.
  • Second, to better articulate their property value pairings, we’ve renamed several classes. Instead of pull, we use float. You can start with the property name, instead of creating new names for the various flexbox properties.

Combine them together and you’ll get updated class, such as .col-6, .d-none, .float-right, .d-md-flex, .justify-content-end, and .text-lg-left. With these classes, you can have immense power and customization to folks building with Boothstrap.

More Grid Improvements
You will also have more grid improvements. By adding responsive auto sizing columns, more container padding options, and add any number of .col-* classes, the result will automatically be equal in width.

To remove gutters from grid rows and their columns, you can use the .no-gutters modifier.

Updated Navbar
If you find that the Alpha 5 navbar still needs more improvement, you’ll see that the Alpha 6 is done perfectly. The navbar has been rewritten and it provides better built-in responsive behaviors and improved layout customization.

Here are some of the lists of the updates:

  • The responsive navbar toggle, .navbar-toggler, has also been updated. The icon is once again a child element, .navbar-toggler-icon, for improved customization. It also includes easy modifiers for absolutely aligning it to the top right or top left.
  • Navbar navs no longer require the .nav base class. While it provided a starting point, these shared styles often got in the way of navbar behaviors. Now it’s just .navbar-nav and utilities for alignment.
  • Navbars are built with flexbox! Instead of floats, you’ll need flexbox and margin utilities.
  • The .navbar-toggleable classes are now applied to the .navbar instead of the .collapse within. This allows us to provide better responsive behavior with just one class change.

WordPress 4.4.1 Security Update and Maintenance Released

WordPress Security Update Released Immediate Download Recommended

Here is good news for any web developer around the world, since a new version of security update has been released for WordPress version 4.4. Therefore you need to update your site immediately and develop it by yourself! This version is actually a security and maintenance release which fixes a flaw that could allow a site to be compromised by a cross-site scripting vulnerability which is a type of code injection where malicious content can pass from one site to another through bypassing the same origin policy.

Along with providing security update, WordPress also provides a few maintenance updates to its latest version, 4.4.1. This update contains the inclusion of diverse emoji sets. Another issue also arises that if the URL of a post was ever re-used, it would redirect to the wrong post. Here are several non-security bug fixes:

  • Emoji support has been updated to include all of the latest emoji characters, including the new diverse emoji
  • Some sites with older versions of OpenSSL installed were unable to communicate with other services provided through some plugins.
  • Removal of Rdio embed support, plugins failing to update after WordPress 4.4 is installed, and a handful of changes to responsive images.

In fact, in this update, WordPress 4.4.1 fixes 52 bugs that have occurred since release of version 4.4. With more than 10 million downloads, WordPress is the most popular CMS on the Web, but it’s also the most attacked. It’s not uncommon for malicious actors to exploit vulnerabilities in both WordPress itself and various plugins. WordPress websites are also reported as easily to attack on the fact that many administrators rarely set strong passwords for their accounts. Therefore, through this update, it is hoped that users can feel more satisfied. In fact, you can Download WordPress 4.4.1 or venture over to Dashboard Updates and simply click “Update Now.” Sites that support automatic background updates are already beginning to update to WordPress 4.4.1.