megurock’s gists

megurock / parallax.html

Last active September 27, 2023 10:00

IntersectionObserver を使ったパララックス

	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Document</title>
	<style>
	body {
	margin: 0;
	}

megurock / SlotOperation.vue

Last active September 22, 2023 04:43

slot に対する変更（script setup を使わない）

	<script>
	import { mergeProps } from 'vue'

	export default {
	setup(props, context) {
	const slotContent = context.slots?.default?.()
	if (slotContent) {
	slotContent.forEach(vNode => {
	vNode.props.class = (vNode.props.class ?? '') + ' foo'
	vNode.props.style = mergeProps(vNode.props.style, style)

megurock / .gitconfig

Last active April 29, 2023 02:54

.gitconfig

megurock / css-support-test.js

Last active December 2, 2015 01:28

simple css support test

	/**
	* CSSが使えるかチェックします。
	* @param prop:String CSSプロパティ（ベンダープリフィックスがある場合を考慮）
	* @param useVendorPrefix:Boolean ベンダープリフィックスを付けるか(default: false)
	* @see http://caniuse.com/#feat=css-transitions
	* @return:Boolean 指定のCSSが使える場合trueを返却
	*/
	function canUseCss(prop, useVendorPrefix) {
	var props = [ prop ],
	// ベンダープリフィックス

megurock / Gruntfile.js

Last active August 29, 2015 14:20

dynamic compilation config for jade and sass

	module.exports = function(grunt) {

	var glob = require('glob');

	// load plugins in 'devDependencies'
	require('load-grunt-tasks')(grunt, {
	scope: 'devDependencies'
	});

	// load a configuration file that specifies 'jade' amd 'sass' compilation settings.

megurock / csscomb-config.json

Created April 14, 2015 09:13

csscomb simple setting ver

megurock / gulpfile.js

Created November 24, 2014 16:47

will be updated.

	// plugins
	var gulp = require('gulp');
	var del = require('del');
	var webserver = require('gulp-webserver');
	var sass = require('gulp-sass');
	var pleeease = require('gulp-pleeease');
	var changed = require('gulp-changed');
	var usemin = require('gulp-usemin');
	var uglify = require('gulp-uglify');
	var minifyHtml = require('gulp-minify-html');

megurock / pictuerfill-test.html

Created October 7, 2014 09:54

picturefill 1.2 exmaple

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Picturefill 1.2 Example</title>
	<link rel="stylesheet" href="css/main.css">
	<!--[if IE 9]><script src="js/vendor/matchMedia.js"></script><![endif]-->
	<script src="js/vendor/picturefill.js"></script>
	</head>

megurock / csscomb-config.json

Created October 6, 2014 09:34

based on zen.json (https://github.com/csscomb/csscomb.js/blob/master/config/zen.json)

megurock / package.json

Created October 1, 2014 12:08

package.json for my grunt template #1

Eiji Meguro megurock