You Are Viewing Posts Under Category: HTML-CSS-PHP-JavaScript
Honeycomb Style Responsive Grid Using Pure CSS
| February 27th, 2023 | 0 Comments | CSS Codes / HTML-CSS-PHP-JavaScriptA cool hexagonal grid for images and text made in CSS and HTML. The grid shows images by default but once you hover over it reveals the text, with enough space for a short title on small screens and a title with a description on bigger screens. A pen created by codepen user web-tiki. Also, […...
Select Image, Crop Then Upload Or Save Using Pure JavaScript
| February 26th, 2023 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis JavaScript code snippet is based on a simple idea to crop an image and save/download them instantly. It uses the JavaScript image Cropper library (cropper.js) to perform image cropping. Basically, this code snippet just focuses on just image cropping and lets users download it. But you can modi...
Pure CSS Animated Vertical Multi-Level Dropdown Menu
| February 22nd, 2023 | 0 Comments | CSS Codes / HTML-CSS-PHP-JavaScriptA CSS dropdown menu is an effective solution for enhancing the UI and UX of an app or website. A drop-down menu is a sub-menu of a website or app’s main menu. It is used to showcase content buttons (links) for each parent menu item. Dropdown menus help users easily navigate an app or website [...
Pure CSS Vertical Responsive Double-Sided Timeline Example
| February 21st, 2023 | 2 Comments | CSS Codes / HTML-CSS-PHP-JavaScriptThis CSS-only snippet by Bruno Rodrigues is great when you want to have a timeline on your site and the best part is that this is mobile-friendly. Each timeline entry has an icon and a chat bubble-like thing for the content. There are many code snippets available online or on many other blogs and we...
Pure Vanilla JavaScript Right Click Context Menu Snippet Without Libraries
| February 20th, 2023 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesA fully customizable and appealing gradient context menu to add to your websites taking the most out of its dark icons, smoothly selected item highlights, and sub-menus. This context menu was created by Ryan Morr. There are many code snippets available online or on many other blogs and websites, but...
Simple Customizable Toast Notification In Vanilla JavaScript
| February 19th, 2023 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis JavaScript code snippet helps you to create a simple toast notification. It allows you to display various types of alerts including success, warning, and danger with predefined themes. The styles and notifications can be customized according to your needs. The toast can be triggered with any ev...
