Bootstrap - Ma-No Tech News & Analysis, Javascript, Angular, React, Vue, Php

45 results for: bootstrap

Infinite scrolling with native JavaScript using the Fetch API

I have long wanted to talk about how infinite scroll functionality can be implemented in a list of items that might be on any Web page. Infinite scroll is a technique that allows the user to interact with the mouse by scrolling down to load new dynamic content. In this way, the…

Category : Javascript   15-05-2023   by Janeth Kent

Sorting elements with SortableJS and storing them in localStorage

SortableJS is a JavaScript extension that you will be able to use in your developments to offer your users the possibility to drag and drop elements in order to change their position. To learn what SortableJS is and how to get started, you can read the following tutorial. In this article you…

Category : Javascript   15-05-2023   by Janeth Kent

Starting with Bootstrap-Vue step by step

Today we will show you how to use BootstrapVue, describe the installation process and show basic functionality. The project’s based on the world's most popular CSS framework - Bootstrap, for building responsive mobile-first landing page and combines it with Vue.js. Bootstrap-Vue does not yet support Vue 3. So if you want to…

Category : Javascript   13-04-2021   by

Bootstrap 5 beta2. What offers?

Since the release of the Bootstrap 4 is three years, in this article we will present what is new in the world’s most popular framework for building responsive, mobile-first sites. If you want to know what are the significant changes that come with the next version 5 which is in…

Category : Css   05-04-2021   by

Validating HTML forms using BULMA and vanilla JavaScript

Today we are going to write about contact forms and how to validate them using JavaScript. The contact form seems to be one of the top features of every basic home page. It is a great way to encourage your visitors to make contact with you, by adding a form which…

Category : Javascript   31-12-2020   by

Introduction to BEM (Block Element Modifier)

Problems with naming CSS classes I think I might not be the only one with this experience: after finally grasping all the important concepts regarding CSS I wanted to start giving what I thought would be beautiful yet simple style to my HTML code. But suddenly I ended up with class…

Category : Css   23-05-2020   by Iveta Karailievova

Layouts with Bootstrap 4: how to create a responsive web 2

Here we are with the second part of the guide: Layouts With Bootstrap 4   Horizontal alignment   To align the columns horizontally we can use justify-content-value classes, which use the justify-content property of the flexible model: justify-content-start, to align to the left (default) justify-content-center, to align the center justify-content-end, to align to the right…

Category : Web design   08-12-2019   by Silvia Mazzetta

Layouts with Bootstrap 4: how to create a responsive web

Responsive or adaptable web design is a design methodology in which the appearance of the web page adapts to the resolution of the device with which it is being viewed, so we can have a unique design for computers, tablets or mobiles. To implement a responsive design we can make use…

Category : Web design   23-11-2019   by Silvia Mazzetta

CRUD Operations Using Vue.js: a basic example

In this tutorial, we show you how to create CRUD application using vue js. here is very basic and simple example of vue.js crud app. using this vuejs crud (create read update delete) you can easily implement with php mysql or also in laravel or codeigniter framework. So it is a…

Category : Javascript   23-05-2020   by Luigi Nori

The strategic advantages of Open Source

Being a good web designer also means getting the right tools (and skills) to accomplish the task. Fortunately, there are an incredible number of resources available to those of us who work in this area. Here's the thing: most of them are free.   A smart and cheap start   There are some costs involved…

Category : Programming   11-07-2019   by Janeth Kent

Best Open-Source Javascript Date Picker Plugins and Libraries

For date pickers, selecting menus is a common choice as they are simple to set up. But I suppose our customers deserve better after centuries of using MM / DD / YY menus. For many companies, datepickers are vital. They can also be used for any defined purpose to monitor time. It…

Category : Javascript   23-07-2021   by Janeth Kent

The Bible of the Best Node.Js Frameworks

Node.js is the platform built on chrome’s javascript runtime for easily building fast, scalable network applications. It uses an event-driven non-blocking IO modal that makes it lightweight and efficient. node.js is perfect for data-intensive real-time applications that run across distributed devices.  Node.js frameworks can help to streamline the development of web…

Category : Javascript   09-05-2019   by Janeth Kent

Is jQuery going to die in 2019?

For a while, JQuery's relevance has been a topic of debate among web developers. We were curious as web developers interested in Javascript to know what others have to say about it. So we browsed through Javascript's history along with some interesting discussions on several developer forums and a bunch of…

Category : Javascript   22-02-2019   by Janeth Kent

Best 5 Frontend Development Topics in 2019

Best 5 Frontend Development Topics in 2019

Ah, a new year. A time of positivity, a time to restart. For new objectives and proposals. And in the world of developers, to look at the scenery and decide what we need to learn to keep up. Because let's face it-web development is always changing, and we're falling behind…

Category : Programming   18-02-2019   by Janeth Kent

Tips for JavaScript Developers

Another year is over and JavaScript is constantly changing. However, there are some tips that can help you write in 2019 clean and efficient code that scales. Below is a list of 9 pragmatic suggestions.   async / await   Are you still trapped in callback hell? Don't use callbacks unless it's completely necessary, such…

Category : Javascript   08-06-2020   by Janeth Kent

Useful Terminal Commands Every Web Developer Should Know About

Useful Terminal Commands Every Web Developer Should Know About

The command line interface (CLI), or Terminal is considered by many to be the Holy Grail of computer management. At one time the CLI was the only way to accomplish anything on a computer; then, the CLI gave way to the graphical user interface (GUI) as the popularity of PCs…

Category : Operating systems   22-06-2018   by Janeth Kent

7 JavaScript Libraries for Dashboards

7 JavaScript Libraries for Dashboards

Dashboard is a visual indicator of an objective or a business process. It is an invaluable tool for cutting through data clutter and getting down to the essentials. It helps you to evaluate information and allow to make the correct decision in a timely manner. Live visual dashboards consist of…

Category : Javascript   11-04-2013   by Janeth Kent

PHP Libraries For Summer 2016

PHP Libraries For Summer 2016

Here are our picks for the 12 most useful and interesting open-source PHP libraries that you should check out this summer!   Monolog With Monolog you can create advanced logging systems by sending your PHP logs to files, sockets, databases, inboxes or other web services. The library has over 50 handlers for various…

Category : Php   11-08-2016   by Janeth Kent

The Best CSS Frameworks for Material Design

The Best CSS Frameworks for Material Design

Material design is the googles new design practice, it is mobile first approach design system created by Google. The idea of material design is to make everything in a same simple way so anybody can understand them even if it is an app with brand new functionality. Material designis derived from…

Category : Css   16-11-2015   by Janeth Kent

318 USEFUL TWITTER BOOTSTRAP RESOURCES #6

318 USEFUL TWITTER BOOTSTRAP RESOURCES #6

How Tos Tutorials and Instructions on using Bootstrap Articles CUSTOMIZING BOOTSTRAP Tips and recommendations on getting started with LESS and Bootstrap customization. TWITTER BOOTSTRAP TUTORIAL Up and running with Twitter Bootstrap in 20 Minutes ADDING SWIPE SUPPORT TO BOOTSTRAP'S CAROUSEL Justin Lazanowski writes up how he was able to get Bootstrap's carousel working for touch/swipe…

Category : Web design   18-12-2013   by Janeth Kent

WebDev:32 New Tools and Services for Web Developers

WebDev:32 New Tools and Services for Web Developers

Web developers should always be aware of the current news. In order to help them in their work brilliant web developers from all over the world always try to invent new tools and find bright decisions. We want to bring to your attention a selection of some useful tools such…

Category : Programming   28-11-2013   by Janeth Kent

10 Best PHP Scripts for Polling System

10 Best PHP Scripts for Polling System

In this post we will show you a collection of 10 best PHP Poll Scripts. These PHP scripts for polling system can be added in any self-hosted website. Check out these awesome and easy to install scripts. 1. JAXpoll   JAXpoll is a polling widget that you can add into any of your websites.…

Category : Php   23-08-2013   by Janeth Kent

Bootstrap 3 RC2 released

Bootstrap 3 RC2 released

Bootstrap just cut a new release for Bootstrap 3, RC2. It's a big release as lots has changed, but that should all be for the better. From the official Blog: Key changes from RC1 Without listing all the minor changes (there have been over 500 commits since RC1!), here's a quick overview…

Category : Web design   14-08-2013   by Janeth Kent

32 best bootstrap tools and generators for web developers

32 best bootstrap tools and generators for web developers

If you are developer, you must be aware of the bootstrap. If you introduce it to your website, your website’s popularity will get a boost for sure. Why? Because Bootstrap has a responsive framework which is way too important in keeping sites transparent. Bootstrap tools and generators have a lot of benefits…

Category : Css   12-08-2013   by Janeth Kent

13 jQuery Plugins and Tutorials for e-commerce website

13 jQuery Plugins and Tutorials for e-commerce website

E-Commerce websites are making shopping easy for customers. The number of ecommerce websites are growing with every day. Shopping Cart is the most important aspect of an E-Commerce website. We all know that jQuery plugins helps us to add difficult things to our websites very easily. Below you’ll find 13 jQuery shopping cart plugin and…

Category : Javascript   02-08-2013   by Janeth Kent

318 useful twitter bootstrap resources #5

318 useful twitter bootstrap resources #5

Tools and Services for Twitter Bootstrap Additional items to make Bootstrap Development Easier and Faster Devtools BOOTSTRAPTOR Free templates and wireframes for Bootstrap BOOTPLY A Bootstrap playground - sandbox for Twitter Bootstrap. Use Bootply to design, prototype, extend, or test the Bootstrap framework. MODERNMAIL Build email templates with Bootstrap BOOTSTRAP-IE7 IE7 shim for adding support in…

Category : Web design   30-07-2013   by Janeth Kent

The Bible of Responsive Web Design

You've decided it's time for a new website, and you know that making it responsive will ensure that all users have a great experience, regardless of what device they are using. Responsive web design, or RWD for short, is here to stay. It's rapidly maturing but not without some serious pitfalls for…

Category : Web design   23-05-2019   by Janeth Kent

21 PHP Libraries You Should Know About

21 PHP Libraries You Should Know About

The aim of the Standard PHP Library-or SPL is to provide a standard library of interfaces which allows developers to take full advantage of object-oriented programming in PHP. Therefore in this article we have collected 21 of the best PHP Libraries which will assist and help developers to simplify their work and serve…

Category : Programming   24-07-2013   by Janeth Kent

14 Twitter Bootstrap wireframes and GUI templates for web designers

14 Twitter Bootstrap wireframes and GUI templates for web designers

In this article we have collected a selection of 14 wireframe and GUI templates that have all been designed for Bootstrap. They are in various formats (psd, ai, png…) and available for different applications like Photoshop, Fireworks, Illustrator... 1. Bootstrap v2.0 GUI (.psd)   Full customizable graphic user interfaces templates A perfect start to…

Category : Web design   26-07-2013   by Janeth Kent

How To Rock Your Next Bootstrap Project

How To Rock Your Next Bootstrap Project

Bootstrap, released in August of 2011, it is still the most popular GitHub development project with over 52k stars and over 16k forks. Twitter’s Bootstrap helps you build beautiful web apps quickly. It provides a variety of CSS and JavaScript for making layouts, navigation, forms and a lot more and it even…

Category : Web design   15-07-2013   by Janeth Kent

318 useful twitter bootstrap resources #4

318 useful twitter bootstrap resources #4

Wordpress WORDPRESS BOOTSTRAP THEMES Listing of free, base and premium themes for Wordpress based on Bootstrap. WP-BOOTSTRAP-GALLERY A custom Wordpress gallery for dynamic thumbnail layout using Twitter Bootstrap 2.2.2 thumbnails and the WordPress built in gallery manager. WP-BOOTSTRAP-NAVWALKER A custom Wordpress nav walker class to implement the Twitter Bootstrap 2.2 navigation style in…

Category : Web design   09-07-2013   by Janeth Kent

318 useful twitter bootstrap resources #3

318 useful twitter bootstrap resources #3

TWITTER BOOTSTRAP FOR FRAMEWORK INTEGRATIONS #2 Means and Methods of Integrating Bootstrap into your Application Framework or CMS PHP CODEIGNITER_FORM_BUILDER CodeIgniter library to build uniform form elements with bootstrap styling WRIGHT The Wright Framework is used to create Joomla Templates. The name is in honor of the famous architect, Frank Lloyd Wright, because the framework…

Category : Web design   24-06-2013   by Janeth Kent

20 Open Source Scripts Applications for Web Developers

20 Open Source Scripts Applications for Web Developers

Open source applications and tools can be handy for web designers and developers on a budget. Nowadays most of the tools and applications are increasingly either employing open source or are built entirely on it. And all of this adds up to an increasing premium on web development skills and…

Category : Programming   11-08-2016   by Janeth Kent

How To Create a Metro UI-Styled Website

How To Create a Metro UI-Styled Website

In Ma-No we liked the Metro UI as it fits into many aspects of the modern web design like simplicity, grid-based interfaces (good for responsive layouts) and it is consistent in every part (there is really a style guide behind it). If you like the Metro UI and planning to create…

Category : Web design   05-06-2013   by Janeth Kent

318 useful twitter bootstrap resources #2

318 useful twitter bootstrap resources #2

Input BOOTSTRAP-WYSIHTML5-RAILS A stylish wysiwyg editor for Bootstrap. TIMEPICKER Select a time for a text input using your mouse or arrow keys. COMBOBOX FUEL UX Bootstrap style form element combining textfield and select controls. TIMEZONE FORM HELPERS A drop down of timezones from country code LANGUAGES FORM HELPER A drop down of languages or a…

Category : Web design   05-06-2013   by Janeth Kent

25 Useful HTML5 Tools For Web Designers & Developers

25 Useful HTML5 Tools For Web Designers & Developers

The latest version of HTML – HTML5, adds many new elements to the applications that are being developed. It's very important important for the web developers and web designers to learn and use the elements of HTML5 to develop web apps and sites. Here we have some fresh and news HTML5 resources which are…

Category : Web design   29-05-2013   by Janeth Kent

25 Metro Style Scripts and Tutorials for Web Developers

25 Metro Style Scripts and Tutorials for Web Developers

The Metro Design style is slowly gaining popularity since most web developers today prefer to use it for their various websites with the use of JavaScript, HTML5, and CSS3. Here we have listed some Metro Style Scripts and Tutorials for web developers ad designers. All to make it easier for you to…

Category : Web design   28-05-2013   by Janeth Kent

Jquery best WJSIWYG HTML5 editors for your website

HTML5 WYSIWYG (What You See Is What You Get) or WYSIWYM (What You See Is What You Mean) is essential today! There is now so many of them around it's hard to find the best ones. Today we are going to present you 10 of the very best jQuery and…

Category : Javascript   07-12-2020   by Janeth Kent

318 useful twitter bootstrap resources #1

318 useful twitter bootstrap resources #1

Display BOOTSTRAP-MAXLENGTH Uses badges to display the maximum length of the field where the user is inserting text. This plugin uses the HTML5 attribute "maxlength" to work. WATABLE a pretty decent jQuery table plugin BOOTSTRAP-TIMEPICKER A simple timepicker component for Twitter Bootstrap. BOOTSTRO.JS Guide users through your application via a series of Bootstrap popovers NOD!…

Category : Web design   17-05-2013   by Janeth Kent

Weekly Design and Development News

Weekly Design and Development News

This is our weekly article were we share our favorite design or development related articles, resources and cool tidbits of the week. Enjoy :) ! If you would like to receive our daily updates and keep up to date with the latest and greatest articles and resources from tahe design community, you…

Category : Web design   26-05-2013   by Janeth Kent

30 Amazing Resources for Sass

30 Amazing Resources for Sass

We’ve compiled this list of thirty amazing resources for Sass. In it you’ll find all kinds of goodies built on and for Sass: frameworks, plugins, apps and a lot more. Frameworks and Grid Systems 1. Compass Sass is an extension of CSS3 which adds nested rules, variables, mixins, selector inheritance, and more. Sass…

Category : Software   01-05-2013   by Janeth Kent

30 Plugins and Scripts for Dynamic Websites

30 Plugins and Scripts for Dynamic Websites

Open source code provides a means where developers can quickly build new projects without structuring every feature from the beginning. I specifically follow a lot of jQuery plugins which are built off the ever-popular jQuery library. Since the library is open source, many of the plugins are also released for…

Category : Javascript   25-04-2013   by Janeth Kent

Top Resources For Bootstrap

Bootstrap is an interactive front-end web development framework, designed to facilitate the development of applications and other elements. The latest version of Bootstrap, Bootstrap 4, combines JavaScript, HTML and CSS allowing you to create an active, fast and efficient web page. The design of a responsive web page is one…

Category : Web design   17-05-2020   by Janeth Kent

Bootstrap Tutorial for Blog Design

Bootstrap Tutorial for Blog Design

Bootstrap is a toolkit, which is developed by the Twitter team. This actually helps you to develop web applications much faster.Bootstrap contains CSS and Javascript files using which you can enrich your web page with Grids, Layouts, Typography, Tables, Forms, Navigation, Alerts etc,. This avoids cross browser compatibility problem. This…

Category : Web design   18-04-2013   by Janeth Kent

10 Metro Bootstrap Templates

As an open source project Bootstrap continues to evolve, with 2.2.1 the latest version released recently, it has significant grounding in the development community, and is described by some as rapidly becoming the ‘jQuery of HTML frameworks’. Within a few months of its launch, the project grew to be the…

Category : Web design   18-09-2019   by Janeth Kent

q=bootstrap Clicky