A better CSS3 only Dropdown menu
neisdev
neisdev
/ index.html
Created
January 7, 2022 09:23
Using CSS Grid to build a page layout (Atom IDE like)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="page"> | |
| <!--Sidebar--> | |
| <div class="sidebar"> | |
| <div class="panel"> | |
| <div class="panel-header ">Project</div> | |
| <!--Tree--> | |
| <div class="panel-body"> | |
neisdev
/ custom-code-editor-palette-in-pure-css.markdown
Created
January 7, 2022 09:23
Custom code editor palette in pure CSS
A custom code editor palette in pure CSS!
A Pen by Álvaro Hernández Perales on CodePen.
HTML layout for the automatic generation of a proforma invoice for the shipment of goods to a third country. The process automatically generates a PDF from a Woocommerce order using PDFMonkey via Zapier and then puts the PDF in a dropbox folder.
A Pen by Torsten Linnecke on CodePen.
A Pen by Artur Arseniev on CodePen.
neisdev
/ index.html
Created
January 9, 2022 02:35
Mobile Friendly HTML 5 and CSS 3 Responsive Fixed Navigation Menu
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <header> | |
| <div id="logo" class="menuUp"> | |
| <h1>Adam Bray.</h1> | |
| <div id="navToggle"><a href="#">Menu</a></div> | |
| </div> | |
| <nav> | |
| <ul> | |
| <li><a href="#">Home</a></li> | |
| <li><a href="#">About</a></li> | |
| <li> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body ng-app="wemApp" class="wem-properties-manager" ng-controller="propertiesManager"> | |
| <!-- Page loader --> | |
| <div id="loadingSpinner"> | |
| <svg class="spinner" width="65px" height="65px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"><circle class="circle" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle></svg> | |
| </div> | |
| <!-- Header toolbar --> | |
| <div ng-controller="ToolbarCtrl" class="mainToolbarContainer"> | |
| <md-toolbar class="mainToolbarTop fixed-toolbar"> |
neisdev
/ drag-and-drop-using-alpine-js.markdown
Created
January 11, 2022 21:59
Drag and Drop using alpine.js
A Pen by Trevor Morris on CodePen.