Skip to content

Instantly share code, notes, and snippets.

Lili Agazadyan artlili

Block or report user

Report or block artlili

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View nuxt.config.js
module.exports = {
/*
Headers of the page
- Nuxt.js uses vue-meta to update the headers and html attributes of your application.
- Nuxt.js configures vue-meta with these options:
{
keyName: 'head', // the component option name that vue-meta looks for meta info on.
attribute: 'data-n-head', // the attribute name vue-meta adds to the tags it observes
ssrAttribute: 'data-n-head-ssr', // the attribute name that lets vue-meta know that meta info has already been server-rendered
tagIDKeyName: 'hid' // the property name that vue-meta uses to determine whether to overwrite or append a tag
@artlili
artlili / package.json
Created Apr 28, 2020
npm update all packages
View package.json
"scripts": {
"update:packages": "node wipe-dependencies.js && rm -rf node_modules && npm update --save-dev && npm update --save"
}
View swipe slider
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
.slider {
position:relative;
@artlili
artlili / gradient.scss
Created Jan 2, 2020
Dynamic Gradient Background
View gradient.scss
$bg-color: #ff8888; //start color
$stops: 100; //smoothness
$time: 20s; //duration of animation
$hue-range: 20; //of 360deg
body{
background-color: $bg-color;
-webkit-animation: colorChange $time linear 0s infinite;
animation: colorChange $time linear 0s infinite ;
}
View simlpy localhost
<?php
header('Access-Control-Allow-Origin: *');
echo $_SERVER('REMOTE_ADDR');
?>
console run php -S 127.0.0.1:8080
View all_mixins.sass
/*** Usage
+clear
=clear
&::after
content: ''
display: table
clear: both
/*** Usage
+antialias
View adaptive_video
<div class="relation">
<div class="relation__offset relation__offset-16-9"></div>
<div class="relation__content">
<iframe class="video__content" src="https://www.youtube.com/embed/KFVoIzaGPYg" ></iframe>
</div>
</div>
.relation{
max-width: 560px;
position: relative;
@artlili
artlili / app.js
Created May 28, 2019
vue back to top
View app.js
Vue.component('backtotop', {
template: '#backtotop',
data: function() {
return {
isVisible: false
};
},
methods: {
initToTopButton: function() {
$(document).bind('scroll', function() {
View delete.vue
var vm = new Vue ({
el: '#app',
data: {
result: ''
},
created: function(){
this.getResult();
},
@artlili
artlili / file.vue
Created May 26, 2019
Axios upload multiple files
View file.vue
<input type="file" ref="file" multiple="multiple">
submitFiles() {
let formData = new FormData();
for( var i = 0; i < this.$refs.file.files.length; i++ ){
let file = this.$refs.file.files[i];
console.log(file);
formData.append('files[' + i + ']', file);
You can’t perform that action at this time.