Skip to content

Instantly share code, notes, and snippets.


かみーゆ yuririn

View GitHub Profile
View btn-css3.css
// 四角で囲う
background: rgb(255, 80, 49);
position: relative;
padding: 20px 30px;
display: inline-block;
text-align: center;
position: relative;
overflow: hidden;
View gist:0247018e15e62f0f769d918f8a1e525d
// 押したらくぼむ
.press {
transition: .3s;
border-radius: 5px;
background: linear-gradient(to bottom, #ffa670 0%, #fc5800 65%);
text-decoration: none;
padding: 15px 30px;
display: inline-block;
color: #ffffff;
text-shadow: 1px 1px 1px #912C1D;
View sass-gulp.js
const gulp = require('gulp')
const sass = require('gulp-sass')
const browserSync = require('browser-sync')
const plumber = require('gulp-plumber')
const notify = require('gulp-notify')
const sourcemaps = require('gulp-sourcemaps')
const autoprefixer = require('gulp-autoprefixer')
View livereload.js
const gulp = require('gulp')
const browserSync =require('browser-sync')
const src = 'src/'
const srcDir = {
html:[src + '*.html'],//html第1階層まで
View gist:2c4cd588ff0ca1171851c930ee4f8dfd
/* css */
.list-family ol{
list-style: none;
counter-reset: cnt;
padding-left: 0;
.list-family ol li{
margin-bottom: 8px;
.list-family ol li::before{
View gist:71c9ddb723ea62ad68e56f027bc89d52
/* css */
.numbering {
margin: 0;
counter-reset: number;
.numbering h2::before {
counter-increment: number;
content: counter(number);
padding-right: 5px;
View gist:e23b4efffaef4ea5ecc136e84c94273e
- var author = ['ゆうさん', 'ゆきぱんだ', 'Tantan', 'かみーゆ', 'しゃーまん']
each item, index in author
li #{index + item}
View gist:03b9617355120cff4b58ca064f36772f
//- ごちゃ混ぜ
p こんにちは。<br>フロントエンドエンジニアの <strong>かみーゆ</strong> です。
//- =でコンテンツを渡す
p= 'こんにちは。フロントエンドエンジニアのかみーゆです。'
//- エスケープ
p= '段落は<p>タグで囲みます'
//- エスケープしたくない
View gist:a220e23e9fa3d994715fe6c978ad3e7b
//- css
color: #333;
background: #aaa;
//- js
var flug = true;
View gist:b3f0cc35c69284c5b9b877498498c2a3
p こんにちは。
| フロントエンドエンジニアの
strong かみーゆ
| です。
You can’t perform that action at this time.