TOP > WebDesign > WEBデザインに使えるアイコンセット集「15 wonderful set of icons for web design」 WEBデザインに書かせないパーツの一つアイコン。今日紹介するのはWEBデザインをする際に重宝しそうなアイコンセットを集めたエントリー「15 wonderful set of icons for web design」です。 bwpx icons ある程度の数がセットに鳴っていますので、様々なコンテンツに対応できるようになっています。様々なアイコンセットが紹介されていますが、今日はその中からいくつか気になったアイコンセットをピックアップして紹介したいと思います。 詳しくは以下 ■Mini Pixel ディフォルメされたピクセルアイコン可愛らしい印象のアイコンセットです。 ■Tango icons 作り込まれていますが、どことな
Maximize the Use of Hover（別窓） hover属性を用いたUI及びそのチュートリアルが数点紹介されています。 こちらでもいくつか紹介。 QBN - Design Industry News & Discussion（別窓） こちらは様々なところでhoverが活用されています。 ブロックにカーソルを合わせると「+」ボタンが表示され、その「+」ボタンにカーソルを合わせるとボタンの色が変更されるので、非常に分かりやすいインターフェースとなっています。 Panic - Coda - One-Window Web Development for Mac OS X（別窓） こちらは「Download」にカーソルを合わせるとツールチップが表示されます。 これも最近はよく見る使い方ですね。 CSS Demo: Image Hover（別窓） 最後はブロックに関するリンクを隠しておき
日本語で読めるSEO/SEM情報titleタグやmetaタグは、ページの公開後にはあまり変えないようにするべき （SEO＆SEM対策 五足の靴）日本語表現の微調整をしても影響度は少ないが、メインとなるキーワードを異なるものに変更した場合は、大きな影響がありうる。またアンカーテキストとマッチングしなくなることで、被リンク評価の減少も考えられるとのこと。 ページを公開した後でキーワードの変更が発生しないように、企画設計の段階でキーワード調査を行い、仕様を固めてしまうのがベスト。 アクセス解析ツールとあわせて使いたいユーザー動向トラッキングツール9＋2種 （RealWebAnalytics）ユーザーが「どこまでスクロールしたか」「ページのどこをクリックしたのか」「サイトのどこを見ていたか」などを追跡できるツールを、9つ（番外編として＋2つ）紹介。コンバージョンの向上に役立てたい。 Google
週刊Webテク通信 2009年4月第5週号1位は、ゼロから作る美しいWebサイトデザイン／気になるネタは、White House 2.0：米政府、公式Twitterをスタート ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2009年4月27日～5月3日の間に見つけた記事のベスト5です。 1. Design a Beautiful Website From Scratch - Nettuts+http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/ Adobe PhotoshopでゼロからWebページをデザインしていく様子を、ステップバイステップで詳しく紹介して
オンラインショップを運営する際に必ず導入したいのが「アクセス解析」です。Webサイトの訪問履歴を記録したログを調べれば、何人の顧客がどこから訪問しているのか、どのページがよく見られているか、といった情報が手に取るようにわかります。アクセス解析で入手した情報は、集客数を増やし、売上を伸ばすための第一歩と言えるのです。 アクセス解析とは？ 「オンラインショップを開設しました。魅力的な商品を求めやすい価格で提供しているはずなのに、予想以上に売上が伸びてくれません」という声をしばしば耳にします。売上が伸びないという前に、そもそもオンラインショップに顧客は訪ねてきているのでしょうか？ Webサーバには、閲覧者側からのあらゆるリクエストをアクセスログとして記録する機能があり、ホスティングサービスの多くは利用者に対してアクセスログを提供しています。ログには、アクセスした時刻、アクセス元のIPアドレス、W
TOP > Design , WebDesign > 音楽、画像、テキストなどクリエイティブコモンズライセンスで使えるメディアファイル配布サイトのまとめ 日本でもライセンスの一つとして認知されてきている、創造的な作品に柔軟な著作権を定義するライセンスシステム「Creative Commons」。定めた規定にもよりますが、ライセンスによっては、ルールの上で利用したり、作品に使ったりする事ができます。今日紹介するのはクリエイティブを行なう上で、素材となりうるクリエイティブコモンズライセンスで使える様々なメディアファイルを配布するサイトをまとめたエントリー「30+ Places To Find Creative Commons Media」です。 photo by A. Diez Herrero メディアのジャンル別にサイトが紹介されています。今日はその中からジャンル別にいくつか紹介した
今まで様々なjQueryを使ったプラグインを紹介してきましたが、今日紹介する「jqtransform」は今まで紹介した物と少し違っていて、フォームのデザイン補助してくれると言うものです。 CSSなどでデザインせず、普通にフォームを制作した場合上記のように利用OSに準拠したプルダウンメニューやボタンなどが表示されます。このプラグインを使えば上機能なありきたりなフォームデザインを施す事が可能です。変更後のデザインは以下の通り 詳しくは以下 デザインだけでなくプルダウンもアニメーションがついていたりと細かな部分も配慮されています。実装方法は簡単、jQueryとプラグインを読み込んで、フォームにクラス指定をしてあげるだけになっています。デザインはCSSで制御しているみたいなので、個別のカスタマイズできるようになっていますので、使い勝手が良いかと思います。これならDemoで表示されているデザインが気
コンテンツを折り畳んでくれるjavascript集「10 Transition Effects: The art of Showing/Hiding Content」 限りあるスペースを有効に使いたい。コンテンツを沢山盛り込みたいけど、文字情報を溢れさせたくないなど、コンテンツを格納したいと言う方におすすめなのが今回紹介する「10 Transition Effects: The art of Showing/Hiding Content」です。 jquery-fade-infade-out 様々なタイプの格納型のjavascriptがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■ jQuery CSS Toggle Effect jQueryとCSSで作るアコーディオンメニューです。シンプルなので色々とカスタマイズができそうです。 ■
最近Designdevelopでは「フォームデザインを完成させるjQuery plugin「jqtransform」」や「JQueryを使ったスライド表現を集めた「10 Best jQuery Sliders」」といったjQueryの話題を多数取り上げていますが、今日紹介する「jQuery Style 」は様々な機能使えるjQueryを使ってどんなサイトが作れるのか、どう使えば良いのか、jQueryを使っているサイトをまとめた「jQuery Style」です。 単体での機能が素晴らしくても上手く使わないと最大の効果は得られません。「jQuery Style」ではデザインショーケース的にWEBが紹介され、さらに使っている技術を分かりやすくアイコンで記しています。 詳しくは以下 アイコンでどんな技術が使っているかが示されます。 実際の運用例を見る事で使い勝手やどこにどう使えば良いかが見えてくる
TOP > WebDesign > JQueryで作る機能拡張したテーブルのまとめ「10 Best jQuery Plugins for working with Tables」 レイアウトではあまり使わなくなってきましたが、データの一覧などを見せる時の表作りには非常に力を発揮してくれるテーブルですが、今日紹介するのはそんなテーブルにJQueryを使って機能拡張したテーブルを集めたエントリー「10 Best jQuery Plugins for working with Tables」を紹介したいと思います。 TableSorter ソート可能なテーブルやツリー式のテーブルまで様々なテーブルを使ったサンプルが紹介されています。今日はその中からいくつか気になった物を紹介したいと思います。 詳しくは以下 ■tableRowCheckboxToggle チェックボックスで選択できるテーブ
Inkscapeを使ったベクターグラフィックスのチュートリアル「35 Tutorials to create amazing Vector Graphics using Inkscape」 グラフィックデザインで用いられる非常に便利なデータ形式ベクターデータ。使い勝手が良く、質感だったり、立体感だったり作り方次第では細かなディティールも再現できます。今日紹介するのは「Inkscape」というフリーのベクターグラフィックツールを使ったベクターデータで描くグラフィックのチュートリアルを集めたエントリー「35 Tutorials to create amazing Vector Graphics using Inkscape」を紹介したいと思います。 Create a Light Bulb Icon 様々なチュートリアルが紹介されていますが、今日はその中から気になったものをいくつか紹介したいと思
メディア部門では、インターネットで加速するメディア環境の中で、翔泳社が得意とするテーマを深掘りしながら様々なドメインで最適化されたメディアビジネスを展開しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
