『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![800枚以上の無料写真をカテゴリー別にダウンロードできるサイトPexels - Photoshop VIP](https://cdn-ak-scissors.b.st-hatena.com/image/square/0d0869160e94573f652574199da697bb1855582e/height=288;version=1;width=512/https%3A%2F%2Ff1zxujx2.user.webaccel.jp%2Fwp-content%2Fuploads%2F2014%2F07%2Fpexels-top.jpg)
レスポンシブWebデザインのサイトは国内でも増えてきましたが、制作するとなるとかなり手間がかかります。 そんなとき役に立つのがレスポンシブWebデザイン対応のフレームワーク。中でも「Bootstrap」は、多彩な機能を備え、その使いやすさから広く知られています。 そこで今回は、国内の秀逸なレスポンシブWebデザインを集めた「Responsive Web Design JP」から、Bootstrapを使って作られたサイトをご紹介したいと思います。 whiteSTOUT フォトクリエイティブを中心としたマネージメントオフィスのサイトです。トップに大きな画像を使い、洗練されたイメージとなっています。 AGATHA E-SHOP アクセサリーブランド「AGATHA」のECサイトです。有名ブランドの、しかもECサイトにもBootstrapが使われています。 ACTUS online こちらは有名イン
話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介と解説を厳選して紹介、解説していく本連載「HTML5アプリ作ろうぜ!」。今回紹介するフレームワークは「Bootstrap」です。 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」とは 現在のWeb制作、開発では、ともにスピードが重視されています。「Bootstrap」を使用すると、既に用意されているスタイルを適用するだけで、格段に速く見栄えを整えられます。事実、Webシステムの管理画面などでBootstrapを使用するケースも増えてきました。 Bootstrapは最近
今日は、SEO寄りの話題を。「グーグルがページ表示速度を順位付けの要因として使うようになった」と公式に発表したのは2010年。それ以来、Web担当者さんはどれだけ早くページが読み込まれるようにするか工夫しているのではないでしょうか。 しかし、ある研究者によると、グーグルが検索結果の順位付けに使っているのは「ページ表示にかかる時間」ではなく、「HTMLのクロールにかかる時間」だというのです。 グーグルが意味する「ページ表示時間」とはどれ?WebSiteOptimization.comが、ページ表示速度と順位に関する研究の記事を公開しました。ポーランドのポズナン工業大学に所属する3人の研究者が、次のようなことを発表したのです。 グーグルの検索順位と相関するのは、「ページ表示時間」ではなく、「ページのクロール時間」である 追加実験をしたところ、ページのクロール時間を変えると、(他の要因が同じであ
今ではパケットキャプチャの定番とも言えるWiresharkについて、インストール、実行、画面の見方からフィルタ方法、停止方法、モニタモード等基本的な使い方について説明しています。 パケットの解析方法については、次ページの「Wiresharkを使った解析」をご参照下さい。
2020年5月18日 CSS, Webデザイン, 便利ツール 背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します! ↑私が10年以上利用している会計ソフト! CSSでグラデーションを実装 グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen
2015/3/2 これからのグローバル化社会で戦っていける「強いリーダー」を生み出していくためには何が必要なのか? そのために何をするべきかを長年伝えてきたのが元マッキンゼー日本支社長、アジア太平洋地区会長、現ビジネス・ブレークスルー大学学長の大前研一氏だ。 本連載は大前研一氏総監修により、大前氏主宰経営セミナーを書籍化した第二弾である『 大前研一ビジネスジャーナル No.2 「ユーザーは何を求めるか」』(初版:2014年11月28日)の内容を一部抜粋、NewsPicks向けに再編集してお届けする。今回も前回に引き続き「消費者の構造変化」について分析する。 大前研一特別インタビュー(上):日本でイノベーションが生まれない理由は何か?(2/19) 大前研一特別インタビュー(下):イオニストは“低欲望社会”の被害者(2/23) 本編第1回:中流以下が8割超。「消費者」は過去10年で激変した(2
17歳で20カ国語を操る、天才少年。彼がスピーチで語ったことが、非常に深いと話題になっている。このスピーチでは3点、彼が重要なことを言っている。 1.他言語を覚える為に使った方法 Youtubeや、キケロの「座の方法」で習得した。 2.言語を話すことと、理解することの違い 相手の理解できる言葉で話せば、相手は頭で言葉をわかってくれる。相手自身の言葉で話せば、相手は心で言葉を理解できると悟った。 3.外国語を学ぶ、本当の理由 2週間に1言語が世界から消えている。言葉の表面上の意味を訳すだけではなく、その言葉の真意を理解することが大切。 ここから、彼のスピーチの内容を紹介する。 20カ国語を操る17歳の天才少年ティム・ドナー氏の存在は、「10代の多言語話者の冒険」と題されニューヨーク・タイムズの記事に取り上げられたことで注目を集めた。今回、彼がTEDで語ったのは、外国語学習の難しさや、実際に使
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く