Simple dashboard UI for inspiration.
Safwen Derouiche safwendr
safwendr
/ slugify.pipe.ts
Created
January 4, 2022 11:13
— forked from djabif/slugify.pipe.ts
Angular Pipe to transform a string into a slug
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
| import { Pipe, PipeTransform } from '@angular/core'; | |
| @Pipe({name: 'slugify'}) | |
| export class SlugifyPipe implements PipeTransform { | |
| transform(input: string): string { | |
| return input.toString().toLowerCase() | |
| .replace(/\s+/g, '-') // Replace spaces with - | |
| .replace(/[^\w\-]+/g, '') // Remove all non-word chars | |
| .replace(/\-\-+/g, '-') // Replace multiple - with single - | |
| .replace(/^-+/, '') // Trim - from start of text |
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
| - var users = { | |
| - "Aaron Rossi": { | |
| - "name": "Aaron Rossi", | |
| - "title": "CEO & Co-Founder", | |
| - "avatar": "https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg", | |
| - "social": { | |
| - "facebook": "", | |
| - "twitter": "", | |
| - "linkedin": "", | |
| - } |
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width" /> | |
| <title>Glitch</title> | |
| <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> | |
| <link rel="stylesheet" href="style.css" /> | |
| </head> | |
| <body> |
safwendr
/ index.html
Created
December 16, 2020 13:16
Responsive Pure CSS Menu Tutorial (No Javascript)
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
| <html> | |
| <head> | |
| <link rel="stylesheet" href="menu.css"> | |
| </head> | |
| <body> | |
| <header class="header"> | |
| <a href="/" class="logo">CORP</a> | |
| <input class="menu-btn" type="checkbox" id="menu-btn" /> |
safwendr
/ image-slider-toggle-button-with-html-css-javascript.markdown
Created
December 16, 2020 02:40
Image Slider Toggle Button with HTML CSS & JavaScript
safwendr
/ index.html
Created
December 16, 2020 02:27
Responsive Navbar with Search Box using HTML CSS & JavaScript
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
| <!DOCTYPE html> | |
| <!-- Created By CodingNepal --> | |
| <html lang="en" dir="ltr"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <!-- Somehow I got an error, so I comment the title, just uncomment to show --> | |
| <!-- <title>Responsive Navbar with Search Box | CodingNepal</title> --> | |
| <link rel="stylesheet" href="style.css"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <script src="https://kit.fontawesome.com/a076d05399.js"></script> |
safwendr
/ index.html
Created
December 16, 2020 02:19
Neumorphism Profile Card UI Design using only HTML & CSS
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
| <!DOCTYPE html> | |
| <!-- Created By CodingNepal - www.codingnepalweb.com --> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <!-- <title>Neumorphism Profile Card | CodingNepal</title> --> | |
| <link rel="stylesheet" href="style.css"> | |
| <script src="https://kit.fontawesome.com/a076d05399.js"></script> | |
| </head> | |
| <body> |
safwendr
/ custom-radio-buttons-using-only-html-css.markdown
Created
December 16, 2020 02:17
Custom Radio Buttons using only HTML & CSS
NewerOlder