Skip to content

Instantly share code, notes, and snippets.

Shinyu Murakami MurakamiShinyu

Block or report user

Report or block MurakamiShinyu

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 EquivalentUnifiedIdeograph-modified.txt
# EquivalentUnifiedIdeograph-modified.txt
#
# Modified by Shinyu Murakami <murakami@vivliostyle.org>
# for use to correct CJK text in Chrome-generated PDFs.
# see https://github.com/vivliostyle/vivliostyle-cli/issues/40
#
# The original version is: https://www.unicode.org/Public/13.0.0/ucd/EquivalentUnifiedIdeograph.txt
#
# Modifications:
# - Put a parenthesized character after each code point for human readability
View table-variable-n-of-cells-in-rows.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test: Table with variable number of cells in rows</title>
<style>
table,
td {
border: 1px solid;
@MurakamiShinyu
MurakamiShinyu / cssLogical.pl
Created Nov 26, 2019
Convert CSS non-logical properties to logical properties
View cssLogical.pl
#!/usr/bin/perl
while (<>) {
s/(?<![^;{\s])(margin|padding|border)-top:/$1-block-start:/g;
s/(?<![^;{\s])(margin|padding|border)-right:/$1-inline-end:/g;
s/(?<![^;{\s])(margin|padding|border)-bottom:/$1-block-end:/g;
s/(?<![^;{\s])(margin|padding|border)-left:/$1-inline-start:/g;
s/(?<![^;{\s])border-top-(color|style|width):/border-block-start-$1:/g;
s/(?<![^;{\s])border-right-(color|style|width):/border-inline-end-$1:/g;
s/(?<![^;{\s])border-bottom-(color|style|width):/border-block-end-$1:/g;
s/(?<![^;{\s])border-left-(color|style|width):/border-inline-start-$1:/g;
View link-to-vivliostyle-view-sample.html
View test-pageheader-pagebottomfloat.html
<!DOCTYPE html>
<html>
<head>
<title>Test: Page Header + Page Bottom Float</title>
<style>
.pagebottomfloat {
float: bottom;
float-reference: page;
}
@page {
View test-pageheader-footnote.html
<!DOCTYPE html>
<html>
<head>
<title>Test: Page Header + Footnote</title>
<style>
.footnote {
float: footnote;
}
@page {
@top-center {
@MurakamiShinyu
MurakamiShinyu / dabblet.css
Last active Feb 3, 2019
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
View dabblet.css
/**
* Flex centering
*/
body {
display: flex;
border: outset blue;
margin: 0;
text-align: center;
height: 100vh;
box-sizing: border-box;
You can’t perform that action at this time.