{
    "componentChunkName": "component---src-templates-tagged-posts-jsx",
    "path": "/tag/CSS",
    "result": {"data":{"site":{"siteMetadata":{"title":"WEB EGG"}},"allMarkdownRemark":{"edges":[{"node":{"timeToRead":13,"excerpt":"バイト先で「新ゆとり世代」と言われました。れこです。 HTML、CSSを省略して書けるZen-Codingの後見、 Emmetについて書こうと思います。 やれCoffeeだTypeScriptだSass…","fields":{"slug":"/introduction-of-emmet/"},"frontmatter":{"date":"June 27, 2013","title":"Emmetを始めるのに、とりあえずこれだけ覚えておけば大丈夫","featuredImage":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='143'%20viewBox='0%200%20400%20143'%20preserveAspectRatio='none'%3e%3cpath%20d='M235%2031l-1%2038c1%2036%201%2037%207%2039%204%202%2078%201%2081-1%204-3%204-1%204-78l-1-2-1%2036v36l-2%202c-4%203-79%203-83%200-2-2-2-2-2-37%200-34-1-46-2-33M73%2064c0%2035%200%2038%202%2041%203%204%203%204%2047%204%2043-1%2041%200%2043-8a803%20803%200%2000-2-38v36l-2%202c-3%202-3%202-42%202-37%200-39%200-41-2l-2-2-1-36-1-36-1%2037m30-13c-4%201-6%204-7%2010%200%207%204%2012%2010%2011%204-1%208-4%208-6-1-2-5-2-5-1%200%202-4%203-6%201-3-2-3-9%200-10%202-1%205-1%206%201l3%201c3-2%202-4-3-7h-6m16%201c-2%200-5%207-3%208l1%206c0%205%201%206%204%206%202%200%203%200%203-2l-1-2c-2%200-2-1-2-4s0-4%202-4l1-2-1-2-2-2c0-2-1-3-2-2m18%2010c0%2010%200%2010%202%2010s3-1%203-11V51h-5v11m61-7v2l-2%202c-3%200-4%202-3%204l3%201c1%200%202%201%202%203l2%202%202-2c0-2%201-3%203-3s2%200%202-2%200-3-2-3-3%200-3-2c0-3-4-4-4-2m77%204c-6%207%202%2017%2010%2011l2-2c0-1-3-2-5-1-1%201-5%200-4-1l6-1c4%200%204%200%203-3-1-6-8-8-12-3'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":2.783333333333333,"src":"/static/5d3b669353ca939fe757e9e04f00b65c/f32f2/featured-image.jpg","srcSet":"/static/5d3b669353ca939fe757e9e04f00b65c/466a3/featured-image.jpg 334w,\n/static/5d3b669353ca939fe757e9e04f00b65c/f32f2/featured-image.jpg 569w","srcWebp":"/static/5d3b669353ca939fe757e9e04f00b65c/3d427/featured-image.webp","srcSetWebp":"/static/5d3b669353ca939fe757e9e04f00b65c/cd98f/featured-image.webp 334w,\n/static/5d3b669353ca939fe757e9e04f00b65c/3d427/featured-image.webp 569w","sizes":"(max-width: 569px) 100vw, 569px"}}}}}},{"node":{"timeToRead":4,"excerpt":"完全にネタ記事です。 某合宿キャンプの選考にてFizzBuzzが出題されたそうなので、 CSSと、CSSメタ言語のSassでやってみました。 FizzBuzzとは FizzBuzzとは、プログラマーの小手調べだったり、お遊びだったりします。 1から10…","fields":{"slug":"/fizzbuzz-with-css-and-scss/"},"frontmatter":{"date":"June 25, 2013","title":"CSSとSassでFizzBuzzしてみた","featuredImage":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='143'%20viewBox='0%200%20400%20143'%20preserveAspectRatio='none'%3e%3cpath%20d='M314%207l-6%202h-3c-1%200-9%203-8%204l3-1h6v2h-3l-3%202-1%201c2-1%205%201%204%202h-2c-1-1-2-1-4%201-3%203-3%204%201%204%203%201%204%200%205-2s5-4%208-3l2-1-5-1-4%201%202-2%206-2%203-1h-8l2-2c5-5%2017-3%2020%203h3c0-1-8-7-11-7h-7m-21%209c-5%207-8%2015-8%2021l1%207%201%201h-1c-2-2-2-2-3%200-2%203-3%209-1%2010l1%204c-1%205-4%2011-4%208l-1-2c-1%200-2-1-1-2%200-2%201-2%201-1%202%202%203%201%203-3v-3l-3%203-3%206c1%202%200%203-1%203-2-1-2%201%200%202l1%204%201%202%202%202c1%202%201%202%201%200l2-4v-5l1-3v3c0%204%200%204%203%204%201%200%202%200%201-1-1%200-2-1-2-3-1-4%201-16%202-17s7%201%207%203l1%203-2%202v1l2%201h-3l-3%201%202%202c2%200%203%200%204%205v4l-4-1c-3%200-3%200%201%202v1c-2%201-2%201%201%201%205-1%205-1%200%202-7%203-7%206-4%2011l5%209c2%204%202%203%201-1v-2l3%204c0%203%200%204-3%207s-4%204-3%206c0%204-1%204-4%201s-5-3-3%200c3%202%2010%206%2011%205l-1-2-1-1-1-3-1-2c1%201%202-1%204-2%203-4%204-8%202-12-1-2-1-2%201-1s2%202%202%207v26h44l43%201V95h-34l-35-1%204-9%202%202%204%201c2%200%202%200-2-3-5-2-5-2-8%204l-2%203c-1-1-1-1-1%201l-2%202c-1%200-2-1-2-3s0-2%202-2c1%201%202%200%202-1l1-1v-4c-2-4-2-4%201-5l5-5%203-3%202%202%201%204c0%203%201%202%203%200%201-2%201-2%203-1l4%202c2%200%204%201%204%203h-2l-1%201c-2-1-1%201%201%202h6l1%201%201-3h-2l-1-2-2-2-2-1c-3%200-7-2-10-6-4-5-5-9-5-17v-7l-1%206v11c1%205%200%207-7%2012-6%205-9%204-15-3-5-7-8-12-9-18%200-3%200-4%201-3l7-2c0-2-4-5-6-5l-3-1c-1-7-1-9%202-9l1-1c0-2-4-1-7%201-2%201-2%201-2-1l5-4c3-1%204-2%203-3l-5%201c-3%203-3%201%201-3%203-3%204-6%202-4-2%201-1-1%202-5l1-3-3%203m-66%2039c-4%200-4%201-2%2016l2%209%204%202c4%201%2012%201%2014-1%202-1%205-24%204-25s-18-2-22-1M76%2059c-2%202-1%202%202%201%207-3%208%203%202%2010-6%205-6%206%202%206l6-1c0-2-1-2-4-2h-4l3-4c4-4%205-8%202-10-2-2-7-2-9%200m54-1c-6%200-7%200-7%202s1%202%205%201l11%202-8%201c-8%200-9%200-9%202-1%202%200%202%208%202s8%200%207%202c-1%204-2%205-7%205-3%200-5-1-5-2-2-3-5-2-5%201%200%204%2011%206%2018%203%202-2%203-3%204-9l2-9c0-1-4-2-14-1m54%205c-5%208-5%208%201%208%205%200%205%200%205%203l2%202%201-2c0-2%201-3%202-3v-2h-1l-1-6c0-8-2-8-9%200m45%202c0%204%201%205%203%205%208%200%208%200%208%202%200%203-6%203-7%201-1-3-3-2-3%200%200%203%204%205%209%204%203%200%204-1%204-4%202-7%202-7-5-7l-6-1c0-2%201-2%206-2l6-1c0-2-2-2-8-2h-7v5m63%2015c-4%202-4%206%201%2011%206%205%2011%206%2013%201l1-2v2c0%204%202%204%202%200%200-3%200-3-2-3-2%201-3-1%200-2v-4l-2%202c-1%202-2%201-5-2-3-4-4-4-8-3m20%2024c-2%200-4%204-2%207l5%203c6%201%207%205%202%205-3%200-6-2-6-4l-1-1-1%203c0%203%200%204%205%204%2011%200%2013-8%203-11-5-1-7-3-3-4%202-1%205%201%206%203%202%202%203%201%203-2%200-2-1-3-3-3h-8m15%206c-3%202-3%203%200%203l2-1c-1-2%200-2%201-2%203%200%202%203-2%204-2%202-3%202-3%204%201%204%2012%204%2013%200%200-1%200-2-1-1%200%203-2%201-1-2%201-5-5-8-9-5'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":2.783333333333333,"src":"/static/94059cfcd5135ca2a0d35c2856e2b0ff/f32f2/featured-image.jpg","srcSet":"/static/94059cfcd5135ca2a0d35c2856e2b0ff/466a3/featured-image.jpg 334w,\n/static/94059cfcd5135ca2a0d35c2856e2b0ff/f32f2/featured-image.jpg 569w","srcWebp":"/static/94059cfcd5135ca2a0d35c2856e2b0ff/3d427/featured-image.webp","srcSetWebp":"/static/94059cfcd5135ca2a0d35c2856e2b0ff/cd98f/featured-image.webp 334w,\n/static/94059cfcd5135ca2a0d35c2856e2b0ff/3d427/featured-image.webp 569w","sizes":"(max-width: 569px) 100vw, 569px"}}}}}}]}},"pageContext":{"tag":"CSS"}},
    "staticQueryHashes": ["2585454260","2954598359"]}