テキストにかっこいいスタイルを与えたり、レスポンシブに対応した配置や複雑な形状の回り込み、タイプライターや案内板のようなアニメーションで一文字ずつ表示するなど、テキスト関連のjQueryのプラグインを紹介します。
テキストを部分的にカッコよくアニメーションさせつつ切替え可能にするjQueryプラグイン「dynamo.js」 2012年10月11日- dynamo.js テキストを部分的にカッコよくアニメーションさせつつ切替え可能にするjQueryプラグイン「dynamo.js」 <p>I wish I could <span class="dynamo" data-lines="modify,mutate,morph,switch">change</span> the text here.</p> のように書いて、初期化してあげると、I wish I could 〜 移行に <span>の data-lines属性で指定した単語をアニメーションさせつつローテーションするカッコいいエフェクトが作れます 切替えスピード等は .dynamo な要素の data-属性を切り替えることでカスタマイズが可能です
» 【永久保存版】これは知らなきゃ損! アルファベット26文字の起源を示したイラストが実に面白い!! 特集 今やわれわれ日本人にとっても、親しみ深い存在となった “アルファベット”。普段アルファベットを使用する際、多くの人が何も意識せず、ただの記号としてアルファベットを使っていることだろう。しかしどの文字にも、起源というものがある。 それではアルファベット26文字は、一体どうやってできたのだろうか? その疑問にひとりのアーティストが答えてくれた。それもとても分かりやすく! Jason Novakという名前のそのアーティストは、アルファベット一文字一文字の形がどこからきたのかを、イラストを使って分かりやすく示した。すると海外ネットユーザーから大きな反響を得られ、FacebookやTwitterを通して、またたく間にそのイラストはネット上で広がっていった。 Novakさんのイラストによると、A
パソコンをバリバリ使う人ほどマウスを使いたがらない、という話を聞いた1日のほとんどをMacの前で過ごしている僕はMagic Mouse愛用者!どうも、g.O.R.i(@planetofgori)デス! 僕は確かにMagic Mouseを愛用しているが、普段キーボードをバチバチ叩いているので、できるのであればキーボードから指を離さずに操作ができるのが理想。その理想の一角を担っているのが僕の場合高機能ランチャー「Alfred」だったりするのだが、その理想をほぼ実現したと言っても過言ではないMac用ツール「Shortcat」のベータ版が公開されていたので、紹介する!! イメージとしては、「画面上に表示されているすべての文字を検索対象とするSpotlight機能」と言ったところ。見たほうが分かりやすいと思うので、以下の公式プロモーション動画をどうぞ! What is Shortcat? from
1クリックで、風景や動物、静物、人物などの写真をより印象的なものに仕上げるPhotoshopのアクションを紹介します。
当サイトでもテクスチャやパターンなどを素材として紹介しますが、ダウンロードして満足するだけでなく、どのように使うかが大切です。 テクスチャやパターンを効果的に使った実例を見ながら、その使い方を紹介します。 The What, Why and How of Textures in Web Design 下記は各ポイントを意訳したものです。 1. ノイズのテクスチャ 2. リアルにするためのテクスチャ 3. ビジュアル効果を与えるテクスチャ 4. トーンや印象を明確にするテクスチャ 5. シンプルなピクセルパターンの繰り返し 6. 大きなインパクトを与えるパターン 1. ノイズのテクスチャ ノイズのテクスチャは最近のウェブデザインでとても人気があります。これは背景からボタンまで、あらゆるデザインほとんどのエレメントにマッチします。 ノイズの使い方は使う場所に依存しますが、良いノイズというのはぱ
Posted: 2012.10.11 / Category: javascript / Tag: API, jQuery, Twitter このブログでjQueryでTwitter APIを使用する方法をいくつか紹介してきましたが、2012年10月現在、今までの方法が使用できなくなりました。 とりあえずの解決策です。 今までタイムラインはこのように取得していましたが。 http://twitter.com/statuses/user_timeline/xxxxxxxxxxxxxxx.json こうなります。 https://api.twitter.com/1/statuses/user_timeline.json?screen_name=xxxxxxxxxxxxxxxxx リクエストURLに「1」と書いてありますが、これはTwitterAPIのバージョン1を使用しているということです。 す
How to Create CSS3 Pricing Tables - DesignModo CSS3ベースのオシャレな価格表作成チュートリアル。 次のようにCSS3を駆使して美しい価格テーブルを実現しているチュートリアルです。 価格表を作る際の参考にするのは勿論、CSS3でちょっとデザインを学びたいという際の教材として使えそうです。 数年前なら明らかに画像と思ってしまう物もこうしてCSSで実現できるようになってきていますね 関連エントリ クールな円形メニューをピュアCSS3で実装するチュートリアル CSS3やCanvas、JS等を使ったローディング画像実装プラグイン12 iPhoneのON/OFFスイッチをHTML5/CSS3の形式でジェネレート PhotoshopでデザインしたシェイプをCSS3に変換するプラグイン「CSS3Ps」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く