blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Design

ページにグリッドの罫線を表示するJavaScript

Pocket

ページのディテールに隠し機能をつけたい。 そんなときにおすすめなのが、『#grid』。ページにグリッドの罫線を表示するJavaScriptです。 以前「Webデザインにおける”Wow”ファクター」のエントリーで紹介した、Analogのサイトで使われている機能ですね。「ALT + G」を押すと、グリッドの綺麗な罫線が表示されます。 jQueryとhashgrid.jsを読み込んで、CSSでスタイリングしているようですね。 「ALT + G + ENTER」を押すと、罫線を表示したままにできるので、一度やってみてください。 ライセンスはCreative Commons Attribution-Share Alike License。 ぜひ使ってみてはいかがでしょうか? #grid — A layout grid in JavaScript and CSS for web design and typography クリスマスですね〜。みなさんいかがお過ごしでしょうか? いろいろぱつぱつだったけど少し落ち着きました。これからごちそうを食べようかな、って日またいでもうた。。 あとは年末ですね。楽しみましょう!ゆっくりしたいな。

Warning: A non-numeric value encountered in /home/users/1/creamuinc/web/creamu.co.jp/wp/wp-content/plugins/wp-social-bookmarking-light/vendor/twig/twig/lib/Twig/Environment.php(462) : eval()'d code on line 43

Warning: A non-numeric value encountered in /home/users/1/creamuinc/web/creamu.co.jp/wp/wp-content/plugins/wp-social-bookmarking-light/vendor/twig/twig/lib/Twig/Environment.php(462) : eval()'d code on line 43

Warning: A non-numeric value encountered in /home/users/1/creamuinc/web/creamu.co.jp/wp/wp-content/plugins/wp-social-bookmarking-light/vendor/twig/twig/lib/Twig/Environment.php(462) : eval()'d code on line 43