FancyTextはformのinput要素に指定したラベルテキストにアニメーションエフェクトを追加するスクリプトです。jqueryに依存しています。フォーカスすると、ラベルが入力の邪魔にならないように外に出たり非表示になったりする、というもの。個人的にはplaceholderだけで十分な気はしていますが、こういった凝ったエフェクトが必要な案件もあるのも事実なので覚えておいて損は無さそうですね。デモは沢山用意されているのでチェックしてみては如何でしょうか。 FancyText
![input要素のラベルにアニメーションエフェクトを追加するスクリプト・「FancyText」](https://cdn-ak-scissors.b.st-hatena.com/image/square/79eb621c73da1f87a47ea99a26415df181dcc268/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2014%2F06%2Fa532ae69685ea88068d2473929738dfa.gif)
Googleによって検索結果に表示されるタイトルが書き換えられるのは有名な話。Googleの検索結果のタイトル表示形式・デザインが、3/13に変更になったことはご存じでしょうか?まず大きな変更点として検索結果に表示されるページのタイトルの文字サイズがひとまわり大きくなりました。 photo credit: woodleywonderworks via photopin cc ほかにも下線がなくなったり、タイトル下のカテゴリーの文字サイズがひとまわり小さくなったり、説明文の行の高さが縮まったりと、細かな仕様変更がありました。とにかく一大事なのが、表示されるタイトルの長さが短くなったことと、記号を使うと勝手に省略されてしまうという2点です。 タイトルタグが書き換えられるのは、Googleがすべて自動で行っているもの。ただ自動だからって大事な大事な社名、ブランド名が表示されなくなっていたら大変で
メインコンテンツとなる垂直に配置されたsection要素に、それぞれのサブコンテンツとなるaside要素を水平に自動配置するjQueryのプラグインを紹介します。 垂直・水平スクロールを使ったウェブページだけでなく、プレゼン用のスライドなどにも利用できそうですね。 gridscrolling.js gridscrolling.js -GitHub gridscrolling.jsのデモ gridscrolling.jsの使い方 gridscrolling.jsのデモ デモは右上にあるマップのようにコンテンツが配置されており、垂直に並んでいるのがsection要素、水平がそのsection要素のサブにあたるaside要素になっています。 操作はキーボードの矢印キーで、普通にマウスのホイールでも操作はできます。 スクリプトが利用できない環境でも問題ありません。 sectionはsection、
Web制作会社の一つの基準はいいサイトを作っているかどうか、クリエイティビティに溢れる日本のWeb制作会社・Webクリエイター集団はたくさんありますが、その中から特に注目している集団を厳選して紹介します。 制作者としてよい刺激を受けるだけでなく、一緒に作ってみたいと思ったり、クライアントとして声をかけたくなるような魅力的な集団ばかりです。 株式会社バケモノ LETTERS, INC. 乾設計事務所 quip Design 株式会社ディスカバリー号 mount inc. 株式会社バケモノ 株式会社バケモノ 名前のインパクトだけでなく、クリエイティブのインパクトも圧倒的な株式会社バケモノ。 この春設立したばかりなので初耳の人も多いかと思いますが、クオルトグラフのメンバーが立ち上げた新会社です。 「なんだかわかりやすい、どこか使いやすい」をキーワードにさまざまなWebサイトをプロデュース・作成し
フォント・アイコンに続き、同じく手書き風デザイン制作時に便利なデザインリソースのまとめです。 ベクターやシェイプ素材をはじめ、鉛筆やクレヨンの感じを簡単に表現できるブラシ、この手のデザインでよく用いられている紙や布のテクスチャなど、いずれも手書き風デザイン制作時に便利そうと思った素材になります。 また、エントリー後半では素材単体でなく、多くのテクスチャをまとめたエントリーやデザインリソースを多数配布しているサイトを紹介します。 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く