読みやすく理解しやすいリストをデザインするための5つのポイントをWeb Design Tutsから紹介します。 How To Design The Perfect List 重要なポイントは「カラー」「スペース」「ライン」「タイポグラフィ」「アイコン」の5つで、これらを効果的にリストのデザインに取り入れます。 単にデザインがきれいというだけでなく、コンテンツとして目立ち、理解しやすく、クリックしやすい、ということも重要な要素です。 Color（カラー） Spacing（スペース） Dividers（ライン） Typography（タイポグラフィ） Icons（アイコン） リストの実装例 Color（カラー） カラーは美しいレイアウトを実装するのに、重要な要素です。リストの項目や背景に効果的なカラーを使用することで、情報を目立たせることができます。 下記の例では、視認性の高いコントラストを

多目的に使える、パネルを面白いアニメーションで水平にスライドするスクリプトをwoorkから紹介します。 Ultra versatile slider for websites demo デモでは、下部の「Previous」「Next」でパネルが水平方向にスライドします。 パネルの実装はリスト要素で、それをdivで内包しています。 liを増減することで、簡単にパネルの枚数を変更できます。

Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や

以前「きまぐれに FP10 のネイティブ 3D 表現」というタイトルで、 球体の表面に丸いシールを貼り付けたようなネイティブ 3D コードを WonderFl に投稿した話を書きました。 ↓のヤツですね。 sphere - wonderfl build flash online このコードはそれぞれの頂点を Matrix3D や Vector3D を使って投射変換をおこなってるんですが、前回の記事の最後で、いちいち全部の頂点をマトリクス計算せずとも、生成時に rotation[X|Y] もセットしちゃって、コンテナ回転させればいいんじゃないの？　でも失敗したよ（とほほ）、ということを書きました。 その後リトライをし続けていたんですが、今回、望みどおりのコードが書けたので、比較用に WonderFl に投稿しました。 ↓のヤツですね。 リソース使用状況を確認するため、Stats を導入してみ

45 Free Design Template And PSD Files | 1stwebdesigner - Love In Design サイトのデザインやイメージ画像に使えるPhotoshopテンプレート集。 クレジットカードやボタン、ポストイットなど、サイトにつけると印象的なサイトになるかもしれないPhotoshopテンプレート集が公開されています。 Credit Card Icon Complementary Colour Swatches Photoshop 3D Cube Basic Button Collection Documents And Letters Post It! Free Post It Notes Free Button Pack DVD Label DVD Case Inlay 3D Box Template Mail PSD With Editabl

Photo Strip (Photoshop Tutorial) 立体的なリボン風オブジェクトに画像をうまく当てはめるPhotoshopチュートリアル。 (1) 画像をゆがめてシェイプ風に整形していく (2) 同じように画像をゆがめていく 徐々にあてはめていく (3) 完成 グラデーションもあてはめて、より立体的にしていますね。 これは色々な場面で応用できそうなテクニックです。 関連エントリ クールなPhotoshopテキストエフェクトのチュートリアル集 アイコン作成Photoshopチュートリアル４０ ワンダフルな100のPhotoShopチュートリアル

Google Static Map APIが随分変わっていたので調べ直してみました Tweet 2009/1/19 月曜日 matsui Posted in 記事紹介・リンク | No Comments » 以前このような記事を書いたのですが、そのころから比べるとGoogle Map Static APIが随分変わっているようなので、調べなおしてみました。 参考にしたページはこちらです。 →　Google　Code　Google Static Map API [code.google.com] →　ORANGE FACTORY　携帯で地図表示 Google Static Maps API [orange-factory.com] 現在のパラメータは以下の通りです。 http://maps.google.com/staticmap? center=[中心の緯度],[中心の経度] &zoom=

ケータイ各社のフィルタリングサービスとEMA認定サイトについてまとめられた記事 Tweet 2009/1/20 火曜日 matsui Posted in 記事紹介・リンク | No Comments » donさんからのタレコミです。 （情報提供ありがとうございます） 以前にも記事にしたことのある、各社のフィルタリングサービスについてです。 各キャリアのフィルタリングサービスと、EMA認定サイトリストの反映についてまとめられた記事が公開されています。 →　ぱらめでぃうす　携帯各社のフィルタリングサービスへのEMA認定サイトリストの反映について [parame.mwj.jp] ドコモは1/9から、auは2/3から、ソフトバンクは1/29から、18歳未満およびフィルタリングを希望した利用者への、フィルタリングサービスが適用されます。（ドコモは既にスタートしているのですね） フィルタリングは、ネ