Tag: Bootstrap

Design and development during turbulent times

Usually we are talking about design in a perfect environment: stable internet connection, various tools to use, enough time and safe placement, but what if we erase all of those conditions and put war in your country instead of them? In this article, I will tell you how to design during a crisis. Hello, my name… Continue reading Design and development during turbulent times

How to Build a Responsive Slider With Swiper.js

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever built an advanced slider for a project? If so, you might have taken advantage of any one of a number of JavaScript carousels. In the past, I’ve covered two of them: slick and Owl. Today, I’ll introduce another well-known one: Swiper. Ready to learn… Continue reading How to Build a Responsive Slider With Swiper.js

10+ Best Bootstrap Blog Templates (for 2022)

Bootstrap blog templates are the perfect choice if you want to create a blog fast and need some ready-made templates that are easy to install and customize. After all, they are built with one of the most popular front-end frameworks available, made with a mobile-first approach.  This means any template or website made with Bootstrap… Continue reading 10+ Best Bootstrap Blog Templates (for 2022)

A Look at Its Impact on the Web

In the web design industry, it’s rare that a tool stays relevant for a decade or more. Things tend to change so quickly that the useful life of an app or framework usually isn’t very long. However, Twitter’s Bootstrap has defied those odds. Now in existence for over 10 years, the self-described “front-end open source… Continue reading A Look at Its Impact on the Web

Popular Design News of the Week: August 23 2021 – August 29, 2021

Every day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories for web professionals is to subscribe… Continue reading Popular Design News of the Week: August 23 2021 – August 29, 2021

ArchiArk: Architecture & Interior HTML template

ArchiArk is a free HTML template for architecture and interior design released by Untree. It is basically a Bootstrap template including 7 ready-made pages (a home, about, contact, services and portfolio with single posts). Also, it comes with a bunch of useful sections such as testimonial slider, video modals, and more. If you are an… Continue reading ArchiArk: Architecture & Interior HTML template

22 Exciting New Tools For Designers, June 2021

This month’s new tools and resources collection is a mixed bag of elements for designers and developers. From fun little divots to tools that can speed up development, you are sure to find something usable here. Here’s what new for designers this month: June’s Top Picks Codewell Codewell is a service to help you learn,… Continue reading 22 Exciting New Tools For Designers, June 2021

9 Amazing Design-Resource Package Sites

Every designer has their own preferred strategy for collecting resources. Some pluck brushes, fonts, and templates from different “stock photo sites” and public marketplaces. Others collect graphics from swipe files and forums around the web. The never-ending desire for themes, visual content, and graphical components has prompted an influx of “design packages” to appear around the… Continue reading 9 Amazing Design-Resource Package Sites

Popular Design News of the Week: May 10 2021 – May 16, 2021

Each day design fans submit incredible industry stories to our sister-site, Webdesigner News. Our colleagues sift through it, selecting the very best stories from the design, UX, tech, and development worlds and posting them live on the site. The best way to keep up with the most important stories for web professionals is to subscribe… Continue reading Popular Design News of the Week: May 10 2021 – May 16, 2021

15 Useful Tools & Resources Worth Checking Out

As a web designer, you face plenty of challenges, both good and bad. One of the bad ones is to suddenly find out that you’re either in danger of missing a client’s deadline or will be unable to meet it at all. A missed deadline could be due to something beyond your control and no… Continue reading 15 Useful Tools & Resources Worth Checking Out

A deep dive into Bootstrap

[unable to retrieve full-text content] Sometimes to change your opinion, you have to force yourself to look at things differently. Continue reading on UX Collective »

Published
Categorized as UX Tagged

Swipe: Free Bootstrap 5 template

Swipe is a free one-page HTML template built with Bootstrap 5. This is a great resource for building a landing page for showcasing mobile apps. The template comes with a bunch of ready-made sections (about, testimonials, frequently asked questions), and two app download CTAs. Designed and released by Themesberg. View demo Download template

How to Convert Bootstrap Pills (Tabs) Into a Dropdown Menu

In the past, we’ve discussed various Bootstrap 4 extensions. Today I’ll show you how to convert Bootstrap pills (tabs) into a dropdown. Most importantly we’ll keep both these components in sync. We’ll use pills for the desktop layout and a dropdown for mobile screens. Note: for this exercise, I’m going to use Bootstrap 4 latest… Continue reading How to Convert Bootstrap Pills (Tabs) Into a Dropdown Menu

Pixel Lite: Free Bootstrap 5 UI kit

Pixel Lite is a free UI kit based on Bootstrap 5, that you can use for building websites and landing pages. This kit also provides a ready-made HTML template featuring 80 fully coded UI elements, Sass source files, and much more. Among nice-looking modular section, it includes a lot of components such as accordions, alerts,… Continue reading Pixel Lite: Free Bootstrap 5 UI kit

Working With Tables in React, Part One

One of the most common user interface elements for presenting your data is a table. It turns out that there are many aspects to control when working with tables, such as: defining columns and headers various cell formats (text, numbers, check boxes) resizing filtering dynamic growing styling In this two-part series, you will learn about… Continue reading Working With Tables in React, Part One

How to Paginate Data With PHP

I can remember years ago, when I first began coding in PHP and MySQL, how excited I was the first time I got information from a database to show up in a web browser. For someone who had little database and programming knowledge, seeing those table rows show up onscreen based on the code I… Continue reading How to Paginate Data With PHP

28 Best WordPress Themes for Corporate Websites

23 Shares Best business WordPress themes designed specifically for startup, apps and corporate websites. The themes comes with a drag and drop page builder (Elementor) to ensure you can easily design your website just how you like it. The smart Best WordPress Themes with a modern design suited for eCommerce, shop, magazine, news, blog or… Continue reading 28 Best WordPress Themes for Corporate Websites

15 Useful PHP CRUD Generators and Frameworks Available on CodeCanyon

Database code is repetitive, but very important to get right. That’s where PHP CRUD generators and frameworks come in—they save you time by automatically generating all this repetitive code so you can focus on other parts of the app.  On CodeCanyon you will find CRUD generators and frameworks that will help you deliver outstanding quality products… Continue reading 15 Useful PHP CRUD Generators and Frameworks Available on CodeCanyon

Why Do Websites Look the Same (And Should We Care)?

If we don’t question this kind of design homogenization, do we put ourselves at risk of perpetuating the same mistakes in the years to come? Or is it even a mistake to begin with? Today, I’m going to look at four things that are likely causing this, and what you can do to break the… Continue reading Why Do Websites Look the Same (And Should We Care)?

How to Enhance Your Website Layouts With SVG Shapes

In this new tutorial, we’ll get rid of the usual boring rectangular boxes and learn to build a landing page full of complex SVG shapes. We’ll even enhance it with Bootstrap styles as well as a full-screen background video.  The best way to understand what we’re going to build is by checking out the demo, so it’s… Continue reading How to Enhance Your Website Layouts With SVG Shapes

6 Advanced Cryptocurrency WordPress Themes

Bitcoin and other cryptocurrencies continue to be popular, as some companies currently allow cryptocurrency transactions. Without an intermediary or central authority, most people are investing in cryptocurrencies. It is safe and will continue to generate a return on investment over the next few years. Some investors are leveraging this trend and are involved in cryptocurrency trading and… Continue reading 6 Advanced Cryptocurrency WordPress Themes

Popular Design News of the Week: June 15, 2020 – June 21, 2020

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however,… Continue reading Popular Design News of the Week: June 15, 2020 – June 21, 2020