機能美に優れたサイトを作りたい。 そんなときに参考になるのが、『WATERWORKS』。落ち着きのある機能美に優れたサイトです。 落ち着いた配色でとても綺麗ですね。画像が美しくて、レイアウトがかっちりしていてとても見やすいです。 スライドショーには「jquery.cycle.min.js」を、商品個別ページの画像の拡大表示には「jquery.galleria.js」を使用しているようです。 メガメニューにはロゴが入っていたり余白が適度に取られているし、アニメーションもとても綺麗ですね。独自のjsで実装しているようです。 デザインと機能が美しいサイトなので、一度見てみてください。 WATERWORKS 洗濯乾燥機が届きました。超ハイテクメカみたいになっててかっこいいです。これでかなり生活効率が上がりそうだ。 今かなり安くなっているので、ぜひ見てみてください! 東芝 9.0kg ドラム式洗濯乾
限られた予算と時間の中で、商品の販売、資料請求やダウンロードなどのビジネスサイトのゴールを達成するために効果的なデザイントレンドを紹介します。 5 Small Biz Web Design Trends to Watch 下記は各ポイントを意訳したものです。 はじめに 1. ミニマリスト 2. 独自の写真 3. 大胆なタイポグラフィ 4. アクションの呼びかけボタン 5. A/B テスト はじめに 中小企業のウェブサイトでは、ユーザーの注意を取り込みブラウジングをうながし、あなたのプロダクトあるいはサービスにおける利害関係を起こして、販売へと結びつける必要があります。 限られた時間と予算の中で、少しでも多くの可能性のあるユーザーに興味をもってもらうにはデザインは必須な要素です。 ここに中小企業のウェブサイトに大きな効果を与える5つのデザイントレンドがあります。 1. ミニマリスト Ambl
980pxで設計された素敵なサイトを紹介している(、、、と思われる)「980px」を紹介します。 980pxの中からインスピレーションを得る、という意味でしょうか。
無彩色のクールなデザインがしたい。 そんなときに参考になるのが、『Ahrens』。白と黒で統一したシンプルなデザインのサイトです。 960pxの幅の中、綺麗なグリッドデザインとなっていますね。色を使わない潔さで、クールなデザインとなっています。 大きく幅いっぱいに配置されたグラフィックがかっこいいですね。 さりげなく置かれているスライドショーは、左右にスライドしてツールチップが表示されて、しかも拡大表示しますが、jquery.cycle, jquery.tipsy, jquery.fancyboxが駆使されています。 シンプルなデザインが好きな方は、一度見てみてください。 Ahrens ふと思い立ってMagic Trackpadを買いました。ペンタブを使ってると上下左右のスクロールがやりにくいので、Magic Trackpadを使ったらすごく便利なのでは、と思ったら予想以上に便利です。かな
ちょこちょこ紹介されている HTML5を使ったテンプレート で少しずつ学び始めていま すが、そんな中で最近知った テンプレートを備忘録的に記事 にまとめておきます。 いままでに出ているHTML5のテンプレートは以下の記事をご参照下さい。 ・HTML5で構築されたテンプレート・フレームワークいろいろ – DesignWalker ・10+ Free HTML5-CSS3 Website Templates 以下はここに紹介されて無いテンプレートです。実践で学ぶタイプの人間なのでこういったテンプレートはありがたいです。 Music Portfolio Template 音楽関連のサイト向けにデザインされ、コンテンツを作ってあります。jQueryと併用してかなり良い具合に作られています。 Music Portfolio Template Baseline HTML5で作られたグリッドレイアウトの
シーブレインのマニュアル作成サービスチームから「スマートフォンで読めるマニュアル作成」を PR するページを作ってほしいとのご依頼があり、ページをデザインました。 せっかく iPhone を素材に使うのだから、フォントも Apple 風にしたいわあ、といろいろ探した際に知ったいくつかのフォント情報をメモします。 ひと目でフォント判別できる一流デザイナーにあこがれる! 1. Apple 日本語サイトのフォントは「AXIS」 Apple 公式サイトの日本語や Apple store で手に入るパンフレットには「AXIS」というフォントが使われていることが多いそうです。 その「AXIS」試用版が、無料でダウンロードできます。登録さえすれば商用も OK という太っ腹ぶりです。 なだらかなラインがスマートな、きれいなフォントです。 Type Project|試用版ダウンロード http://www.
Get free picture, templates, mockups and graphic resourcesLooking for free pictures or visuals? Choose the type of free stock image you need
15 Free HTML5-CSS3 Templates to Start the Future of Web Design | blogfreakz.com フリーで使える15のHTML5+CSS3なテンプレートファイルが公開されています。 それぞれ地味なようでいて、HTML5やCSS3のテクニックをふんだんに使っています。 素材として使ってもよいですし、1つの学習用リソースとして活用してみるのも有益ですね。 関連エントリ ハイセンスにデザインされたHTML/CSSテンプレート集 CSSテンプレート配布サイト色々まとめ フリーのビューティフルなCSSテンプレート沢山「Css 4 Free」 フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集 使えるCSSレイアウトテンプレート集「mycelly.com」
ブログ用からEコマース用まで、極小サイズ、手書き風、折り紙風などシンプルでかわいいフリーのアイコンをIconDockから紹介します。 IconDock キャプチャのアイコンは「20 Free Marker-Style Icons」 IconDockで配布されているアイコンから、フリーのものだけを下記にピックアップしました。 有償のアイコンでは更に素敵なアイコンセットが用意されています。 Stock Icon(有償のアイコンページ)
2014年10月12日 Webデザイン 私の大好きな手描き風Webデザイン!見づらくなったりするのでバランスが難しいデザインではありますが、「普通のデザインじゃ物足りない!」という時に取り入れると、程よくゆる〜い感じがでます。ここでは参考になるWebサイトや、デザインする際に使えそうなフォント・アイコン・ブラシなどを紹介します。 ↑私が10年以上利用している会計ソフト! 手描き風Webデザイン – 参考サイト 見とれてしまうサイトばかりです。 Christian Sparrow http://www.christiansparrow.com/ ブラン http://www.bla.jp/ BootB http://bootb.com/en/ PSYOP http://www.psyop.tv/ a simple measure http://www.asimplemeasure.com/
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し(hタグ)のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
調べたいフォントがある画像をアップロードします。ファイルはローカルでもオンライン上でも対応しています。 上記は、手元にあるローカルファイルを「Browse」ボタンで参照し、「Continue」ボタンをクリックします。 Step 2
Design interface application Framework _ 290 free vectors icons アイコンはウェブサイト、ワイヤーフレーム、オンラインアプリケーション、ソフトウェアなどを想定しているため、多種多様なデザインが290種類揃ったものとなっています。 サイズは16x16に基づいて設計されており、小さくても鮮明な外見を備えています。
Icons 19eighty7 サイトで使える500近いフリーのPNGアイコンセット「spirit20」が公開されています。 ソーシャルサイトなんかですぐに使えそうですね。 同種のアイコンも色々あったりしますが、これはこれで味があっていいですね。 他にも以下のようなソーシャルアイコンが配布されています。 関連エントリ 色々な場面で使えそう!という白黒アイコンセット120 ウェブサイトに使えるアイコンセットのまとめサイト
【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見 晴美 (11/29) 毎回、注目のデザイン書籍や写真集、おすすめの本を紹介します。 今回は「ケータイサイト解体新書」です。 携帯電話のデザインテクニックを、さまざまなテーマや視点から紹介した、携帯サイトデザインに役立つ一冊となっています。 詳しくは以下 携帯サイトのデザインをする上で重要視される3キャリアへの対応、頭を悩ませ
テンプレートにリピート領域が指定されたテーブルを作成しておくと、行の追加削除や入れ替えが簡単に行えるようになる。リピートテーブルを使うことでリピート領域と編集可能領域を同時に作成できる。MX 2004以降で使用可能なテクニックだ。 テンプレートファイルを作成または開き、挿入位置にカーソルを指定する【1】。挿入メニュー→“テンプレートオブジェクト”→“リピートテーブル”を選択。挿入パネルの一般タブ内にあるテンプレートアイコンのプルダウンからも選択可能だ【2】。行、列、開始行、終了行を指定して[OK]ボタンを押す【3】。リピートテーブルが挿入されるのでテンプレートを保存して、このテンプレートから新規ドキュメントを作成する。ドキュメントにリピート領域と編集可能領域が表示され、行の追加削除や入れ替えをするボタンが表示される【4】。なお、テンプレートの編集可能領域にデフォルトの値を記述しておけば、行
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く