『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる!とか、売上が上がる!といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
黒い背景で新しいドキュメントを始めてください。楕円ツールを使って、キャンバスの中心に円を描いてください、サイズはあなた自身で決めてください。真円を描くときは、シフトを押しながら、楕円ツールを使って描きます。 下のような、レイヤースタイルを図形に設定してください。 色に関しては一致させる必要はありませ... ブックカバー このチュートリアルはシンプル... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Internet Explorer 7 は、 8 月にも beta3 がリリースされるかも知れないんだけど、今現在、IE7 beta2 を含むモダンブラウザに有効そうだと思われる CSS ハックを自分用にまとめておく。以前に IE 7 用の CSS ハックを紹介したことがあったけど、今回の Easy CSS hacks for IE7 - Nano See, Nano Do で紹介されていたハックは、比較的シンプルかも知れない。想定ブラウザは下記のとおり。 バージョン 6 以... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
『 CSS、Tips、良くまとまっている、角丸、RSSアイコン、印刷、重複あり 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 font-family:Arial,Helvetica,Verdana,“ヒラギノ角ゴProW3″,“HiraginoKakuGothicPro”,Osaka,“メイリオ”,Meiryo,“MSPゴシック”,sans-serif; 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
『 OpenSourceWebDesignisacommunityofdesignersandsiteownerssharingfreewebdesigntemplatesaswellaswebdesigninformation. 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フッター部分のメニューなどを区切る際のサンプルを適当に。 p要素でやるとこんなヤツです。 Home|アバウト|イラスト|BBS サンプルに使うhtmlは、ul要素を使った下記をベースに使用してます。(サンプルに寄ってid名とか変わりますが) <ul id="sampleFooter"> <li><a href="/">Home</a></li> <li><a href="/">About</a></li> <li><a href=... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
『 いろんなツールやwebジェネレーター、ソフトの紹介&解説
webtools/341/スクリーンショットいろいろ 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 IE5.0+,FireFox1.5,Opera8.5,andSafari2に対応。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
クライアントさんに、配色の説明をする際に、使用した色の名前を合わせて伝えてあげるとクライアントさんもイメージしやすいかも知れません。。 また、配色やデザインのアイデアに煮詰まった時にも、色の名前からインスピレーションを得ることができるかも。。 Name That Color POP*POPさんでも、ご紹介されていました。。カラーホイールまたは、HEXコードを指定すると、色の名... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 ページ送りのデザイン例、ダウンロードも可/paginationと呼ぶらしい…知らなかった。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
IEでのデバッグ/動作確認に便利なソフトいろいろ。沢山あるのでまとめてみました。 IETesterIE5.5, ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
斜線やストライプの背景画像を Photoshop とかで作ると、色を変えたくなった時にそのたび作り直ってのが面倒。便利で使ってる人も多いかもしれない secondlife さんの Background Image Maker でもそれは同じかな。んで、Photoshop とかで作る場合に、線に色を付けて作るんではなくて、色を付けたい部分を透過にして作っておいて CSS で background-color を指定するやり方にすれば、色を変えたく... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
クリエイティブ・コモンズで提供されている写真や映像を効率よく検索できるサイト、GNUフリー文書ライセンスのPDFを検索する方法などを紹介。(Lifehacker) 2006年09月11日 15時40分 更新 自分がデザインしているパンフレットに画像を1点加えたい。それも今すぐに。だが勝手に他人のクリップアートに手を出せば、著作権違反に問われてしまう。クリエイティブ・コモンズのような... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 FFFFOUND!よりもデザインよりなのがバシバシっときます。RSSリーダーに登録して読んだらいいとおもう。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
11月はGoogleページランクの影響が世界的に出た月でしたね。 有料リンクについていろいろ議論されてました。 今回はすっかり忘れていたんですが、11月中に注目を集めた [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これもかなり有名。本職の方だけあってどのフォントもクオリティが高いです。 お試し版は教育漢字1006文字まで。 あいでぃーぽっぷまる idfont 井上デザイン フォントは上部のフレームから。 さなフォン ★沙奈の文字箱★Sana'sOriginalFontBox KFひま字 KF STUDIO: フォント:KFひま字 DFPクラフト遊 これだけ市販のフォントです。ダイナフォントは安くて種類が多いので、とりあえず持っ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 XHTML1.0準拠、テーブルを綺麗に見せるCSSの技。シンプルで大変わかりやすいサンプルソース付きで非常にお買い得(?)、いじってるだけで遊べる 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|