こんにちわ。坪内です。 突然ですが、この2年ほどで集めた素敵なネットショップを一挙公開しちゃいます。はっきり言って、この記事書いてるだけで、何度もポチリかけたくらい、素敵なアイテムがてんこ盛りです。既に知っているショップも多いと思いますが、知らないショップがあったら是非チェックしてみてください。 ちなみに、数が多すぎて説明文書くのは断念しました。カテゴリ毎には分かれているので、実際にご自身の目で確認してみることをオススメします。
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」(スマホサイト)を開設する企業が増えている。当初はiPhone(iOS)の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 ここでは、Web制作者が見ておきたいスマートフォンサイトを紹介する。実務で参考にできるように、対象を日本語の企業サイトに絞り、業種別に分類してまとめた。スマートフォンサイトの制作に入る前にチェックしておこう。
Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基本的に無料のものを使っています。順不同。 960 grid system グリッドシステムです。ブックマークレットも含め、色々手軽なのが嬉しい。何よりグリッドレイアウトはお客さん受け良い傾向にある気がします。 960 grid system Firebug Web制作といえばFirebugですが、僕はChrome派なのでChromeエクステンションのLite版を使っています。元々、Chromeにはデベロッパーツールがありますし、FxのFirebugも使いこなせてなかったのでこれで十分。 Fi
シーブレインのマニュアル作成サービスチームから「スマートフォンで読めるマニュアル作成」を PR するページを作ってほしいとのご依頼があり、ページをデザインました。 せっかく iPhone を素材に使うのだから、フォントも Apple 風にしたいわあ、といろいろ探した際に知ったいくつかのフォント情報をメモします。 ひと目でフォント判別できる一流デザイナーにあこがれる! 1. Apple 日本語サイトのフォントは「AXIS」 Apple 公式サイトの日本語や Apple store で手に入るパンフレットには「AXIS」というフォントが使われていることが多いそうです。 その「AXIS」試用版が、無料でダウンロードできます。登録さえすれば商用も OK という太っ腹ぶりです。 なだらかなラインがスマートな、きれいなフォントです。 Type Project|試用版ダウンロード http://www.
ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、
2017年6月29日 Webサイト制作, Webデザイン プログラミングに詳しくなくてもECサイトを設置できちゃうCMSがたくさんあります。そんなCMSを紹介…しようと思ったのですが、かちびと.netにまとめ記事があったので、そのへんはシロ氏にお任せして、今回はECサイトのデザイン部分に焦点をあててみたいと思います。ECサイトではその商品やマーケティングが重要になってきますが、サイト全体のデザインを工夫してユーザーの購買意欲をより刺激しましょう! ↑私が10年以上利用している会計ソフト! 1. 商品のデザインと合わせる ECサイトのデザインは、その商品を知ることから始まります。例えば商品が服ならそのブランドのデザインコンセプトはもちろん、どんな人が、どんな場所で着るのか、素材やよく使われている色合いなどを研究してみてください。 Apple http://www.apple.com/jp/
<ゆうパック> 宅配便はゆうパックでの配送となります。 一律 800円(北海道・沖縄 1,100円) 10,800円(税込)以上お買い上げで送料無料となります。 ※時間のご指定がある場合は備考の欄に下記ご希望時間帯を明記ください。 <午前中><12:00-14:00><14:00-16:00><16:00-18:00><18:00-20:00><19:00-21:00><20:00-21:00> <レターパック> レターパック(全国一律 520円) ※日時指定はできません。 ※レターパックライト(ポスト投函)に変更になる場合がございます。なお変更時も配送料金(520円)は変わりませんのでご了承ください。 ※複数購入された際は宅配便に変更することがございます。 <メール便 (保障なし)> メール便 / 全国一律200円(税込み) ※メール便は日本郵便のクリックポスト、または定形外郵便にて配送
サイトやブログには、ページが存在しないことを示す「404」というページがあります。 リンクを開いたら「ファイルがみつかりません」ってなるやつがそれです。 味気ない404ページもあれば、ユニークにデザインされたものもあったりします。 以下の記事を参考にして、面白いなー、上手だなーと思った404ページを以下に紹介します。 ・70 Unique Examples Of 404 Error Pages For Your Inspiration ・404 Error Pages: Reloaded ・50 Examples of Creative 404 – Page Not Found Pages ・50 Creative and Inspiring 404 Pages ・14 funny yet creative 404 error pages ・49 Nice And Creative Err
ul, ol, dl要素を使用したスタイルシートの5つのトリックをPieter Beulqueから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <ol> <li><span>Lorem ipsum dolor ... elit.</span></li> <li><span>Aliquam ... eu risus.</span></li> <li><span>Vestibulum ... neque.</span></li> <li><span>Lorem ipsum dolor ... elit.</span></li> <li><span>Aliquam ... eu risus.</span></li> <li><span>Vestibulum ... neque.</span></li> </ol> </
海外のシェアウェアの中でかなり秀逸だな~と思ったのは、黄金比をPhotoshopやIllustratorで実現するためのソフト。物差しを組み合わせたみたいな形なのだけど、いろいろとがちゃがちゃそれに合わせてレイアウトすればきれいな黄金比を維持できるというもの。欧米はウェブサイトのデザインでかなり優秀なものが多く、それを反映しているのか、日本ではあんまりお目にかかれないような、有料レベルのテンプレートが無料で配布されていたりします。 詳細は以下の通り。 Open Web Design - Most Popular Open Source Web Design - Download and upload free web designs. http://www.oswd.org/ ほかにもCSSとか、いろいろ。 css Zen Garden: The Beauty in CSS Design
ハイクオリティなスモークのエフェクトを描く、高解像度のPhotoshopのブラシColorburnedから紹介します。
Chandoo.orgのエントリーから、見栄えがよく、分かりやすいエクセルのグラフを作成する5つのテクニックとカラフルにデザインされた73のエクセルのテンプレートを紹介します。 How to NOT spend $ 150,000 and still dress up your charts 色の代わりにグラデーションやパターンを使用したグラフ 色の代わりに画像を使用したグラフ 注目するポイントにテキストを配置したグラフ オリジナルの色を使用したグラフ ラベルに画像を使用したグラフ デザインされたグラフの73のテンプレート [ad#ad-2] 色の代わりにグラデーションやパターンを使用したグラフ グラフの配色にフラットな色ではなく、グラデーションやパターンを使用します。 スライドに使用する際は、グラデーションを控えめに。 グラフを右クリックし、「データ系列の書式」を表示します。 「パターン
ユーザーに有用なウェブサイトをナビゲートする12種類のナビゲーションをOnextrapixelから紹介します。
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く