タグ

2012年11月5日のブックマーク (5件)

  • そろそろ本気で CSS3 アニメーション [その1 - Cap]

    ブラウザ上でのちょっとしたアニメーション、っていうと長い間 jQuery がそのデファクトの座にいたわけですが、モバイルだと重いし、各ブラウザの CSS3 実装も進んできたし、そろそろ CSS3 だよね! というわけで、重い腰を上げて気で CSS3 アニメーション書いてみました。いろいろ調べながら書いているので、ダメな所とか突っ込み歓迎です。 今回は連載の第 1 回目、"Cap" と題して、アイコンに蓋をかぶせてみたいと思います。 ※注意! ページの下の方にループしているアニメーションがありますが、そのせいで長時間ページを開いたままにしていると、Chrome / Firefox 共に少しずつ重たくなってきます。特に Firefox の方が顕著です。 おそらく何らかのバグではないかと思うのですが、将来的に解消されるまでは、ページが重たくなったらタブを閉じて開きなおして下さい。リロードでも解

    そろそろ本気で CSS3 アニメーション [その1 - Cap]
  • フォームのサブミットをぐりぐりカスタマイズする jQuery プラグイン jquery.submittable.js リリース!

    フォームのサブミットをぐりぐりカスタマイズする jQuery プラグイン jquery.submittable.js リリース!2012-09-01 さて突然ですが、ウェブアプリ・サイトを作っている時、以下のような悩みを持つことはありませんか? デザイン上、リンクになっている所からフォームをサブミットしたい 進むボタンと戻るボタンでフォームの遷移先を変えたい フォームのサブミット前に確認メッセージを表示したい サブミットボタンのダブルクリックでフォームが二重サブミットされないようにしたい セレクトボックス/ラジオボタン等を変更した時にフォームをサブミットしたい その時々に応じて JavaScript のロジックを記述したり、サーバサイドで一生懸命頑張ったりなどしてはいませんか? jquery.submittable.js を使うことで、それらの悩みが簡単に解決するかもしれません。 サンプル

    フォームのサブミットをぐりぐりカスタマイズする jQuery プラグイン jquery.submittable.js リリース!
  • Bootswatch

    Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.2 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.

  • CSS3とUnicode仕様の縦書きの文字の向きの議論について (CSS組版ブログ)

    関連資料 10月22日「縦組み時の文字の向き―その理論とマークアップ方法」の発表資料(CAS-UBブログ) プレゼン資料(PDF) UTR50 draft 7 CSS3 Writing Modes 前回記事「koboのEPUB3縦書きをためしてみた」 ツイッターまとめ「UTR#50(Unicodeの縦書きの文字の向き)の話題 #UTR50」 「縦組み時の文字の向き―その理論とマークアップ方法」(PDF)は、SVO(英数字を正立、CSS3のtext-orientation:upright)を基としてMVO(英数字を横倒し、CSS3のtext-orientation:mixed-right)を部分的に使用する文書マークアップ方法を提唱しています。その「マークアップ私案」より引用: SVO、MVOは縦組みの文字スタイルの一種である 文書スタイル毎にフレキシブルな指定を可能にすべき 文字コードの

    keijix
    keijix 2012/11/05
    CSS3
  • jmblog.jp – YUI の CSS Fonts を使う場合は SCSS を利用すると管理しやすいよ

    YUI 3のCSS Fontsを使っている場合のフォントサイズ対応表をCSSのコメントに書いておくと便利ですよね :: 5509 というエントリーを見て、最近 CSS Fonts を SCSS で管理するようになってすごく楽になったので、ご紹介。 _fonts.scss といったような名前で次のような mixin を追加した SCSS ファイルを用意します。 これを style.scss などで include して使います。こんな感じ。 @import "fonts"; header { h1 { @include font_15; } } これをコンパイルすると、次のような style.css が生成されます。 /* YUI Fonts.css Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code lice