A Pen by Stefan Mos on CodePen.
neisdev
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
| //<script type="text/x-emblem"> | |
| // h1 Welcome to my App | |
| // = outlet | |
| //</script> | |
| .container | |
| .page-header | |
| %h2 | |
| Modules | |
| .pull-right <small> local storage module </small> | |
| %pre.language-coffeescript |
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
| <h1>[prismjs] syntax highlighter (advenced)</h1> | |
| <script src='//cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/prism.min.js'></script> | |
| <script src='//cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/plugins/line-highlight/prism-line-highlight.min.js'></script> | |
| <script src='//cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/plugins/line-numbers/prism-line-numbers.min.js'></script> | |
| <script src='//cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/plugins/toolbar/prism-toolbar.min.js'></script> | |
| <script src='//cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js'></script> | |
| <script src='//cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js'></script> | |
| <script src='//cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/plugins/autoloader/prism-autoloader.min.js'></script> | |
| <script src='//cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/plugins/unescaped-markup/prism-unescaped-markup.min.js'></script> |
neisdev
/ index.html
Created
April 26, 2023 08:34
JavaScript CheatSheet Using (HTML, CSS & JS) Responsive SIte
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> | |
| <nav class="navbar"> | |
| <span class="logo"><img src="Logo/copy.png" alt=""></span> | |
| <span class="nav content">JavaScript CheatSheet</span> | |
| </nav> | |
| <div class="container"> | |
| <ol> | |
| <li>JavaScript Basics <br><br> | |
| Set of JavaScript basic syntax to add, execute and write basic programming paradigms in JavaScript. <br><br> |
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
| <link href="https://unpkg.com/boxicons@2.1.2 /css/boxicons.min.css" rel="stylesheet"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script> | |
| tailwind.config = { | |
| darkMode: 'class', | |
| theme: { | |
| extend: { | |
| colors: { | |
| // Primary | |
| "indigo-dye": { |
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
| <form action=""> | |
| <div class="mb-4"> | |
| <label class="block text-gray-700 text-sm font-bold mb-2" for="name"> | |
| Name | |
| </label> | |
| <input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="name" type="text" placeholder="Text input"> | |
| </div> | |
| <div class="mb-4"> | |
| <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-state"> | |
| Subject |
neisdev
/ index.html
Created
April 18, 2023 21:53
Job Board | Post Job Page | Tailwind CSS | Simple MDE
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
| <!-- | |
| This is my attempt to recreate the Job Board Application that was initially developed by Andy Leverenz from Web-Crunch. | |
| https://www.youtube.com/watch?v=tGUMArAW5OE&list=PL01nNIgQ4uxNkDZNMON-TrzDVNIk3cOz4&index=39&t=0s | |
| --> | |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> |
neisdev
/ alpine-js-focus-in-action.markdown
Created
April 16, 2023 23:18
Alpine.js focus() in action
A Pen by Isaac Tait on CodePen.
neisdev
/ index.html
Created
April 16, 2023 12:45
Model based form validation with Alpine.js and Tailwindcss
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> | |
| <div class="bg-gray-200 h-screen"> | |
| <div class="container mx-auto w-full h-full"> | |
| <div class="max-w-screen-sm mx-auto w-full h-full flex flex-col items-center justify-center"> | |
| <div class="bg-white p-5 shadow-md w-full"> | |
| <h1 class="text-gray-900 mb-8">Form Validation</h1> | |
| <form | |
| method="POST" | |
| x-data="validateForm()" | |
| x-init=" |
A Pen by Bhavesh Prajapati on CodePen.