• Bluesky Posts
  • Flickr Photos
  • Instagram Photos

semicolon

日々をゆるく綴ります。

CSS

画像をボックスの上下左右センターに配置するスタイルシート

2016年10月26日 by mookid

たまにはギョーム関連でおぼえたことを書いておかないと。大きさの決まったボックス内に画像を置いた時、ボックスのサイズにあわせて上下中央に配置するスタイルシートです。画像は横長でも縦長でも長辺がボックスのサイズにあわせた大きさになります。

See the Pen Centering Image by semicolon (@semicolon) on CodePen.

そこそこ利用する場面が多いため Codepen に保存しておきました。Gist にも置いてあるけど、その場でデモが見れる Codepen の方がこういう場合はよいですね。

カテゴリー: テクニカル タグ: CSS, HTML, SCSS

これまでに書いたコードサンプルを Gist に

2015年7月14日 by mookid

このブログに書いたコードを GitHub Gist にもコピペ。もっとあるかと思ったらそうでもない。精進します。

ウェブページにJSONPフィード内容を表示するための JavaScript サンプル

極細フォント CSS

WordPress functions.php に AddThis 設定を追加

カテゴリー: 日常 タグ: Code, CSS, Gist, GitHub, JavaScript, php, WordPress

スマートフォンサイトの構築千本ノック

2015年3月23日(最終更新日: 2015年03月24日) by mookid

仕事でスマートフォンサイトを構築することが多いのだけど、構築するたびに調べ物をしながら作業するのでさっぱり効率があがらない。まわりにも質問しまくりの助で迷惑かけてそうなので、しばらくスマートフォンサイトだけをひたすら半年ぐらい作り続けてみたい。その間に PC サイトの作り方を忘れてしまいそうだけど。

カテゴリー: 日常 タグ: CSS, HTML, mobile, Work

iOS の極細フォントをウェブサイトに

2015年3月1日(最終更新日: 2015年04月17日) by mookid