『 現在サイト製作中。サイトを取得したはいいものの構想が全く出てこない。構想作ってからサイト取得しろとね 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これは超絶便利そう。あとで使うという意味でメモ的エントリー(といいつつ最近コーディングしていない・・・)。 jQuery Cornerは簡単な記法でさまざまな角丸風エフェクトを実現してくれます。 ↑ まずは基本。 ↑ ちょっと複雑なこんな感じのも。 ↑ 枠の色を変えてみたり。 ↑ 名前タグみたいでいいかも。 なんといっても書き方がシンプルでいいですね。使いやすそうです... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
最近のPhotoshopのチュートリアルはどんどんレベルがあがっていて、見てるだけでも楽しめて、なんだか上達した気分になってしまいます。。 Photoshopの上級者クラスになると、まるで光を操るかのように自然な光を表現しています。 今回は、なるべく簡単できれいに見える、光を表現するPhotoshopのチュートリアルをまとめてみました。 Design a Coldplay/Apple Inspired Portrait in Photoshop Coldpla... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる!とか、売上が上がる!といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんあり... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 インパクトのあるポスター画像を作るPhotoshopチュートリアル集。
次のようなプロっぽいポスター画像を作るチュートリアルがいろいろ。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
デザインパターンってなんだかたいそうなものに考えられがちだけど、実は、そこかしこのライブラリや仕様に取り込まれていることが多い。 「デザインパターン分からん」とか「で、どうやって使うのよ」と悶々としている人には、「どういうところで使わているのか」を知っておけばイメージも沸きやすいし、意外にたいしたことないんだな、ということが分かるんじゃない... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
デザインパターンってなんだかたいそうなものに考えられがちだけど、実は、そこかしこのライブラリや仕様に取り込まれていることが多い。 「デザインパターン分からん」とか「で、どうやって使うのよ」と悶々としている人には、「どういうところで使わているのか」を知っておけばイメージも沸きやすいし、意外にたいしたことないんだな、ということが分かるんじゃない... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これ、知りませんでした。普通の格子柄を回転させると部分部分が独立して回転しているように見えるのですね。 ↑ こんな感じ。へー。 ちなみに正方形じゃないとだめらしいです。また色を変えてもだめらしいです(チェック柄みたいにするとダメらしい)。 もちょっと大きな画像で試したものや、回転を落としたものは元サイトで見る事ができますよ。よろしければどうぞ。... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Ruby on Railsなどにも含まれている、話題のJavascript... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
黒い背景で新しいドキュメントを始めてください。楕円ツールを使って、キャンバスの中心に円を描いてください、サイズはあなた自身で決めてください。真円を描くときは、シフトを押しながら、楕円ツールを使って描きます。 下のような、レイヤースタイルを図形に設定してください。 色に関しては一致させる必要はありませ... ブックカバー このチュートリアルはシンプル... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
Internet Explorer 7 は、 8 月にも beta3 がリリースされるかも知れないんだけど、今現在、IE7 beta2 を含むモダンブラウザに有効そうだと思われる CSS ハックを自分用にまとめておく。以前に IE 7 用の CSS ハックを紹介したことがあったけど、今回の Easy CSS hacks for IE7 - Nano See, Nano Do で紹介されていたハックは、比較的シンプルかも知れない。想定ブラウザは下記のとおり。 バージョン 6 以... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
|
『 CSS、Tips、良くまとまっている、角丸、RSSアイコン、印刷、重複あり 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
毎年恒例のSXSWは結局、女性雑誌記者による若きFaceBook CEO Mark Zuckerbergとのステージトークが不満足なもので終わったという話題だけが目立ち、なんだかな、と思っていたら、ちょっと面白い記事が出てきた。 これは、AppleのシニアエンジニアリングマネジャーのMichael Lopp氏がSXSWのパネル"Blood, Sweat, and Fear: Great Design Hurts"で語ったものをBusinessWeekがまとめたもの。クリエイテ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 font-family:Arial,Helvetica,Verdana,“ヒラギノ角ゴProW3″,“HiraginoKakuGothicPro”,Osaka,“メイリオ”,Meiryo,“MSPゴシック”,sans-serif; 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
フッター部分のメニューなどを区切る際のサンプルを適当に。 p要素でやるとこんなヤツです。 Home|アバウト|イラスト|BBS サンプルに使うhtmlは、ul要素を使った下記をベースに使用してます。(サンプルに寄ってid名とか変わりますが) <ul id="sampleFooter"> <li><a href="/">Home</a></li> <li><a href="/">About</a></li> <li><a href=... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
これはなかなかうまいのでは。「最後のピースが見つからないジグソーパズル」をモチーフにさまざまなメッセージを伝えています。 ↑ 子供がさみしがっていますよ、かな。 ↑ ノーコメント・・・。 なかなか応用が利きそうな手法ですね。写真からジグソーパズルをつくれるサイトもあるので興味のある方は試されてみては。 » JigZone.com Jigsaw Puzzle Game なお、元記事にはも... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 いろんなツールやwebジェネレーター、ソフトの紹介&解説
webtools/341/スクリーンショットいろいろ 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
JavaScriptでツールチップを表示するライブラリは比較的多く存在する。ライブラリ選択の基準にデザインが重要になってくる。シンプルなデザインの角まるツールチップで使いやすいのがCoolTips。ライブラリも軽量になっている点もうれしい。 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|
『 「CSSとJavaScriptで影付きの角丸ボックス要素を作る。」IEでは表示なし。 』 [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
|