Image for post
Image for post

Switching to another Vue components library is never easy, cause we all know that you can’t teach an old dog new tricks. But as a CoreUI founder, I’d like to give you 5 good (not bad) reasons, what can you get when using Vue.js components library designed with proud by our UI community.

Saying that different component libraries are good or bad is saying nothing. Of course, they provide a different level of quality but the point is, that different tools have different applications that fit best for certain tasks. Our CoreUI originates from open-source, that’s why we know both actual needs and the weak-points of os. …


You’ve been asking me to introduce CoreUI for #Laravel and as you know — your wish is my command 😉, so here it is: https://coreui.io/laravel/ You can check both Free and PRO versions. What’s inside? Saying a bunch of responsive, customizable, and reusable components you need to create modern, beautiful, responsive apps is saying (almost) nothing.

Image for post
Image for post

Laravel

Laravel enables expressive and elegant syntax — freeing programmers to create without sweating the small things. It’s popularity among PHP frameworks has instantly blown, becoming the most Googled framework in the last two years. You may ask why? Nice logo and the sexy name isn’t just enough… But these advantages seem to be the most significant: built-in authentication, blade templates system, eloquent model, documentation, artisan, and last but not least — simplicity, which denotes beautifully crafted code. Did I miss something? …


Image for post
Image for post

Bootstrap 4 is a major rewrite of the entire project. The most notable changes are summarized below, followed by more specific changes to relevant components.

Bootstrap 4 Migration Tool

Typography

  • .page-header - dropped
  • .dl-horizontal - dropped
  • <blockquote> to .blockquote

Grid

  • .col-xs-* to .col-*
  • .col-*-offset-* to offset-*
  • .col-*-push-* - dropped
  • .col-*-pull-* - dropped

Buttons

  • .btn-default to .btn-secondary
  • .btn-xs - dropped

Button group

  • .btn-group-justified to btn-group.d-flex
  • .btn-group-xs - dropped

Breadcrumbs

  • .breadcrumb > li to .breadcrumb > li.breadcrumb-item

Carousel

  • .next to .carousel-item-next
  • .prev to .carousel-item-prev
  • .left to .carousel-item-left
  • .right to .carousel-item-right
  • .carousel-control.right to .carousel-control-right
  • .carousel-control.left to .carousel-control-left

Dropdowns

  • .divider to .dropdown-divider
  • <span class="caret"></span> to dropped
  • Dropdown items now require .dropdown-item

Forms

  • .radio-inline


Image for post
Image for post
How to upgrade Bootstrap 4 alpha.6 to Bootstrap 4 beta

After two years in the making, Bootstrap creators finally released first beta of Bootstrap 4. In latest version of Bootstrap 4 more then 650 files was changed, 67k lines was added, and 82k lines was deleted.

Following CSS classes was changed in latest version of Bootstrap 4

  • .badge-default to .badge-dark
  • .bg-faded to .bg-light
  • .bg-inverse to .bg-dark
  • .card-block to .card-body
  • .card-outline-primary to .border-primary
  • .card-outline-secondary to .border-secondary
  • .card-outline-success to .border-success
  • .card-outline-info to .border-info
  • .card-outline-warning to .border-warning
  • .card-primary to .bg-primary
  • .card-success to .bg-success
  • .card-info to .bg-info
  • .card-warning to .bg-warning
  • .card-danger to .bg-danger
  • .hidden-xs-down to .d-none .d-sm-block
  • .hidden-sm-down to .d-none .d-md-block
  • .hidden-md-down to .d-none .d-lg-block
  • .hidden-lg-down to .d-none .d-xl-block
  • .hidden-xs-up to .d-none
  • .hidden-sm-up to .d-sm-none
  • .hidden-md-up to .d-md-none


Why Bootstrap Admin Templates suck?

Image for post
Image for post

I’ve been designing User Interfaces for web and mobile apps for almost 10 years now, and since 2013 I’ve also been creating Bootstrap Admin Templates. Over the last 3 years, I’ve sold more than 30k admin templates and I’ve worked with a couple of well-known Silicon Valley and startup companies.

Currently, we can find plenty of Bootstrap Admin Templates on the web, but in my opinion, majority of them isn’t good enough to be used in our projects.

There are several reasons Bootstrap Admin Templates aren’t good enough.

The first problem is that we (authors) sell templates via Themeforest and Wrapbootstrap. When you sell your templates via those channels, you don’t get to know who your customer is. I’ve never had a direct contact with my clients and I haven’t got a chance to talk with them about their motivation and expectations. It means, I’ve been creating products for an unspecified target group solely on the basis of my own assumptions. …


From zero to hero — from draft, through wireframe, to prototype.

Image for post
Image for post
User-centered design

Designing state of the art and functional internet & mobile apps or web pages have changed lately radically. Who or rather what stands behind this revolution? The answer is easy — wire-frames, frameworks and of course prototypes. Dare to say more?

The user-centered design is a completely rethought approach in the area of internet, mobile apps and webpages environment. It’s been focused on the interaction between human-user and the computer or mobile devices like smartphones and tablets. Moreover, it’s a scalable solution, because it can be easily adjusted in case of individual specifications or limitations. …

About

Łukasz Holeczek

Creator of CoreUI.io UX Specialist, UI Designer, Frontend Developer.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store