HTML/CSS – blog.appling.jp

引用を自動化

ブログで記事を書いていると引用することがよくあります。引用の仕方は人それぞれ、インターネット・サービスでも多種多様です。要は見てくれている人に正しい情報が伝われば良いのです。が、しかし、W3Cが提唱する基本ルールと云うの… 続きを読む引用を自動化

srcset属性とは、表示する環境に応じて画像を指定できる属性です。例えばRetinaディスプレイだと解像度が高い画像を表示させ、一般的なディスプレイだと標準解像度の画像を使用する、iPhoneなどの表示横幅が狭い時には… 続きを読む HTMLのsrcset属性が次期Safariで実装されるかも？

去年あたりからちょくちょく耳にするようになったSASSを本格的に使ってみようと思う。便利そうだなとはわかっていたんだけど、環境を整えなければ使えないところがネックとなってなかなか手を出し辛かったのです。愛用しているコーデ… 続きを読む Sass & Compassを導入

久しぶりにサイトに手を入れました。 Macbook Pro Retinaにしてからというもの、自分のサイトを見るたびにロゴがにじんで見えるようになって目の焦点が合わない気持ち悪い見栄えになったのでRetina画面に対応さ… 続きを読むサイトロゴをRetina対応

「jQueryを使ってトグルスイッチ」をメンテナンスしました。 – デモを見る – サンプルをダウンロードする主な変更は、スタイルプロパティの見直しです。

AUGM in OITA のウェブページを無事に公開できたので、今回使用したボックススタイルをまとめてみました。なにかのお役に立てればいいなあ…。ライブデモサンプルファイル (DMG) サンプルファイル … 続きを読む CSS3 BOX STYLE

スタイルシートでアプリケーションのフォントの見た目を変えるのが流行りかな。今回は、`-webkit-font-smoothing` プロパティを使ってフォントスムージング具合を変更してみましょう。 -webkit-fon… 続きを読む font-smoothingで見た目を変えてみる

ウェブページを iPhone などの iOS デバイスで描画する際に関係してくる meta 要素の viewport 属性について考えてみる。この viewport 属性は、iPhone などウインドウという概念を持たな… 続きを読む viewport について

最近、ちょこちょこ見かけるようになったグローテキスト。 Glow Text (リンク先で実際の動きを見れます) .glow { -webkit-animation-direction: alternate; -webki… 続きを読む CSS3: グローテキスト

iPhone ウェブサイトを作成する際に、新規にウインドウを開いて外部サイトへ誘導する時やイベントを他のアプリに渡す場合にユーザにお知らせするユーザインターフェイスは大切ですよね。それも簡単に実装できるとなると使わない手… 続きを読む iPhoneサイトでダイアログを表示する