ITに関するnakanuのブックマーク (85)

  • Loading...

    Loading...
  • 絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎

    webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って? カラーモードRGBとCMYKとは? 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って? まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色

  • Speed and Performance Optimization

    Log In Get Started for Free Free Ebook - Website Traffic Killers: 13 Costly Mistakes Unlock the secrets to enhancing your website's visibility and performance effortlessly.

    Speed and Performance Optimization
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
  • Googleアドセンスで月5万稼ぐためのノウハウ7選【稼ぎ方】

    Googleアドセンス で月5万稼ぐためのコツ7選 1)まずはCTR・CPCを知ること まずは、以下の単位を頭に入れちゃいましょう! CTR=クリック率 CPC=クリック単価 例えばCTR(クリック率)が1%・CPC(クリック単価)が30円ならば、100PVあたりの見積もり収益は30円となります。 つまり、毎日1000PVであれば月収9000円になる計算ですね。 2)適切な広告サイズを見極めよう 基的にクリック率が高い広告サイズは レクタングル(大)(336×280) レクタングル(中)(300×250) この2つがおすすめです。 Googleアドセンスでは、広告サイズが大きいほどクリック単価が上がるため、なるべく大きなサイズの広告を掲載した方が稼ぎやすいですね。 3)最もクリックされる所に掲載しよう 僕がおすすめする掲載位置がこちら。 記事終わり 最初の見出しの前 記事の間 特に絶対に

    Googleアドセンスで月5万稼ぐためのノウハウ7選【稼ぎ方】
  • 新卒webデザイナーがとりあえず見といたほうがいいブログ・記事

    良いデザインって?技術を学ぶ前に知っておきたいデ... / Webサイト制作において、私なりの色選定の考え方... / ヴィジュアル要素の表現方法 | Arch他...全10件

    新卒webデザイナーがとりあえず見といたほうがいいブログ・記事
  • ワシのVimプラグインは百八式まであるぞ - daisuzu's notes

    ゴールデンウィークなので使っているプラグインをまとめてみました。 とかいって夏休みの宿題を最終日に片付けるような形になってしまっていますが… 都合よく108個あったわけだけど.vimrcでNeoBundleしている順なので 数が大きくなるほど人が遠くに吹っ飛ぶわけではありません。 【プラグイン管理】 1. neobundle.vim これが無いと始まりません。 これだけプラグインを使ってると自動アップデートは必須なのと 起動時にプラグインを読み込まないNeoExternalBundleがかなり便利。 2. vim-pathogen 前はメインで使っていましたが今はvim-ipi用です。 3. vim-ipi NeoExternalBundleで読み込まなかったプラグインを 後から読み込むために使ってます。 Vimの起動時間短縮のためには欠かせません。 【ドキュメント】 4. vimdoc-

    ワシのVimプラグインは百八式まであるぞ - daisuzu's notes
  • 9.売れるランディングページデザインの10の特徴

    ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. ランディングページのデザインは、インターネットの技術の向上に合わせて変遷している。それに伴い、高いコンバージョンを見込めるレイアウトも、めまぐるしく変わっている。 しかし、結局、どのビジネスも最終的には似通ったデザイン/レイアウトに落ち着いていく。 なぜなら、結果を出すランディングページデザイン/レイアウトには、ある一定のルールのようなものが存在するからだ。そして、そのルールに則ってランディングページを作ると簡単に高い数字が出せる。 つまり、ゼロからデザインを考えるのではなく、既に結果が出ることが証明されている成果保証済のレイアウトやデザインを使う方が、遥かに簡単で結果が出やすいのだ。 そこで、近年非常に良く見られるランディングページのレ

    9.売れるランディングページデザインの10の特徴
  • 4月にプログラム始めた人がゴールデンウィークに積んでおく本 - きしだのHatena

    大きく挙げたのは7冊なので、7日の休みで1日1冊ですね! 連休の間に読んでおいて、友達に差をつけよう! うっかり、先輩にも差をつけちゃえばいいと思います。 プログラムを組むとはどういうことか を挙げる前に、まずプログラムを組むとはどういうことかということを考えておきます。 ざっくりとした説明なので、だいたいこういう感じ、だと考えてください。 その上で、どのようなが必要かを考えて、を選んでいきます。 以前描いたものですが、プログラムを作るということと各分野の関係はこのようにあらわせます。 まず、プログラムは最終的にユーザーに使ってもらうためのものです。 ただ、ユーザーはプログラムを直接使うことはできません。プログラムはハードウェアで動かす必要があります。そして、ユーザーインタフェースを介してユーザーが使います。 (ハードウェアからプログラムへの矢印は逆のほうがいいですね) このような、

    4月にプログラム始めた人がゴールデンウィークに積んでおく本 - きしだのHatena
  • WordPressで記事のツイート数だけを取得して表示する方法 | NANOKAMO BLOG

    どうも@kuroji1987です。 先日設置しましたメニューバー下の新着記事サムネイルに、その記事のツイート数を表示してみました! いろんなサイトを見て「いいなぁ」と思っていたのでけっこー感動。いいわぁw ということで、記事のツイート数を取得して表示する方法と、この斜め三角をどうやって作ったかを解説したいと思います! ツイート数の取得方法 参考にしたのはRyuichi Nonaka Graffiti notebookさんのこちらの記事。ここで紹介されているコードをほとんどそのまま使わせて頂きました! あざす! ソーシャルボタン系のカウント数をPHPで取得して表示する | Ryuichi Nonaka 今回はツイート数の表示だけしたかったのでそこだけ利用しましたが、Facebookのシェア数やはてブのカウント表示についても紹介されているので必見ですよ。 ということでまずは以下をfunct

  • Top

    ネットワーク技術が発達した今、インターネットは最早WEBサイトを公開するだけの物では なくなりました。 ネットワークを越えてコンピュータ同士が繋がり、様々なタスクをこなす時代。 オペレーティングシステムはそれを全力でサポートする義務があります。 新たな時代には、新たなOSを作らなければいけません。 ならば、新しいOSはどうあるべきでしょうか? このプロジェクトでは、分散処理が未来のITの鍵を握ると考えています。 分散OS、それがNaiasの目指すものです。

  • 1年目デザイナーに読ませたい配色の考え方を学べる記事

    配色センス0でも大丈夫!?服、インテリア、デザイ... / Webサイト制作において、私なりの色選定の考え方... / 色と人の感覚とウェブデザインのはなし - バニデ...他...全10件

    1年目デザイナーに読ませたい配色の考え方を学べる記事
  • 新卒でも分かる!成果に繋がるWEBサイトの基礎まとめ「5つのステップ」 | SUN MEDIA

    ECサイトを無料で作るオープンソース5選+3! 自社ECサイト制作に必要なパッケージまとめ 38,133 views 良い企画書をマネることから始めよう!大手企業が行うプロモーションの企画書事例まとめ 16,680 views 今更聞けないマーケティングの基礎が勉強できる便利な5サイトまとめ 13,238 views 0.1秒の遅れが、1%の売上に影響する!? ページ表示速度の影響力と改善法まとめ 11,789 views 脱初心者!事業計画書の書き方やテンプレート配布サイト4選 11,336 views 売上アップに必要不可欠!販促企画書のアイデアを貰えるサイト5選 8,667 views あなたのサービスが広まる、エレベーターピッチ! 7,625 views 困った時に使える14パターンの無料名刺デザインサンプルデータ 7,429 views WordPressの導入からデザイン、プラ

    新卒でも分かる!成果に繋がるWEBサイトの基礎まとめ「5つのステップ」 | SUN MEDIA
  • ヴィジュアル要素の表現方法

    ヴィジュアル要素をつくるときに使えるような、表現方法をまとめてみました。 メインビジュアルなどをつくるとき、うまく思いつかず困ってるんだよねーって方の参考になるかな、と思います。 ヴィジュアルの表現方法としては、大きく分けて以下の2種類があります。 ■直接的な表現 人・物・動物・タイポグラフィなどそのものを主役に置いた表現。 ■間接的な表現 抽象的なメッセージを主役に置いた表現。「たとえ」や「見立て」の技法を使う。 今回は、間接的な表現の中でどんなものがあるか、修辞技法をもとにまとめてみました。 言葉だけ聞くと難しく感じるのですが、普段私たちが話し言葉でも良く使っているものですので、理解しやすいと思います。 比喩 直喩法 直喩(明喩、シミリー)とは「(まるで・あたかも)~のようだ(ごとし、みたいだ)」のように、比喩であることを読者に対し明示している比喩である。 「修辞技法」(2011年12

    ヴィジュアル要素の表現方法
  • 5分でわかるCSSグラフィック

    知って得する、Webブラウザ上で利用できるグラフィック関連技術。アニメーションや3Dが表現できる「CSS3」をハックしよう CSSで多彩な表現が可能に 連載では、Webブラウザ上で利用できるグラフィック関連技術を、読み切りの形で、なるべく分かりやすく紹介していきます。第1回である今回はWebの基技術の1つであるCSSで実現するグラフィック表現を取り上げます。 従来のCSSはWebページのフォントやレイアウトを整える機能がほとんどで、「グラフィック技術」というには物足りないものでした。しかし、CSS3と呼ばれる近年の拡張によって、アニメーションや3D表現を含む多彩な画面効果が実現できるものに進化しています。 この記事は、そうしたCSS3のグラフィック関連機能の基的な使用方法をまとめて学習することを目的としています。 ベンダプレフィクスについて CSS3の多くの機能はまだ規格策定段階のも

    5分でわかるCSSグラフィック
  • イイ:モバイル

    2002 年 2 月に開設しましたコムギドットネットは、2009 年 7 月に日初のAndroid端末 HT-03A の発売を機に And... 子供用のスマートフォンにゲームだけを入れて使わせていたのですが、広告をタッチしてアプリを勝手に入れてしまったり広告ページを開いてしまうなどの...

    イイ:モバイル
  • 配色センス0でも大丈夫!?服、インテリア、デザイン、様々な“色使い”を改善するかもしれない『60-30-10 Rule』! | バンクーバーのうぇぶ屋

    配色センス0でも大丈夫!?服、インテリア、デザイン、様々な“色使い”を改善するかもしれない『60-30-10 Rule』! | バンクーバーのうぇぶ屋
  • Youtubeの動画を背景に

    Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

    Youtubeの動画を背景に
  • iTunes Store Web Service Search APIで取得できるアートワーク: point of view point

    iTunes Store Web Service Search APIのアートワークについての考察。アイコンのサイズについて。 取得できる情報は「artworkUrl60」と「artworkUrl100」。それぞれ縦横60ピクセルと100ピクセルのサイズ。名前から想定できるものだ。と思いきや、それが実際は異なるという話から。 確かにアルバムや曲、ムービーのアートワークは想定されるサイズ(ムービーは縦横比が違ったりするものもあるけど、おおむねそのサイズ)。たとえば、こんな感じ(以下、商品アイコンおよび名称はアフィリエイトリンクになってます)。 ご承知のとおり、左がartworkUrl60、右がartworkUrl100(例は山下達郎の「Ray Of Hope」)。 しかし、アプリ(App)のアートワークはそうではない。artworkUrl60については、アプリもその他の商品(アルバム、曲、ム

  • Google公式のAdSense無料ガイドブックがものすげぇ参考になった | ごりゅご.com

    ごりゅご.com

    Google公式のAdSense無料ガイドブックがものすげぇ参考になった | ごりゅご.com