普段何気なく使用しているインターネット上のさまざまサービスをよく見てみると、至る所に「青色」が使われていることに気づきます。なぜ、インターネットではこれほどまでに青色が多用されているのか、IT関連のニュースサイトThe Awlがその理由を公開しており、興味深い内容になっていました。 Internet, Why So Blue? - The Awl http://www.theawl.com/2014/06/internet-why-so-blue こちらはGoogleが頻繁に自社のサービスに使用している青色です。カラーコードをHTMLなどで使う16進数で書くと「4385f5」になります。 試しに、Google検索を確認してみると、至る所に上記の青色が使用されているのがわかります。実は、Googleのデザイナーは上記の青色とは違う種類の青色をサービスのメインカラーに選んだのですが、上司から「
１－１．コントラストコントラストは、明確な視覚的差異を用いて重要な要素を強調します。色のコントラストは最も一般的な形で、強い色対比を使うことで特定の情報やアクションを際立たせます。 サイズや形状のコントラストも同様に重要で、大きな要素や異なる形状は視覚的に目立つため、キャンペーンのキャッチフレーズやウェブサイトのボタンに使用されます。 １－２．整列整列は要素を一列に配置し、整った見た目を作り出します。テキスト、画像、ボタンなどが整然と並べられることで、全体のデザインが統一され、情報が追いやすくなります。 整列は、ユーザーインターフェースやグラフィックデザインにおいて、読みやすさとナビゲーションの改善に貢献します。 １－３．繰り返し繰り返しは、デザイン内で一貫性と認識を高めるために同様の要素を使用します。これにより、ブランドアイデンティティを強化し、ユーザーに親しみやすさを提供します。 繰り
The Photoshop file format is no longer opaque. Adobe's PSD format has been a black box for ages. We've built a Ruby library that opens up the PSD format and allows you to easily work with Photoshop documents. Get it Download .zip Download .tar.gz View on GitHub PSD.rb is a general purpose Photoshop file parser written in Ruby. It allows you to work with a Photoshop document in a manageable tree st
最初から入っている標準フォントだけでは、ブログの画像にキャプションを入れたいとき、WEBサイトのメリハリを付けたいとき、ロゴを作りたいときなど、かっこがつかない！そんなふうに思うことありますよね。 しかしフリーフォントって、あまりに種類がたくさんありすぎて、どれを使っていいのやら困ってしまいがち。欧文フォントは種類も豊富だけれど、日本語対応(漢字も対応)フォントを探し出すのはひと苦労。 そこで！今回は使うだけでサイトや印刷物がかっこよく仕上がる、そんな日本語フリーフォントをご紹介いたします。 誰でも自由に無料ダウンロード！商用利用も可日本語対応上記を満たすフォントの中でも、特にクオリティが高く、様々なシーンで使用できそうなフォントを中心に集めました。 広告費を上げず、デザインで広告成果を改善する「AIR Design」 1. スタイリッシュにまとめたいときモダンでスマートなフォント スマ
週刊Webテク通信 2014年5月第4週号1位は、ブラウザ上でのWebデザインに必須のツール、気になるネタは、大画面スマホでも端まで指が届く親指形スタイラス ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2014年5月12日～5月18日の間に見つけた記事のベスト5です。 1. 6 must have design in browser toolshttp://smashinghub.com/6-must-have-design-in-browser-tools.htm ブラウザ上でのWebデザイン（design in browser）に必須のツールをまとめた記事です。 Photoshopなどでのレイアウト作業を行わずに、いきなりブラウザ上で動くプロトタイプを作成していく、いわゆる「desi
スマートフォンに予定や起床時間を設定しておけばしっかりと通知やアラームで知らせてくれるので予定を忘れていても安心できるわけですが、眠る時に枕元に置いていたためにアプリの通知や友人からの連絡で安眠を妨害されてしまうことがあります。そんな悩みを解決するために作られた、スマートフォンと同期してアラーム機能・カレンダー通りにアラームを鳴らしてくれるシンプルな目覚まし時計「aclock」が、クラウドファンディングプラットフォームCrowdtiltで出資を募っています。 Hex3 https://hex3.crowdtilt.com/aclock-the-first-connected-alarm-clock 「aclock」がどんな目覚まし時計なのかは以下のムービーから見ることができます。 aClock Final Video - YouTube 「眠る時にスマートフォンをベッドサイドから離して眠る
ベンチャー企業の福利厚生は、ユニークなグッズ支給で差別化する 独自の取り組みで、従業員エンゲージメント向上を
以前の投稿で書きましたが、レスポンシブWebデザインでサイトを制作する際の課題の一つは、データの多いテーブルの見せ方です。その課題をクリアする「この方法なら行けるかも！」と思えるものが2つほどあったのでご紹介します。 どちらも甲乙つけがたい良い実装例で、技術的な問題がなければレスポンシブなテーブルの代表的な実装手法になっていくのでは？と思っています。 ドロップダウンでカラムの表示・非表示を選択 まずは、レスポンシブWebデザインの情報を探していると良く出てくるボストンの制作会社、Filament GroupのMaggie Costello Wachsさんが考案したものをご紹介します。オープンソース（GPL License）で、コードは自由に使って良いようです。 以下の画像のように、ドロップダウンメニューを実装して、カラムの表示・非表示をチェックボックスでコントロールできるようになっています
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
シンガーソングライターのニール・ヤング氏が設立したPonoMusicは、ミュージシャンがスタジオで作り上げたサウンドをそのまま伝えることをターゲットに開発したハイレゾ音源対応音楽プレイヤー「PonoPlayer」を発表し、この製品をクラウドファンディングサイトのKickstarterで出資を募集し始めたところ非常に多くの反響を得ることになり、日本円で4億円を越える出資が集まっています。音質を最優先したという機材が詰め込まれた三角形の特徴ある形状をしたプレイヤーと「PonoMusic.com」によってインターネット上で音楽を配信するサービスを通じて提供されるというシステムには、多くのミュージシャンからの熱い期待が寄せられています。 Pono Music - Where Your Soul Rediscovers Music by the PonoMusic Team — Kickstarte
売り上げ・アクセス数を伸ばしたい 月々の管理費を抑えたい リニューアルで失敗したくない 提案やサポートしてほしい ホームページに関することは お気軽にご相談ください
デザインの細かいところまでこだわりが！ こんな発想はどこから生まれるの？ そんな次のプロジェクトのヒントになるような面白いアイデア満載のウェブサイトを紹介します。 時間のある時にじっくり楽しんでください！
大手ホスティングサービスWordpress.comに無限スクロール機能が追加されました。 To Infinity and Beyond — Blog — WordPress.com 滞在時間の増加につながるか？ 実際の動作はこちらのブログで確認できます。ページ最下部まで行くと、自動で過去の記事がロードされます。wordpress.comを使っている方はこの機能が自動的に適用されていくとのこと。 触ってみた感じ、無限スクロールは滞在時間の向上につながる印象を抱きます。「次へ」が表示されるとなんとなくそこで離脱してしまいがちですからね。比較して分析したいところです。 予想：Googleも無限スクロールを採用する FacebookやTwitterが採用したのを皮切りに、Pinterestで一気に一般化した印象の「無限スクロール」。個人的には、Googleなどの検索エンジンでも採用されると予想しま
特定のフォントを指定しない、あるいはCSSの「総称ファミリ」を指定した場合、どのフォントで表示されるかをチェックしました。使用したブラウザは日本語版で(またはOSを日本語環境にして)、フォントの設定をいじっていない初期設定状態での結果です。 Safari 15 / macOS 12.0 無指定ヒラギノ明朝 ProN W3 serifヒラギノ明朝 ProN W3 sans-serifヒラギノ角ゴシック W4 cursiveヒラギノ明朝 ProN W3 fantasyヒラギノ明朝 ProN W3 monospaceMenlo / ヒラギノ角ゴシック W3 Chrome 96 / macOS 12.0 無指定ヒラギノ角ゴ ProN W3 serifヒラギノ明朝 ProN W3 sans-serifヒラギノ角ゴ ProN W3 cursiveApple Chancery / ヒラギノ角ゴ ProN
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
