• Bluesky Posts
  • Flickr Photos
  • Instagram Photos

semicolon

日々をゆるく綴ります。

HTML

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

2016年10月26日 by mookid

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

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

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

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

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

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

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

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

2010年7月27日の関心事

2010年7月27日(最終更新日: 2014年12月30日) by mookid

ようやくホワイト iPhone 4 の発売延期発表のショックから立ち直りました(大袈裟)。iPhone 3G で iOS 4 はしんどいので、Life Hacker の記事を参考に iPhone OS 3.1.3 にダウングレードしたところ、ずいぶんまともに使えるようになりました。さてこれで年内発売されても年内に入手できる保証もないホワイト iPhone 4 を待つかというと…、実は iPhone 3G を購入したのは 2008 年の 10 月なので、そこまでは待ってみてもいいかもと思ってます。 できるだけ早めに発売されることを祈りつつ、愛着のある iPhone 3G でがんばりますよ。

  • Apple からたくさんの新製品が発表されました。
    • アップル – デスクトップパソコン – iMac – 究極のオールインワンデスクトップコンピュータ。
    • アップル – Magic Trackpad – デスクトップのためのマルチタッチトラックパッド。
    • アップル – Apple Battery Charger – アクセサリの電力を、エネルギー効率の良い方法で。
    • アップル – デスクトップパソコン – Mac Pro – 最大12コアの処理能力を。
    • アップル – LED Cinema Display
  • Yahoo! Japan が Google の検索エンジンを採用するというビッグニュース。たつをさんのエントリに書かれている説明とこの発表に至るまでの経緯がとてもわかりやすいです。
    • Google Japan Blog: Yahoo! JAPAN のより良い検索と広告サービスのために
    • Yahoo! JAPANの検索サービスにおけるグーグルの検索エンジンと検索連動型広告配信システムの採用、ならびにYahoo! JAPANからグーグルへのデータ提供について
    • [を] Yahoo! JAPAN のウェブ検索と検索連動広告配信システムが Google に変更になります
  • 速報! 米著作権庁、合法利用の範囲を大幅拡大―iPhone脱獄など全6項目
    • とはいえ Apple の保証対象外になるのは変わらないんですよね?
  • 本格的VJパフォーマンスを実現するiPhone用映像アプリ「iVJ」 | クリエイティブ | マイコミジャーナル
    • 待ち望んでいたアプリ!というか自分で作りたかった。iPhone 4 ゲットしたらまた VJ やりたい。
  • ホワイト iPhone 4 発売延期というとても残念なニュース。ブラックと同時に予約開始されなかったのは賢明な判断でしたね。というかその時にすでにこうなる可能性も見えていたのではないかと勘繰ってしまいます。「やっぱり発売しません」なんてことにならないといいのですが。
    • Statement by Apple on White iPhone 4
    • 「iPhone 4」ホワイトモデルの発売、“今年後半”に延期 – ITmedia +D モバイル
    • Apple、さらにiPhone 4 ホワイトモデルの発売を今年後半まで延期!!(ホワイト待ちに最悪の事態発生。) – Apple Brothers + Mac News
    • Apple、iPhone 4 ホワイトの発売を”年内発売”に延期 – 気になる、記になる…
    • アップル iPhone 4 ホワイトモデル再延期、「年内発売」へ
    • 「iPhone4 ホワイトモデル延期」関連まとめ | 覚醒する? @CDiP
    • アップル、「白いiPhone 4に関するお知らせ」を公開(日本語)・・・お届けは今年後半になる予定 – Apple Brothers + Mac News
    • Apple、ホワイトiPhone 4最大の問題 ― の可能性。
  • iOS4の遅さがどうしても気になったら…。iOS3.1.3にダウングレードする方法 : ライフハッカー[日本版]
    • Mac を使ってるのでダウングレード自体はすんなり終わりました。その後のデータの復旧は一晩かかりました。そして iOS 4 にしていた期間に送受信した SMS/MMS が復元できませんでした。以下のエントリを参考にしてテキストデータとしては復元できました。
    • ヒマ人の備忘録: iPhoneのSMS/MMSバックアップ(脱獄不要)
  • Topsy API を使ってブログに「つぶやかれ数」を自由にレイアウトする [C!]
  • 【レポート】今、HTML5を使ってもいい5つの理由 | エンタープライズ | マイコミジャーナル
  • そろそろクラウド? 脱自宅サーバ考 : ライフハッカー[日本版]
    • 私も独身時には自宅サーバでこの semicolon.jp というドメインのサイトを運営してました。ほとんど家にいないのに電気代がやたら高かったのは困りました。自宅サーバを卒業したい人にはオススメのエントリですね。
タグ: Apple, Google, HTML, HTML5, iPhone, Mac, Server, VJ, Yahoo

2010年7月8日の関心事

2010年7月8日(最終更新日: 2014年12月30日) by mookid

エントリタイトル変えてみました。日付が入るのはスマートじゃないけど毎日同じタイトルにするよりはよっぽどいいですよね。

  • YouTubeモバイル版、HTML5化―ビデオ画質はネーティブ版をしのぐ
    • 試してみると、ブラウザ画面内に必要な要素がうまく収まっていて使いやすくなった印象でした。画質については比較してないのでなんともいえません。iPhone 用のアプリケーションは AppStore に申請する必要のあるネイティブアプリケーションと HTML5 を使った Web アプリケーションのいずれかが選択できる状況になりつつあると思います。ハードウェアに直接アクセスする必要がないのであれば、後者(HTML5)の方が自由なアプリケーションを作成できますね。
  • 13型MacBookファミリーを比較:「MacBook」か「MacBook Pro」か、それが問題だ – ITmedia +D PC USER
    • もう少し待って次の世代を楽しみにしておきます。
  • Facebookの「いいね!」ボタン、1日30億回=Google超えるレコメンデーション可能に【ループス斉藤徹】 : TechWave
    • すごい数。仕事のサイトでも設置してますが、あまり利用されていないようです。自分の管理しているサイトでどの位押されているのかはどうやって把握できるんでしょうか。
  • 増殖中!? “iPhoneプラスMac派”ならではの仕事術とは? 吉越浩一郎、本田直之に聞く – デジタル – 日経トレンディネット
    • 私のデスクにはお二方の書籍が積ん読状態になってたりします。さっさと読もう。Mac 使う人ホントに増えましたね。10 年前は Mac 使って仕事してる私はほぼ変人扱いでした。
タグ: HTML, Mac, Service, Web

ページ

  • Bluesky Posts
  • Flickr Photos
  • Instagram Photos
Tweets by semicolon

アーカイブ

リンク

  • semicolon.jp
2026年2月
日 月 火 水 木 金 土
1234567
891011121314
15161718192021
22232425262728
« 5月    

Copyright © 2026 semicolon.

Omega Child WordPress Theme by ThemeHall