～10程度っすよ ～50程度かな ～100くらい ～300程度です ～500はこなす ～1000はやってます これ以上 ( ! )
web_designに関するwebmarksjpのブックマーク (52)
-
webmarksjp 2008/07/15
-
ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
-
-
もうPhotoshopは要らない？ブラウザだけでできるグラフィックジェネレータ15選 | S i M P L E * S i M P L E
そのままですが、Mashableで「Forget Photoshop: 15 Online Graphics Generators」が紹介されていました。 これはメモしておかねば。 Buttonator ボタンがいろいろ作れます。設定がいろいろあって良いですね。 RoundedCornr: Rounded Corner and Gradient Generator いわゆる角丸パーツを作れます。 Web 2.0 free buttons maker! 2.0っぽいボタンが作れます。 glassy buttons こちらもボタンジェネレータ。 Ajaxload – Ajax loading gif generator Ajaxのローディング中のパーツが作れます。 Web2.0 Logo Creator by Alex P Logo Maker : Web 2.0 Stylr 2.0っぽいロゴ
-
hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説＆配布しているサイトのまとめ
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
-
黄金比をサイトのデザインに取り入れる簡単な３つの方法 | コリス
その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、１つの値
-
-
覚えておきたい配色のワザと便利なツール :: Love & Design ::
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相（しきそう：Hue） 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 （色相はつながりあって色相環という輪になります。） 彩度（さいど：Saturation：Chroma） 色の鮮やかさ、強弱の度合いのこと。 彩度が高い（鮮やか）⇔彩度が低い（鈍い） 明度（めいど：Value：Brightness） 色の明るさの度合いのこ
-
2007年度のCSSデザインベスト50発表
CSSとFlashのデザインでインスピレーションを得るためのサイト「Best Web Gallery」が選んだ2007年度のCSSデザインベスト50が発表されています。どれもこれもなかなか秀逸なデザインなので、来年度の新しいデザインに向けて、今年度の総復習を行って新たなインスピレーションの糧を得たい人や、ウェブサイトやブログのデザインを新しくしたいので参考になるデザインを探している人に最適です。 というわけで、ベスト50は以下から。 Capture the Valley - A project to benefit Habitat for Humanity http://capturethevalley.com/ Squawk http://www.squawkdesign.com/ Emeril's Holiday to Go : Home http://www.emerils.com/
-
これで完璧！ロゴデザインのためのお役立ち資料まとめ | P O P * P O P
これがあればもう完璧ですね・・・300以上ものロゴデザインに関するサイトを集めたまとめです。 チュートリアルからロゴデザインのアイディアまで・・・かな～り使えるのではないでしょうか。300以上もあるのでさすがにいくつかのカテゴリーに分類されていますね。 どんな役立つ資料があるのでしょうか。詳しくは以下をどうぞ。 ↑ ロゴのタイポグラフィーに関する資料いろいろ。フォントは悩みますよね・・・。 ↑ お約束ですが、「2.0っぽい」ロゴデザイン集についてもいろいろ教えてくれます。 ↑ 素敵なロゴデザインを集めたサイトも紹介してくれます。 全てのカテゴリーは以下のとおりです。是非ご活用ください。 Importance of Logo （ロゴの重要性） Logo Design Software （デザインのためのツール） Logo Design Tutorials （チュートリアル） Logo Fil
-
一度は作ってみたくなるクールでオシャレなフルFLASHサイト18選まとめ*ホームページを作る人のネタ帳
WEBデザイナーの方なら誰もが一度は作ってみたいとおもうであろうフルFLASHサイトを18個選び抜いてご紹介いたします。 各サイトの特徴が、あとで役に立つ日が来る（かも？） 最終的にFLASHサイトの最後の壁は使いにくさ、わかりにくさ。 この辺を画期的な方法でわかりやすくする基準みたいなのがあると便利なんですけどね。 neovision 久々にすごいユーモアがあり、ユーザビリティがあるFLASHを見た気がする。 ここは説明よりも是非とも見ておいて欲しい。 【私の注目】 ・上から下へ移動する一つの動画の流れの中から商品を掴む遊び心 ・どの幅にも『ある程度』対応している ・商品カゴに入れることへの抵抗の無さ loworks 各メニューの動きが面白い。 また、開いたあとの上下移動フレームもストレスがないのがいい。 【私の注目】 ・シンプルなデザイン ・メニューの見せ方が好き ・下部の各アイコンの
-
400枚以上のロイヤリティフリー画像配布サイト「a digital dreamer」
解像度は1200×900から1600×1200まで。ファイルサイズは400KBから1.5MB程度。ちょっとだけ日本語対応。 ジャンルは12、テクスチャ、動物と昆虫、テクノロジー関係、植物、液体・気体・光、建物・家・インテリア、いろいろな物、雲、景色・風景、花、季節のイベント、パターン、といった感じです。 ダウンロードは下記から。 Free Royalty Free Stock Photography - Home http://www.adigitaldreamer.com/gallery/index.php こんな感じでディレクトリの中が丸ごと見えるので、ダウンロード支援ソフトで一括ダウンロードしてしまうのも良いかも。 Index of /gallery/albums/animals http://www.adigitaldreamer.com/gallery/albums/animal
-
第26回 どこにメニューをおくべきか，どこが画面の一等地か：ITpro
Webサイトのデザインの中で，ここ2年で大きく変わりつつある「常識」があります。それは，「メニュー（索引）」の位置と「一等地」の場所です。ユーザーの閲覧環境が加速度的に変化しているという認識の下で，それでも最良のユーザビリティを提供しようとするなら，どのようなことを考えておく必要があるでしょうか。 左メニューと右メニュー（視線との交差）のどちらがベスト？ まだモニター画面の大きさが小さかった時代（1995年前後），情報へアクセスしやすくする「メニュー」の位置は，ほとんど誰が考えても左側にあり，議論もされなかったように記憶しています。確実に画面の中に入り，ユーザーも基本的に左端にさえ注意を向けていれば，大切な情報にたどり着けるという「暗黙の常識」が存在していたかのような時代でした。 しかしここ数年，メニューが左側にあると本当に操作性が良いのかという議論を聞くようになり，大手のWebサイトでも
-
段落(pタグ)とアンカー(aタグ)さえあればどこにでも配置できるさ
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
-
Webデザイン エンジニアリング---目次：ITpro
この数年間で，（インターネットの総称としての）Webは私たちの生活に深く関係する身近なツールになりました。様々な情報を，この環境の上で閲覧や操作できることは，特別なものから，徐々に当たり前で，なくてはならないモノに変わろうとしていると言えるでしょう。 特別なものから日常のものへとシフトしていく中で，Web自体も大きく変わるべきところが見えてきています。様々なことが挙げられますが，利用者という立場からすれば，やはり「ユーザー・インタフェース（UI）」が一番の関心事です。 特定のITリテラシの高い人たちだけが使うものではない世界に突入する以上，作り手の側の意識も変化しなければ，ニーズに対応できません。そして，こうしたWebアプリケーションの大量生産の時代にも入っています。今あるWebアプリケーションは，私たちの生活を便利にしてくれていますが，これで十分ではないのです。もっと多くの分野で，もっと
-
Webデザイン エンジニアリング第22回 適切な「色」の選び方:ITpro
Webサイトを設計する際，「色」は様々な問題を起こします。開発者それぞれの想いが込められやすいのかもしれません。開発末期になってから，色の変更指示で不眠開発になるという話は，いまだ昔話にはなっていません。 色の問題を解決するためには，色についての知識があったほうが助かります。ただし，色自体の講釈をここではしません。色を決めていく過程の参考になりそうなことを記します。 刷り込まれている色/固定イメージのある色 私たちは様々な色に囲まれて生活しています。その中で，色と行動が一番密接にかかわりを持つのは「信号」です。我々の取るべき行動を色が指示します。それはあまりに一般的になりすぎて，我々は無意識のうちにそれらの色に対して同様の行動パターンを取りやすくなっています。 例えば，赤色を見ると何か危険なことがそばにあるのかもしれないと警戒したり，黄色の標識を目にすると周囲に対して少し注意力をはらったり
-
CSSで作成されたサイトのメニューサンプル集:phpspot開発日誌
Designrific - Mostafa Mourad from Egypt - Blog: 71 CSS menus for free CSSで作成されたサイトのメニューサンプル集。 サイトのデザインにとってメニュー部分は重要な箇所になってきます。そのメニュー部分のサンプル集。 多くのリソースから自分の作りたいサイトにあったナビゲーションを選んで使えますね。 11 CSS navigation menus 12 more CSS Navigation Menus. 14 Free Vertical CSS Menus 2-level horizontal navigation Absolute Lists Accessible Image-Tab Rollovers ADxMenu A drop-down theme Bookend Lists Bulletproof Slants C
-
Free! Icons for your website or application at MaxPower
The list below represents some amazing work by various artists who have made their work available to the general public for a variety of uses. These icons are all free. There are literally hundreds of websites that will sell you icons that are royalty free for whatever purpose you desire. However, royalty free does not necessarily mean free — you still have to pay for whatever it is you want. This
-
ウェブ2.0っぽいストライプ画像が簡単に作れる『Stripe Generator』 | POP*POP
これは素敵。最近はストライプ柄のデザインをよく見るようになりましたよね。そんなストライプ柄を簡単に作ってくれるジェネレータをご紹介。 これを使えば簡単に2.0っぽい（死語？）デザインを作ることができますね。 使い方も簡単です。以下に画像付でご紹介。 ↑ ストライプの太さや色、背景色などを決めていきます。ストライプに影もつけられますね。 ↑ 右の画像をクリックすればプレビューできます。できあがったら「DOWNLOAD」をクリック。 ↑ このような画像ができるので背景に指定すればOKです。 ご自身で作ってみたい方は以下からどうぞ。 » Stripe Generator – diagonal stripes background tiles ■ おまけ こうした2.0っぽいジェネレータはいろいろありますよね。せっかくなのでまとめておきます。よろしければどうぞ。 Web20Generator: X
-
Javascriptで指定のHTML要素を動的に角丸デザインにする方法:phpspot開発日誌
Nifty Corners This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. Javascriptで指定のHTML要素を動的に角丸デザインにする方法。 NiftyCornerを使えば、単一のDIV要素を角丸デザインにすることが可能です。 例えば、次のような単一DIV要素も簡単に角丸にできます。 <div id="nifty"><p>test</p></div> <script type="text/javascript"> Rounded("div#nifty","#377CB1","#9
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しました