[JS]グラデーションのように色が変化するナビゲーション
david walsh blogのエントリーから、マウスオーバーに合わせてグラデーションのように背景色が変化するナビゲーションを実装するスクリプトを紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <ul> <li><a href="#" class="nav">Nav Item 1</a></li> <li><a href="#" class="nav">Nav Item 2</a></li> <li><a href="#" class="nav">Nav Item 3</a></li> <li><a href="#" class="nav">Nav Item 4</a></li> <li><a href="#" class="nav">Nav Item 5</a></li> </ul> </textarea>
Sony.jp - ソニー
イメージング エンタテインメント レンズテクノロジー＆ システム モバイル コミュニケーションズ ホーム エンタテインメント パーソナル エンタテインメント プロフェッショナル イメージング テクノロジー メディア ソリューション ソフトウェア サービス バーチャル プロダクション スポーツ エンタテインメント ライフサイエンス &テクノロジー セキュアテクノロジー ＆ソリューション ネットワークサービス イメージングエンタテインメント α™(Alpha™)やVLOGCAM、網膜投影カメラキットなどの商品を通じ、多様な映像表現や撮影する楽しさを広げるソニーならではの提案を進め、幅広いクリエイターの制作活動に貢献しています。 詳しく見る
グラフ作成やデータ可視化を楽に美しくできる便利なサービス22個まとめ | Web担当者Forum
このコーナーでは、ネットビジネスを強力に支援する製品について、それを支える技術や市場動向を説明し、さらに各社から提供されている製品を紹介する。競合商品がひしめく市場で、他社に差を付けるための武器として、ぜひ導入を検討してみてほしい。今回は、「グラフ作成・データ可視化」サービスだ。 売り上げの推移、業界におけるシェア、自社製品の出荷数内訳などなど…。「顧客の説得のため、ウェブサイトでもグラフ要素を掲載したい」といったケースは増えている。大手企業では、PHPを使いデータベースと連動させて動的に最新グラフを表示させる、といった仕組みを用意できる場合もあるが、たいていは「エクセルで作成したグラフを画像として貼り付け」といった、手作業感あふれるものだった。 だが、昨年末にGoogle Chart APIが登場して以降、さまざまなサービスや独自APIが増加し、選択肢がグッと増えてきた。無料で利用できる
種類も豊富、1000個以上のハイクオリティなフリーのアイコン -DryIcons
以前、紹介した「DryIcons」にかなりの数のアイコンが追加されていたので、紹介します。 ダウンロードできるアイコンは、Win用「.ico」、Mac用「.ICNS」、画像「.png （16x16～128x128）」の３形式があります。
MOONGIFT: » 複雑な段組みを可能にするCSSフレームワーク「Emastic」:オープンソースを毎日紹介
雑誌や新聞などでは複雑な段組みを行って、情報を見やすくしている。ネット媒体の場合、あまりそうした点は考慮されず、二段または三段のカラムで構成されることが多い。しかも幾つかのカラムはメニューなどに使うので、文章自体は殆ど組版が施されていない。 CSSだけとは思えないほど細かく制御されている Webはそういった媒体ではない、と言い切ってしまえばそれまでだろう。だが今後情報の電子化は進み、紙媒体は現状維持ないし衰退していくのは間違いない。そうした時に、Webもやはり読ませる形式を求められるようになるのではないだろうか。それを実現するのがこれだ。 今回紹介するオープンソース・ソフトウェアはEmastic、複雑なカラム構成を実現するCSSフレームワークだ。 Emasticはまるで雑誌のような段組みをCSSで実現している。二段、三段、四段の表示を行い、固定幅または表示サイズに合わせて変化とを組み合わせ
ロイヤリティフリーの写真素材が見つかるサイト25選『25 Free Stock Photo Sites』 | CREAMU
ロイヤリティフリーの写真素材サイトを探している。 そんなあなたにおすすめなのが、『25 Free Stock Photo Sites』。フリーの写真素材が見つかるサイト25選だ。 以下にいくつかご紹介。 » Stock Xchng 有名な写真素材サイト » everystock 300万以上の写真が登録されているモンスターサイト。フリーの写真検索エンジンとなっていて、オプションでライセンスを選んで検索できる » Imagebase 無料で使える写真サイト。ライセンスはCreative Commons。1600×1200と3072×2048の解像度の2パターン » morguefile 無料で使える写真素材サイト » photorogue ちょっと変わったサイト。「こんな写真撮ってきて」とオンラインでリクエストすると、フォトグラファーが実際に撮ってきてくれるサービス。しかも無料 » Geek
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
フリーのプロフェッショナル矢印アイコン集:phpspot開発日誌
56 Professional Free Arrow symbol & icons フリーのプロフェッショナル矢印アイコン集 次のようなアイコンがベクター形式でフリーで配布されているみたいです。 こうした矢印はWEBのUIを作る上で非常によく使うものなので、覚えておくと矢印のデザインなら困らないでしょう。
ログイン前もログイン後も、インターフェースの位置は同じがいい : akiyan.com
ログイン前もログイン後も、インターフェースの位置は同じがいい 2008-04-09 ユーザビリティの話です。 SBIイー・トレード証券が最近、サイトデザインをリニューアルしました。 リニューアル後しばらくして、今まで起こさなかった誤操作をしてしまうことに気付きました。誤ってログアウトボタンを押してしまうのです。 原因は、ログイン前とログイン後でインターフェースの位置が変わってしまうからでした。 右上のログインフォームからログイン情報を入力してログインすると、 [ ポートフォリオ | 取引 | 口座管理 ] のインターフェースが左にずれ、ログアウトボタンが現れます。 なぜ誤ってログアウトボタンを押してしまうかというと、まず、僕はログイン後にすぐ口座管理ページへアクセスするクセがありました。そして、ログイン情報を送信してすぐに口座管理ボタンへポインタを移動させ、ページが切り替わると同時に反射的
ページの幅960pxを基準にして、設計するグリッドデザイン | コリス
960 Grid Systemは、ページの幅960pxを基準にして、設計するグリッドデザインを紹介しているサイトです。 960 Grid System デモページ 960pxを基準にする理由としては、下記の2つが挙げられています。 最近のモニターは1024x768の解像度をサポートしており、960pxを表示するには十分である。 960という数字は、2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480と多くの数字で区切ることができ、フレキシブルにグリッドの設計を行える。 デモページでは、左右に10pxのマージンを持ち、カラム間のマージンを20pxにし、60pxをベースに12カラムと、40pxをベースに16カラムの2種類のレイアウトを見ることが
商用でも無料で使えるアイコン400選『PI Diagona Pack』 – creamu
商用でも無料で使えるアイコンを探している。 そんなあなたにおすすめなのが、『PI Diagona Pack』。商用でも無料で使えるアイコン400選だ。 このエントリーでは、10x10pxと16x16pxのアイコンが200個ずつ、合計400個提供されている。 The icons can be used free for any personal or commercial projects. * The icons are licensed under a Creative Commons Attribution 3.0 license. とあるように、個人利用、商用利用共に無料で利用可能。 ライセンスはCreative Commons Attribution 3.0 license。 ブログやサイトなどに、ぜひ使ってみてはいかがだろうか。 商用でも無料で使えるアイコン、チェックして使ってい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iconlook.com
http://www.designwalker.com/2008/05/wp-themes.html
IDEA * IDEA
西村あさひ
シンプルでセンスの良い、WordPressのテーマファイル集 | コリス
手書き風日本語フォント「はるか」:phpspot開発日誌
アイコンを探すのに便利なサイト色々:phpspot開発日誌
[JS]角丸を簡単な記述で実装するスクリプト -Roundcorners Canvas | コリス
SitePoint CSS Reference
