企業サイトをはじめ、コマース、アプリ、メディア、ブログなど、さまざまなUIデザイン用のアイコンが無料でダウンロードできるOrion Icon Libraryを紹介します。 その数はなんと4,500種類以上! 豊富なデザインに加え、カスタマイズにも対応しており、ストロークを鋭角や角丸にしたり、太さを変更したり、カラーを変更することもできます。
企業サイトをはじめ、コマース、アプリ、メディア、ブログなど、さまざまなUIデザイン用のアイコンが無料でダウンロードできるOrion Icon Libraryを紹介します。 その数はなんと4,500種類以上! 豊富なデザインに加え、カスタマイズにも対応しており、ストロークを鋭角や角丸にしたり、太さを変更したり、カラーを変更することもできます。
国産のツールでは初じゃないでしょうか。 Webサイトやスマホアプリのページデザインを積み木感覚で楽しくデザインできる無料のオンラインサービスを紹介します。 操作が非常に快適で、ちょっと触るだけでもかなり楽しめます。 STUDIO STUDIOは無料で利用できるオンラインサービスで、日本語版と英語版がリリースされています。 ヘッダやフッタ、コンテンツのコンポーネントなどをドラッグ&ドロップでぽんっと配置するだけで、レイアウトを完成させることができます。コーディングのスキルは一切必要ありません。 レイアウトはすべてレスポンシブデザインに対応しており、従来のデザインツールでは表現できない動きやスクロールの再現も可能です。 STUDIOの作例 さっそく使用してみました。 まずは、メールアドレスとパスワードを登録します。
コリス [ad#ad-2] 当サイトの購読は、RSS Feedをご利用すると便利です。 コリスのRSS Feed Twitterでは、サイトに掲載していないウェブ関連の話題、クリエイティブなもの、面白いものを数多く紹介しています。 Twitter@colisscom 2010年、ブックマークが多かったエントリー 漢字も使える手書き風の日本語フォントのまとめ ウェブサイトのパフォーマンス改善やセキュリティに役立つ.htaccessの設定 2010年総まとめ:商用利用も無料、日本語・英語の高品質なフリーフォント集 jQueryの日本語の解説サイトと国産のプラグイン集 たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法 商用でも無料で利用できる高級感のある細字のフォント集 無駄なdiv要素やc
今年も残すところ、あとわずか。 2010年、国内・海外のウェブデザインで印象に残ったものを紹介します。
当サイトでも何回か紹介したことのあるプロのウェブデザイナーが作成した、高品質なHTMLメールのテンプレートを配布しているサイトを紹介します。 100+ free HTML email templates Campaign Monitor [ad#ad-2] ダウンロードできるファイルには、下記のものがセットになっています。 HTMLメール用のHTML・画像一式 PSDファイル HTMLメール、PSDファイルともにレイアウトは、width=100%、サイドバーが左、サイドバーが右、の3パターンが揃っています(異なるものもあります)。 各HTMLメールは、Outlook2010, Gmail, Lotus Notes, Apple Mail, iPhoneなど人気の高い20のメールソフトでテスト済み、とのことです。 下記に、各デザイナーごとのHTMLメールを紹介します。括弧内は各デザイナーのサ
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 bxSlider 多彩な表示方法に対応したコンテンツスライダー。 Sudo Slider 各パネルがブックマークできるコンテンツスラ
最近のウェブデザインのトレンドを踏襲した、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。
[CSS]スタイルシートの実用的なテクニック集:レイアウト・ナビゲーション・画像・タイポグラフィ・アイコン・ボタン・リンク編
ビギナーズ向けに解説された、100%幅のヘッダとフッタを固定幅のコンテンツの天地に固定表示するスタイルシートをNoobcubeから紹介します。 Fixed Header & Footer Layout: A Beginner's Guide demo スタイルシートはIE6をはじめとする主要ブラウザをターゲットにしており、IE6用のスタイルシートファイルやdivの入れ子でIE6に対応しています。 HTML箇所の最小構成は、下記のようになります。 <textarea name="code" class="html" cols="60" rows="5"> <body> <div id="header-wrap"> <div id="header-container"> <div id="header">ヘッダ</div> </div> </div> <div id="ie6pagewrap"
1ランク上のブログにするために、ヘッダ、コンテンツ エリア、ナビゲーション、見出し、コメント、フッタ、広告など各要素をステップアップするポイントをBlog Designから紹介します。 How to Blog Design Style Guide ヘッダ コンテンツ エリア プライマリ ナビゲーション セカンダリ ナビゲーション ヘッドライン コメント 記事のフッタ フッタ 広告 ヘッダ ヘッダはユーザーがあなたのサイトに来訪した際、最初に目にするものです。 ユーザーの印象に残るように、ヘッダのデザインを他のサイトと異なるユニークなものにするのは非常に重要なポイントです。 ショーケース darkmotion ヘッダをステップアップするポイント サイトのタイトルとタグラインを念頭に置き、ヘッダのデザインをします。ヘッダ以外の箇所はそのトーンに合わせてデザインを行います。 ヘッダでは、ユーザー
Chandoo.orgのエントリーから、条件付き書式を利用して、エクセルのデータを見やすくする5つのテクニックを紹介します。 Learn Cool Microsoft Excel Conditional Formatting Tricks テーブルの横列・縦列をハイライト 条件付き書式を使用したガントチャート セル内に配置するグラフ ミスやエラー・データ欠落などのハイライト表示 直感的に把握できるデータテーブル [ad#ad-2] エクセルデータは、Chandoo.orgのエントリーの一番下からダウンロードできます。 テーブルの横列・縦列をハイライト テーブルのデータを見やすくするために、横列・縦列を交互にハイライト表示にします。 ハイライトにするテーブル全体を選択します。 メニューより、[書式] - [条件付き書式] を選択。 「数式」を選択し、「=MOD(ROW(),2)=0」を入力し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く