『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![新着記事](https://cdn-ak-scissors.b.st-hatena.com/image/square/719cfad5c62cf9a6ea67c9d813e1c8737ef36aa0/height=288;version=1;width=512/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2013%2F02%2Fvehiclevector_top.jpg)
ナビゲーションを配置したヘッダはスクロールしても常に上部に固定されており、フッタはコンテンツの量が少なくても最下部に配置されるページを実装するスタイルシートを紹介します。 Sticky footer with fixed navbar コンテンツが少なくてもフッタは最下部に、レスポンシブ対応で! デモ Bootstrapに素晴らしいデモがあったので、そこからデモを紹介します。 デモでは、ナビゲーションがあるヘッダはスクロールしても常に上部に固定されています。 デモのコンテンツ量が少ないため、狭い表示エリアで。 デモページ:幅780pxで表示 実装 実装はデモを必要最小限にしたもので、紹介します。 HTML 上からナビゲーションのあるヘッダ、コンテンツ、フッタの順で、ヘッダとコンテンツはdivで内包し、終わりにコンテンツ量が少ない時用にpushのdivを配置します。 <body> <div
今日話さないこと JavaScriptの基礎知識、jQueryの導入 気持ちいいUIやUXがうんちゃら CanvasやWebGLを使ったリッチでイケてるゲームの作り方
先週2月18日に都内で開催された「第36回HTML5とか勉強会」。テーマは「2013年、Web開発の進化を探る」でした。 そこで「2014年頃にはネットに接続しなくても使えるオフラインWebアプリケーションが流行するのではないか」と話したのが、html5j.orgの世話人でもある白石俊平氏。白石氏が解説する「オフラインファースト」は、これからのWebアプリケーションのひとつの方向性が示されていると思われます。 その講演の内容をダイジェストで紹介します。 オフラインファーストの思想と実践 html5j.org世話人の白石俊平氏。 オフラインファーストとは、オフラインを最初に考えてWebサイトを、Webアプリケーションを作ろうという思想のことです。 で、オフラインファーストって、モバイルファーストという言葉に似ています。モバイルファーストというのは2010年に登場した言葉で、これは去年、とにか
僕もこの記事のように印刷からウェブに移行した組ですが、最初は印刷とウェブではルールが違うので戸惑いました。もちろん、印刷時代の知識も役にたったものが数多くあります。 なぜフォントのサイズが小さいとよろしくないのか、サイドバーはなぜ右側なのか、ナビゲーションはなぜ上部なのか、印刷とは異なるウェブならではの基本的な5つのデザインルールを紹介します。 5 Design Rules No Blog Should Break 下記は各ポイントを意訳したものです。 はじめに 本文は大きいサイズで、分かりやすく 右側のサイドバー クリーンなカラー 上部のナビゲーション 常に画像を使用する はじめに はじめに 印刷デザインの世界からウェブデザインに入った時、いくつかのミスをしていました。一番大きなポイントは、新聞や雑誌のようにはウェブは使わないということです。紙を読む時とスクリーンを見る時では、どのくらい
フェニックステレビの李淼記者の孤軍奮闘っぷりがグッとくる件について。 ■安倍首相のワシントンポスト・インタビュー問題 記事「米紙の煽り記事でちょっと厄介なことに=安倍首相インタビューと中国の反発」「【安倍首相インタビュー】米紙煽り記事で中国が動いた=外交ルートで照会、人民日報の格式コラムで批判」と続けてきたワシントンポストの煽り記事ネタ。 簡単にまとめると、安倍首相が、「中国は愛国主義教育で政権の支持を得ているが、それで中国のジレンマであり、愛国教育反日教育が日本との友好関係を阻害」と発言した部分をとらえて、「安倍晋三日本首相、中国の紛争の必要性は“深く根付いたもの”」というタイトルでワシントンポストが報道。中国側が激烈に反応したというもの。 この太平洋をまたにかけた煽り記事と爆釣の連鎖の中で、フェニックステレビの日本駐在首席記者・李淼さんが中国マイクロブログで、誤解を正そうと孤軍奮闘して
私の両親はフリーランスでした。30年以上二人のフリーランスを見て来た彼らの一生から、教訓めいたものを抽出しようと試みました。才能ある若いフリーランスの方々やこれからフリーランスを目指す方々の少しでもお役に立てば幸いです。 ◎一生食べ続けられるフリーランスの条件 ノマドやフリーランスになりたい人は潜在的に多いように思います。私の両親は二人ともフリーランスでした。ここで、私が両親を見ていて学んだある事実を皆さんと共有したいと思います。 <フリーランスの20代> 若い人がフリーランスとして成功するのに、最も重要なことは何だと思いますか? 「年上から好かれること」 ではないかというのが、30年以上観察してきた私の結論です。 フリーランスの仕事というのは、仕事を発注してくれる人がいなければ成立しません。その発注してくれる人、つまり予算や決済の権限を持っている人は、20代の時は大抵年上です。BtoBの
3DCGモデル・Flashファイル、BGMやサイトテンプレートなど企業や公式サイトが使うようなハイクオリティな素材の有料販売サイトを運営しているのがEnvatoです。Envatoが運営するこれらの素材販売サイトでは毎月1つだけ無料でファイルがダウンロード可能になっていて、2013年2月は写真素材・音楽ファイル・jQueryプラグイン・3Dモデルなどが無料でダウンロードできるようになっています。早速試してみたところ、総額7900円以上のファイルが無料でゲットできました。 まず無料ファイルのダウンロードにはアカウント作成・ログインが必要なので、まずは以下のページを参照して無料アカウントを作っておきましょう。 無料で商用利用可の有料サイトテンプレートファイルを「ThemeForest」からダウンロードする方法 - GIGAZINE http://gigazine.net/news/2010122
書くネタもないので、最近リニューアルしたサイト構築の話しを備忘録として書いてみます。リニューアルといっても目に見える改変ではなくサイトをレスポンシブ化してみたお話です。 レスポンシブ化というのは、私もまだよくわかっていません。 ただなんとなくかっこいいからレスポンシブって言葉を使ってみました(・ω きっかけはGoogle!Google先生がこんなこと仰っているならレスポンシブ化が正しき道なんだろうなと レスポンシブ・ウェブデザイン – メディアクエリのパワーを使いこなす すぺっく 私のすぺっくを正直に書いてみる。 PHPは書ける読める。高校生レベル HTMLは書ける読めるなんとなくわかる。中学生レベル CSSは色変えるとかその程度。幼稚園レベル つまりレスポンシブ化で一番重要なCSSでについてはド素人レベルです。 だからこの本を買ってみました。 ふむふむ!なるほど!デザインはこうやっ
ブログアフィリエイトの収益が増える5つのテクニック 広告は「クリック率が最大になる配置」にする! GoogleAdsenseを貼っているアフィリエイターの人も多いと思いますが、アドセンスはクリック率で何倍も成果が変わってきます。 クリック率の平均ってどれくらいなの?と疑問に思う人も多いと思います。 大体の場合は、クリック率が0.5%以下ならクリック率がかなり低いです。 しかし、このクリック率。 実は広告位置をちょこっと変えるだけで1%までなら上げることが可能です。 おそらくほとんどの人は以下のどこかにアドセンス広告を配置していると思います。 タイトルロゴの横 サイドバー 記事の前 記事の中間 記事の直下 基本的にタイトルロゴ近くとサイドバーの下部分はクリック率がかなり低いです。 多くのブログに対して効果的な掲載場所として以下の3カ所をおすすめします。 記事の前 or 中間に1つ入れる(46
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く