Skip to content

Instantly share code, notes, and snippets.

View miminari's full-sized avatar
🏠
Working from home

mimi miminari

🏠
Working from home
View GitHub Profile
const fs = require('fs');
const glob = require("glob");
const path = require('path');
const ejs = require('ejs');
let template = `
<span style="visibility: hidden; position: absolute; z-index: -1;">
<!-- SVG-Sprite -->
<%- svgsprite %>
</span>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>SVG ICONS</title>
<style>
<%- theme %>
</style>
</head>
"scripts": {
"rimraf": "rimraf svg/dist",
"imageminsvgo": "node svg/imagemin-svgo.js",
"prebuildsprite": "npm run imageminsvgo",
"buildsprite": "svgstore -o svg/dist/svgsprite.svg svg/dist/icons/**/*.svg --inline",
"embedsprite": "node svg/embed-sprite.js",
"svgsprite": "npm run rimraf && npm run buildsprite && npm run embedsprite"
}
const imagemin = require('imagemin');
const imageminSvgo = require('imagemin-svgo');
imagemin(['svg/icons/*.svg'], 'svg/dist/icons/', {
use: [
imageminSvgo({
plugins: [
{cleanupIDs: {remove: false}},
{cleanupNumericValues: {floatPrecision: 2}},
{removeViewBox: false},
@miminari
miminari / btn-example-inline-svg.scss
Last active May 3, 2018 03:31
ex. postcss-inline-svg
$link-color: #24241E;
/* and you need rem function */
@svg-load arrow-right url(svg/dist/icons/angle-right.svg) {
fill: $link-color;
}
.m-btn {
display: inline-block;
margin: rem(20) 0;
a {
@miminari
miminari / WP_shortcode_svg-inline.php
Created May 3, 2018 06:01
in functions.php of wordpresss
//shortcode
function svg_func( $atts, $content = "" ) {
return '<svg class="m-icon--'.$content.'"><use xlink:href="#'.$content.'"></use></svg>';
}
add_shortcode( 'svg', 'svg_func' );
@miminari
miminari / m-btn--hamb.html
Last active May 4, 2018 23:22
only css hamburger menu template
<input class="m-btn--hamb__input" type="checkbox" />
<div class="m-icon--hamb"><span></span><span></span><span></span></div>
<nav class="l-global__nav">
<h2 class="is-hide">MENU</h2>
<ul class="m-menu">
<li class="m-menu__item"><a href="#">MENU1</a></li>
<li class="m-menu__item"><a href="#">MENU2</a></li>
<li class="m-menu__item"><a href="#">MENU3</a></li>
</ul>
</nav>
@miminari
miminari / wp_pass_current_post_to_template.php
Last active May 25, 2018 00:08
WordPress: my cheat sheet
<?php
$paged = (int) get_query_var('paged');
$args = array( //全記事取得
'posts_per_page' => 10,
'paged' => $paged,
'orderby' => 'post_date',
'order' => 'DESC',
'post_type' => 'post',
'post_status' => 'publish'
);
@miminari
miminari / wp-template.html
Last active June 26, 2018 04:53
【表示確認・更新管理用】スタイルガイド・更新マニュアル【削除しないでください】
このページは、表示確認と更新管理のためのページです。リリース時は公開範囲を「非公開」にしましょう。
<h2>目次</h2>
<ul>
<li><a href="#color">色</a></li>
<li><a href="#basic">基本タグ</a></li>
<li><a href="#shortcode">ショートコードについて</a></li>
<li><a href="#customs">カスタムスタイル</a></li>
</ul>
@miminari
miminari / wp-contact-form7.html
Last active July 28, 2018 03:16
郵便番号検索 ajaxzip3を導入
<div class="m-form__item">
<div class="m-form__ttl">ご住所 <em class="m-form__must">※</em><div class="m-attn">マンション名・部屋番号も忘れずにご記入ください。</div></div>
<div class="m-form__body"><label class="m-form__line"><span class="m-form__ttl--sub">郵便番号</span> [number* zip11 id:zip11 placeholder "6500000"]</label><label class="m-form__line"><span class="m-form__ttl--sub">住所1</span> [text* addr11 id:addr11]</label><label class="m-form__line"><span class="m-form__ttl--sub">住所2</span> [text addr-more]</label></div>
</div>