CodeDrops codedrops-io
This file contains 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
| module.exports = { | |
| css: { | |
| loaderOptions: { | |
| scss: { | |
| prependData: ` | |
| @import '~@/scss-directory/file.scss'; | |
| @import '@/scss-directory/another-file.scss'; | |
| ` | |
| } | |
| } |
This file contains 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
| git config --global user.name "your user name" | |
| git config --global user.email "your@user.email" |
This file contains 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 lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content=""> | |
| <title></title> | |
| </head> | |
| <body> | |
codedrops-io
/ slow-loading-checker.js
Created
June 18, 2020 14:51
Check if a feature of your project is loading slow.
This file contains 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
| setTimeout(() => { | |
| if (!HAS_LOADED_CONDITION) { | |
| // This should be sent to your error tracking system | |
| console.error('⚠️ Slow connection!') | |
| } | |
| }, 10000) |
This file contains 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
| function debounce (func, wait = 100, immediate) { | |
| let timeout | |
| return function () { | |
| const context = this | |
| const args = arguments | |
| const later = function () { | |
| timeout = null | |
| if (!immediate) func.apply(context, args) |
This file contains 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
| function shuffleArray (array) { | |
| let currentIndex = array.length | |
| let temporaryValue | |
| let randomIndex | |
| // While there remain elements to shuffle. | |
| while (currentIndex !== 0) { | |
| // Pick a remaining element | |
| randomIndex = Math.floor(Math.random() * currentIndex) | |
| currentIndex -= 1 |
This file contains 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
| p { | |
| overflow: hidden; | |
| white-space: nowrap; | |
| text-overflow: ellipsis; | |
| } |
codedrops-io
/ initialize-body.scss
Created
June 18, 2020 14:56
Initialize the body of your document.
This file contains 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 { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| * { | |
| box-sizing: inherit; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; |
This file contains 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
| * { | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } |
OlderNewer