ウェブデザインをワンランクアップさせるデザインテクニック『奥行き』の使い方
あなたのウェブデザインをワンランクアップさせる『奥行き』を使いこなすための5つのデザインテクニックを紹介します。 Creating Depth in Web Design: 5 Design Tricks [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに リアリスティックなインターフェイス ラッピングとリボン 遠近法 オーバーラッピング シャドウ おわりに はじめに デザインに『奥行き』を与えると、ウェブサイトをユニークにし、ビジターに忘れがたい印象を与えることができます。それが抽象的な方法なものであっても、奥行きがリアリズムを与えます。グラフィックデザイン、ロゴ、ウェブデザインなどこういった付加的なリアリズムはあらゆるデザインにおいて、興味を引き起こすことができます。 また、奥行きを使うことで、特定のエレメントの強調をしたり、情報の正しい階層を作ることも可能です。フラッ
スマートフォンサイトをデザインする上で知っておくべき10のTIPS
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
法人向け研修トレーニングセンター レンタル教室 エムスクール | m-School
ｍ－School を終了させていただくことになりました この度、新型コロナウイルスの感染拡大による様々な影響を鑑み、 教室にて集合研修を行わないことを決定しました。 これに伴い、2020年6月30日（火）をもちまして、サービスを終了致しました。 長きに渡り多くのお客様にご利用いただきまして、誠にありがとうございました。 今後は、弊社が強みとするeラーニング事業、AI事業、学校教務支援システム事業等を より一層強化し、質の高い未来志向のICTソリューションを積極的に提供して参ります。 引き続きエスエイティーティー株式会社をお引き立ていただきますよう、 宜しくお願い申し上げます。 お問い合わせ先：エスエイティーティー株式会社 Copyright ©2020 SATT, Inc. All Rights Reserved.
Windows7の時刻合わせ ： 大道無門（パソコンとインターネット） - 大道無門(パソコンとインターネット)：楽天ブログ
2010.05.10 Windows7の時刻合わせ ： 大道無門（パソコンとインターネット） カテゴリ：パソコン いままでWindows XPを使っていたので、時刻合わせにはそれ専用のアプ リケーションをインストールして行っていました。パソコンの時刻は性 格のようですが、実は結構狂うので時々時刻合わせを擦る必要があった のです。 さて、Windows7にXPから変えてからそういうアプリケーションソフトを インストールしていませんでした。何故かそういう必要性に気づかなか ったのです。XPの時に使っていたソフトがそのままインストールされて いると勘違いしていたのもそのひとつの理由です。 そこでおもむろに時刻合わせのアプリケーションソフトを、「窓の杜」 とか「ベクター」で探し始めたら、変なことに気がつきました。その手 のソフトがなぜかWindows7対応になっていないのです。それで、なんと はな
Fireworksで、画像の上に乗せた文字を読みやすくするための9つの方法 | Fireworksマニア
デザイナー 春山 有由希のポートフォリオサイトです。
拡張子.htmlで携帯XHTML対応＆PHP動作させる (ロリポップ用) - bass-inuのひとりごとメモ
ロリポップは自由にphp.iniを設定できないので、以下の方法では無理だった。 Google Analytics携帯電話向けコード(PHP)をXHTMLに埋め込むメモ - bass-inuのひとりごとメモ ■やりたいこと 携帯3キャリア対応のXHTMLページで拡張子は.html PHPを動作させる まず.htaccess。 .htmlでphpを動かせるように設定する。 （ロリポップの場合） AddHandler php5.2-script .html （その他） AddType x-httpd-php .html 各HTMLの最初に以下を記述。 <?php header("Content-type: application/xhtml+xml");?> <?php echo '<?xml version="1.0" encoding="Shift_JIS" ?>'."\n";?> あとはい
Google Analytics携帯電話向けコード(PHP)をXHTMLに埋め込むメモ - bass-inu's blog
アクセス解析のGoogle Analyticsが携帯に対応したので、さっそく全サイトにコードを埋め込んだ。 その中で、XHTMLで構築しているページに使用するときにつまづいたのでメモ。 ■携帯サイトの環境 3キャリア対応のXHTMLページ 拡張子は.html (.htaccecss使用) ■サーバーの環境 php.iniを編集することができる ■やりたいこと 3キャリア対応XHTML＆拡張子は.htmlのままで、PHPを動作させてアクセス解析をする まずは、php.iniの設定をする。 私の場合は既存のphp.iniをコピーし、以下の2箇所を修正。 モバイルサイトのディレクトリに修正したphp.iniを適用するよう設定した。 short_open_tag = Off default_mimetype = "application/xhtml+xml" short_open_tag をOff
YUKI HARUYAMA Portfolio Site | 春山 有由希
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
パフォーマンス改善やセキュリティに役立つ.htaccessの設定 | コリス
ウェブサイトのパフォーマンスの改善やSEO、セキュリティに役立つ.htaccessの設定を紹介します。 17 Useful Htaccess Tricks and Tips 備考：Apache チュートリアル: .htaccess ファイル、Apache コア機能 [ad#ad-2] .htaccessの設定：パフォーマンスやSEO関連 .htaccessの設定：セキュリティ関連 .htaccessの設定：パフォーマンスやSEO関連 .htaccessでタイムゾーンを設定 .htaccessでタイムゾーンを設定します。 例：東京 SetEnv TZ JST-9 もしくは、 SetEnv TZ Asia/Tokyo .htaccessで301リダイレクトを設定 .htaccessで301リダイレクト（永続的なリダイレクト）を設定します。 例：旧ファイル（old.html）、新ファイル（new
TwitterにURLを流すとインデックス化に効果があるのか？ 実験してみた | Moz - SEOとインバウンドマーケティングの実践情報
フォロワーからの注目やリンクを集めることを期待して、自分のTwitterアカウントで新しい投稿や製品についてつぶやく人は多い。こういった活動が、インデックス化されるページの増加や迅速なインデックス化にもつながるとしたらどうだろう？ jtkaczukが2010年3月に、「Twitterをサイトマップとして利用する」という記事をYOUmozに投稿した。僕はこれを読んでからTwitterのパワーについて考え始め、Twitterをもっと活用することがインデックス化の助けになるんじゃないかと思うようになったんだ。 そこで僕は、ほんの数か月だけささやかな実験を行ったのだが、その結果は驚くべきものだった。 Twitterとインデックスの実験の方法この実験では、次のことをそれぞれ追跡できるようにした。 新製品がサイトに追加されたことそれがツイートされたことGooglebotにクロールされたことグーグルでイ
iPhoneを今より7倍使いこなすためのレシピ集 | nanapi[ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
WEBデザインスタイルアップTips 第7回 目次 - MdN Design Interactive
ナビゲーションのひとつとしてパンくずリストを取り入れたり、手順を踏んでユーザーに操作してもらう場合はステップ全体がわかるようにデザインすることは多いはずだ。「pixels and digital bits」の「Tutorial - CSS Overlapping Arrow Buttons」（www.firefly-multimedia.com/chatterbox/?p=26）で取り上げられている例を参考に考えてみよう【1】。 【1】パンくずナビゲーションやステップを示すデザイン 【2】アイコンの背景色をCSSで指定まずはHTML【2】とCSS【3】を用意しよう。参考サイトで取り上げてある方法では左右の画像との余白がとりにくいのでspan要素を追加する。見た目が調整しやすくなるはずだ。li要素の背景色にアイコンとしての色を指定しておき、そこにアイコンの形で透過している左右画像【4】を載せ
iPhone 4と過ごした50日まとめ - iPhone.goodegg.jp
iPhone 4と過ごして50日経ちました。(2010年6月24日に買ったので2010年8月13日で50日でした。記事遅くなってごめんなさい。 iPhone 4 + iOS4は「iPhone 痒いなぁ。足りないなぁ。」と思っていた所を地味ながら確実に改善してくれました。 まずはiPhone 4。940*640の高精細ディスプレイとLEDフラッシュ付きの500万画素カメラは良い感じ。 Ratinaディスプレイ対応アプリなら小さな文字も確認しやすく拡大・縮小操作の回数も減り、500万画素のカメラならホワイトボードを撮影しても小さな文字も読み取れます。 そして、iOS4。個人的に待ちに待ったBluetoothキーボード対応や(アップル流の)マルチタスク対応と嬉しい機能が搭載されました。 iPhoneとBluetoothキーボードがあればメールの返信や議事録作成などは十分こなせますし、マルチタスク
【レビュー】GIMPでフォトから特定のオブジェクトだけを自然に消し去る方法 | エンタープライズ | マイコミジャーナル
The GNU Image Manipulation Program Photoshop CS5が提供している便利な機能のひとつに「Content-Aware Fill」と呼ばれるものがある。これは選択した対象を画像から消し去るためのものなのだが、その消し方がすごい。まるで、最初からそこにそれはなかったかのようにまわりの風景を加味した消し方をする。デジカメで撮った写真を使いたいとしても、邪魔なオブジェクトが写っているため使えないとか、わざわざピクセル単位で編集をかけて特定のオブジェクトを消し去った経験があるWebデザイナは少なくないだろう。Photoshopの「Content-Aware Fill」を使うと、それが簡単に完了する。 同様の機能はGIMPにも用意されている。デフォルトの機能ではなく、プラグインで追加する機能だ。「Resynthesizer」と呼ばれる機能で、Ubuntuであれ
Googleアラートで上手にサイトを管理する便利なテクニック | Moz - SEOとインバウンドマーケティングの実践情報
モニタリングダッシュボードの設定について取り上げた投稿やチュートリアルは、いくらでもある。好みは人それぞれだが、僕が気に入っているのは、マーティ・ワイントローブ氏がaimClearのブログに投稿した「評判管理用モニタリングダッシュボードの作り方」という記事で紹介されているものだ。 モニタリングを扱う新しいサービスは、Scout LabsやTrackurなど数か月ごとに続々と登場していて、その多くが非常に優れている。しかし場合によっては、これらの製品を使うのは、スーパーに牛乳を買いに行くためにフェラーリを運転していくのと同様のことがある。つまり、するべき作業と比較してパワーがありすぎ、不要な労力がかかってしまう。当面の必要性に適した、手早く簡単なソリューションだけあればいいという場合もあるんだ。そんな時に僕が使っている方法を紹介しよう。 大企業の会計責任者とか、個人事業の責任者なら、繰り返し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]可変するレイアウト幅の最大値を制限する簡単な方法
YUKI HARUYAMA Portfolio Site | 春山 有由希
Photoshopの切り抜き、選択範囲いろいろ：で、結局どれがいいの？
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP