SakeTami
codetube

codetube

patreon


codetube posts

Date Range Picker from Scratch using Vue 3

How to make a date range picker with Vue.js with full features such as date picker, date range picker, calendar, composition api, typescript version of calendar, ream or vite tool and many more. View Post

Creating Data Tables from Scratch using Vue 3

How to make a data table with Vue.js with full features such as table pagination, table sorting, table export, table filter, table search, feature-rich data table, format number, getting total numb...

View Post

Creating Rich Text Editor from Scratch using Vue 3

How to make a wysiwyg rich text editor with Vue.js with full features such as wysiwyg HTML Editor, document model, API, rich text editor, block editor, inline editor, mysql blob, mysql json, bubble...

View Post

Uploading Files with Progress Bar, Drag'n'Drop and Image Previews using Vue 3

How to make a file upload with Vue.js with features such as upload progress bar, drag and drop file upload, upload image previews, file blob, mysql blob, vue upload, vue 3 and many more.

View Post

Creating Category input and picker from scratch using Vue 3

How to make a category picker with Vue.js with features such as search listitem, filter listitem, custom select, playlist picker, category input, taxonomy, category widget, nested component and man...

View Post

Tags input with Vue 3

Creating tags input from scratch using only Vue 3

View Post

Dark Mode Switcher for Bootstrap 5+

How to make a dark mode switcher for Bootstrap 5 with features such as cookie dark mode, localStorage dark mode, light mode and many more.

View Post

Stacked Card List for Bootstrap 5

How to make a stacked card list (inspired by css-tricks.com) for Bootstrap 5 with features such as stacked card, card list and many more.

View Post

Sketchy, Hand-Drawn or Rough for Bootstrap 5

How to make a sketchy, hand-drawn or rough for Bootstrap 5 with features such as rough components, sketchy components, hand-drawn elements, sketchy theme, appearance and many more.

View Post

Pagination, Search/Filter, Sort/Order (List API, Item API, Grid/Table) for Bootstrap 5+

How to make a list, table, grid or item with pagination, search/filter, sort/order for Bootstrap 5 with features such as list pagination, item pagination, table pagination, grid pagination, searcha...

View Post

Skill Chart (Progress) for Bootstrap 5+ (D3)

How to make a skill chart or progress for Bootstrap 5+ using D3 with features such as basic progressbar, progress-like chart, horizontal bar chart, d3 chart, d3 chart tooltips, tooltip, popover, po...

View Post

Clipboard (Syntax Highlighter) for Bootstrap 5

How to make a select all, cut, paste and copy to clipboard for sytax highlighter using Clipboard API/JS for Bootstrap 5+ with full features such as copy to clipboard, cut to clipboard, paste from c...

View Post

Circular Chart for Bootstrap 5+

How to make a circle chart using SVG and JavaScript for Bootstrap 5+ with full features such as percentage, icon in the middle, animation circle, circular chart, circle chart, SVG percentage circle...

View Post

Generate Thumbnails for Video Players Using VLC and ImageMagick Montage

How to generate multiple images or screenshots from video to create thumbnails that can be use for video thumbnail on video player progressbar or timebar.

View Post

AltEditor DataTable (IndexedDB, CRUD) with Bootstrap

How to make an alternative editor for data table with CRUD operations and IndexedDB from Dexie.js to store the data using Bootstrap with full features such as javascript database, data table, edito...

View Post

Bar Chart Race for COVID-19 by Country with JavaScript

How to make a racing bar by country from COVID-19 data with d3 chart using pure/plain/vanilla javascript with full features such as d3 chart, horizontal bar, country bar, racing bar chart, bar char...

View Post

Timeline Map of COVID-19 with JavaScript

How to make a timeline map from COVID-19 data with world map like wikipedia projection using plain/vanilla javascript with full features such as svg map, virtual map, world map, timeline map, range...

View Post

Reorderable Items with Bootstrap (Sortable, Swap, Draggable, Droppable, Nested)

How to make a sortable or reorderable drag-and-drop lists using bootstrap with full features such as drag, sortable, reordering, sort, drag-and-drop, drag-drop, draggable, droppable, sortable lists...

View Post

Chart for COVID-19 with Bootstrap

How to make a chart from COVID-19 data with multiple type using jquery and bootstrap with full features such as chart.js, chartist, line chart, area chart, pie chart, donut chart, COVID-19, confirm...

View Post

COVID-19 DataTable (API, Flags) with Bootstrap

How to make a data table for COVID-19 data with country flags of the world using jquery and bootstrap with full features such as country flags of the world, world flags, data table, COVID-19 API, c...

View Post

World Map (COVID-19 by Country and Territory) with Bootstrap

How to make a map of countries and territories using jquery and bootstrap with full features such as world map, continent map, country map, territory map, region map, state map, province map, equir...

View Post

Neumorphism Design with Bootstrap (Off-Canvas, Graph Chart, Year Calendar)

How to make a neumorphism design using jquery and bootstrap with features such as silicone screen, skeuomorphism design, neomorphism ui, soft ui, year calendar, neumorphism calendar, neomorphism ca...

View Post

Feature-rich Event Calendar with Bootstrap

How to make an event calendar using jquery and bootstrap with features such as time tables, day grid, timeline, month view, resource view, google calendar, rrule, moment calendar and more.

View Post

Image Converter with Bootstrap (JPEG, PNG, WebP, BMP)

How to make an image converter using jquery and bootstrap with features such as jpeg converter, png converter, webp converter, gif converter, bmp converter, picture converter, photo converter, uplo...

View Post

Feature-rich Mega Menu for Bootstrap 4+

How to make a mega menu or navigation using jquery and bootstrap with features such as mega menu, mega navigation, mega dropdown, tabs mega menu, slideshow mega menu, carousel mega menu, responsive...

View Post

Thumbnail Grid and Expanding Preview with Bootstrap (DuckDuckGo/Google-like Images)

How to make a thumbnail grid and expanding preview or image expander (DuckDuckGo/Google-like Images) using jquery and bootstrap with full features such as thumbnail grid expanding, thumbnail image ...

View Post

Feature-rich Lightbox (Gallery, Video, Maps) with Bootstrap [Full Featured]

How to make a feature-rich lightbox using bootstrap with full feature such as gallery lightbox, video lightbox, google maps lightbox, images lightbox, thumbnail lightbox, social share lightbox, pro...

View Post

Floating Social Share with Bootstrap

How to make a floating social media share buttons using bootstrap with feature such as floating social icon, floating social button, social media counter and more.

View Post

Custom Domain .test (Apache Virtual Hosts) for Laravel

How to make a custom domain .test or apache virtual hosts for laravel application.

View Post

Waves Effect with Bootstrap

How to make a waves effect using bootstrap with full features such as wave buttons, wave click-effects, click effect material, wave cards, wave images and more.

View Post