ちゃちゃっとCSSで色々とやりたい時に激しく便利なサイトとまとめ記事 | Flips Blog Web担の小技

2016/03/17 414 users CSSコピペ コピペ 見出し Web担 HTML

Webサイトを作っている時に、ここ便利だなというところをご紹介。 なるべくさくっとやりたいことをコードにする。そんなCSS作成のサポートにピッタリな記事、サイトをご紹介します。 シンプルなHTMLとCSSコピペで実装できるタイトル（見出し）のデザインサンプル 50  とりあえず見出しの作成に悩んだら一回見ておけばいいよっていうやつ。 コピペも大量。すごい便利。 コピペするだけで使えるCSSボタンジ... 続きを読む

【超便利】FacebookがiPhoneやAndroid端末、タブレットやウォッチ、テレビ等のデバイスイメージ画像828個を無料配布 | Flips Blog Web担の小技

2016/01/31 467 users iPhone Facebook Faceboo watch

今まで色々とデバイス系のイメージ画像をご紹介してきましたが、ついにFacebookががつんと各種デバイス画像を無料で配布しだしました。 数も全部で828個とヤバイです。 電話だけでこんなに有ります。 この他テレビとかWatchとかね、色々あるわけですよ。 基本は拡張子sketchと、pngファイルです。 ね、便利そうでしょ？ 全部無料。 是非覚えておきたいところです。 http://faceboo... 続きを読む

2015下半期Webデザイナー、ディレクターなら絶対読んどけっていう厳選記事 | Flips Blog Web担の小技

2015/11/25 441 users Web担 小技 厳選記事

2015下半期Webデザイナー、ディレクターなら絶対読んでおかないと後悔する厳選記事まとめ 0 投稿者: Yamada_nt カテゴリー: Webデザイン · サイト運営のã‚... 続きを読む

【便利すぎ】スマホ、タブレットにも対応のとてつもなく簡単にリモートデスクトップを構築するChrome拡張 | Flips Blog Web担の小技

2015/11/18 14 users 出先 リモートデスクトップ 超絶便利 再起動 拡張機能

出先から自宅のPCにアクセスしたい・・・。 自宅で起動中のゲームを再起動したい・・・。 それもできればスマホからアクセスしたかったり、タブレットからアクセスしたい・・・。 PCのメンテナンス作業をする人とかも超絶便利。 そんな全ての悩みを一発で解決してくれるのが、今回ご紹介する「ChromeRemote Desktop」です。 この拡張機能の優れた点は、GoogleアカウントもっててChrome使... 続きを読む

本当に今さら人には聞けないけど、そろそろ入れて欲しいDropbox（ドロップボックス） | Flips Blog Web担の小技

2015/09/25 15 users Web担 ドロップボックス 今さら人 小技 Evernote

おそらく、多くのフリーランス向けのオススメアプリとして、Evernote（エバーノート）とDropbox（ドロップボックス）の2つは鉄板アプリと呼べるでしょう。 多くの記事を見ても、このふたつが無い記事のほうが少ないです。 今回は、もはやそれほどまでに常識的となってしまったDropboxの便利なポイントについて、今一度ご紹介したいと思います。 Dropboxってなに？ Dropbox 一番の基本と... 続きを読む

配色センスが全くない？それならマテリアルパレットをちょっと使ってみて？ | Flips Blog Web担の小技

2015/07/30 814 users 配色 即座 一色 配色センス Web担

はい、こんな人におすすめです。 この色を選ぶなら次に選ぶべき色は何色がいいのか・・・。 様々な色を使いすぎてダサいウェブデザインに・・・。 色と色が合わなすぎてどうしょうもないデザインに・・・。 マテリアルパレットを使えば、このようなお悩みを即座に解決し、クールでリッチな配色を直ぐにあなたに提供します。 マテリアルパレットはどうやって使うの？ マテリアルパレットは、一色をまず選びます。 決めること... 続きを読む

あなたのデザインインスピレーションを今すぐ解決しますという神コンセプトのウェブサービス「calltoidea」 | Flips Blog Web担の小技

2015/07/29 369 users ウェブサービス カテゴリ分け パーツ ウェブ制作 種類

callto idea というウェブサービスなんですが、かなりいい仕事をしてくれると思います。 これすごいですね。 まとまりかたというかカテゴリ分けも綺麗にされているし、種類もまた凄く豊富です。 そもそも何がすごいかというとウェブ制作でここのパーツつくりたいけど、「あああ、いいアイデアがない！」という状態を、今すぐ解決しますよっていうのがサービス・コンセプトとして掲げられているからです。 実際見て... 続きを読む

2015年の最もよく使われているWebデザイントレンド | Flips Blog Web担の小技

2015/03/24 102 users Web担 Webデザイントレンド 小技 ナビゲーションバー

2015年のWebサイト、Web デザインにおいて、海外で最もよく使われているトレンドについて以下、意訳となります。 特にナビゲーションバーの柔軟な変更や、機能アイコンに関しては、本当によく見かけるようになりました。 是非チェックしてみてください。 Top Web Design Trends for 2015 ゴーストボタン 背景に大きな画像を利用されるケースが増えたという影響もありますね。 ライ... 続きを読む

プレゼンで常に高い平均を維持する私が気をつけている10の実践ポイント | Flips Blog Web担の小技

2015/03/17 61 users プレゼン 配色 スライド Web担 小技

プレゼンシリーズ。 最近しょっちゅう色々なところでプレゼンを行うことになってしまった私ですが、だいたい5段階評価で4.4〜4.7を維持しております。 今回も東京、京都にて、プレゼンの核となる部分をお話しましたが、それ以外に、実際にどんな事気をつけているのかをご紹介致します。 １）プレゼンテキストの配色は3色のみ 色を使いすぎるとスライドに目を奪われる時間が多くなるように感じたため、配色を減らしまし... 続きを読む

成功するブロガー達って人の役に立つ記事を書かなければならないのか？答えはYES以外ない | Flips Blog Web担の小技

2015/02/24 21 users Web担 答え ブロガー達 小技 結論

先月あたりから、ブログ論的な話がブログ界隈で小さく盛り上がっていたんですが、私個人の意見として。 結論をいうと、「ブログは好きなことを書いていくべき論」というのが大多数で、人の役に立つことだけを考えるなんて、続かないし、なんとなくダサい的な意見まで有りました。 ですが、それはやっぱり大きな間違いであって、役にたってなんぼです。 むしろ人の役にもたたず、毒にもならないようなどうでもいい記事は、ゴミ以... 続きを読む

月額、年額サービス用の美しい価格表CSS | Flips Blog Web担の小技

2014/11/21 131 users Web担 月額 小技 年額 CSS

美しい価格表のCSSのご紹介。 海外Claudia Romano氏が作成した無料で使える価格表テーブルです。 月額と年額の切り替え機能が付いているタイプでお探しの方に特にオススメです。 どんなものかというのは以下の動画で。 サンプルデモ HTML <div class="cd-pricing-container"> <div class="cd-pricing-switcher"> <p clas... 続きを読む

色の意味と感情の関係をデザインに表す | Flips Blog Web担の小技

2014/09/17 20 users Web担 感情 小技 意味 デザイン

色についてdesigncrawlから、わかりやすい記事がありましたのでご紹介。 Color Meanings and Emotions – Design Crawl 以下はその意訳です。 はじめに あなたは感情を込めて設計し、その影響を忘れてはいけません。ユーザーが色を見た時に受ける文化や感情は、デザイナーの技術に大きく貢献します。あなたが特定の色に関連付けられている感情を把握することができれば、... 続きを読む

著作権問題｜記事がパクられた時には慌てず騒がずこうして解決してみよう | Flips Blog Web担の小技

2014/08/25 53 users パク Web担 小技 著作権問題

インターネットは今やパクりパクられと言われていますが実はそんなことはなくて、昔からずっとそんな感じです。 しかし、現代の日本のインターネットでは、炎上と盗用利用がカジュアル化しすぎていて、非常にドブ臭い感じになってきおります。Twitterに至ってはもはやどれがオリジナルかなんて審議を問うほうがバカバカしくなるほどに、誰もが気軽になんの悪気もなくパクリまくります。 また、あれだけノーモア映画泥棒を... 続きを読む

プレゼン資料はストーリーと目次から作るとわかりやすく完成する | Flips Blog Web担の小技

2014/07/13 80 users 目次 Web担 プレゼン資料 ストーリー 聞き手

プレゼンに関する色々を15回にわたり、わかりやすく解説する第一弾。 はじめに、プレゼンにおける作成方法において、もっとも重要やポイントの目次について解説いたします。 よくプレゼン資料を作るとき、パワーポイントを真っ先に開く人が居ますが、これでは良いストーリーにはなりません。 まずはパワーポイントより前に、頭の中で、どのような話をして聞き手の注意をひくかを考えましょう。 そしてその流れを書いていきま... 続きを読む

2014年版ブログにトラフィックを集める7つの方法 | Flips Blog Web担の小技

2014/06/30 142 users トラフィック 検索クローラー 水準 Web担 クオリティ

方法というより戦略という言い方があっていますが、非常に参考になる記事があったのでご紹介。 あなたのブログのトラフィックを増やすための7つの戦略 １）品質、クオリティの高い記事 記事のクオリティを一定の水準を維持するように心がけましょうという事です。検索クローラーはクオリティの高い記事を愛する。 訪問したユーザーが、満足すれば、それは検索エンジンがいい仕事をしたということと同義語であり、Google... 続きを読む

Webデザイナーが最低限おさえておきたい時短のためのPhotoshop拡張機能5つ | Flips Blog Web担の小技

2014/06/28 659 users 時短 Web担 最低限 Webデザイナー 小技

フォトショッパーの皆さん、ごきげんよう。Yamadaです。 今回はPhotoshopをお使いの方で、Web制作をされている方なら、是非ともおさえておきたいという便利なプラグインをご紹介致します。 Plasma PhotoshopCS6、CC もはやこの界隈でも有名すぎるほどの破壊力があるプラグインの一つ。 例えば全体的なカラーの一部を赤から青へ、試しに緑へ変えてみるなんてことはしょっちゅうあります... 続きを読む

GoogleChromeが重いとおもったら試すべき事まとめ | Flips Blog Web担の小技

2014/06/22 75 users GoogleChrome キャッシ 毎度毎度 Web担 整理

毎度毎度、気がついたら激重になっているGoogleChromeですが、みなさんいかがお過ごしでしょうか。 ちょっと重いなと思ったらご確認を。これだけでめっちゃ軽くなった！！！という人もいます。 まずは基本の履歴の整理 「閲覧履歴データの削除」をクリックすると以下のようになり、上4つを消してみるといいかもしれません。 閲覧履歴 ダウンロード履歴 Cookieと他のサイトやプラグインのデータ キャッシ... 続きを読む

めんどくさいと思った時がブログのヒット記事を書くチャンス | Flips Blog Web担の小技

2014/05/31 6 users Web担 チャンス キャッチフレーズ 小技 資生堂

タイトルと全く関係ない話を唐突にすることになるんですが、最近テレビのCMでこんな感じのキャッチフレーズが流れました。 小腹がすいたら綺麗になるチャンス 私の脳みそは、なんか妙に変な言葉に反応して、それを記憶し、さらには調べさせようとしたりします。それが原因で生きるのが大変なときもあるのですが、そんな脳みそが最近キャッチしたのがこの言葉です。 これよく出来たコピーですよね。資生堂が出している「つやつ... 続きを読む

CSS3で使われる３Dライダーを導入できるFlux Slider | Flips Blog Web担の小技

2014/05/29 31 users jQueryプラグイン デバイス Web担 動作 若干

3Dスライダーと言われている、通称フリックスライダーを、手軽に導入できるjQueryプラグイン『Flux Slider』。 最大の特徴は枠から若干飛び出すその動きです。 主要ブラウザー全て対応 様々なデバイスに対応 これまでの２Dスライダーにも対応 3Dスライダー対応 必須環境 CSS3対応のブラウザ 上から刻んで回転する動作 本をめくる動作 そのまま立体回転 こんなかんじで色々と面白い動作が可能... 続きを読む

20以上のレスポンシブ対応の無料htmlテンプレート HTML5UP | Flips Blog Web担の小技

2014/05/15 508 users Web担 レスポンシブ対応 小技

レスポンシブWebデザインの無料テンプレートサイト、HTML５UPですが、最初は少なかったテンプレートも現在２１になりました。 また、デザインのクオリティも高く非常に人気の高いサイトとなっていますね。 人気の理由の一つであるCC3.0ライセンス。個人でも、商用でも無料で利用でき、自由に改変も可能という１００％フリーの開放っぷりです。 それでは、色々ある中で幾つかご紹介。 Arcana 様々なカラム... 続きを読む

説得力のあるWebサイトに最も必要な3つの要素 | Flips Blog Web担の小技

2014/05/09 59 users Web担 要素 説得力 小技 Webサイト

よく海外のブログを読みあさっていると、説得力のあるWebサイトについて、どの記事も共通して「オリジナルデザイン」が上げられています。 しかし、日本国内においては、それが最も重要な要素とはなりません。現に、デザインの要素など一欠片もない縦長に文字と画像を押し込んだ縦長テンプレートでも売上は上がっています。 では、一体どのような要素が、説得力に直結しているのでしょうか？ １）購入者の声 最初の要素は、... 続きを読む

ブロガーやウェブサイト運営の為のフリー写真素材のリソース（海外） | Flips Blog Web担の小技

2014/04/19 73 users リソース Web担 ブロガー 小技 ウェブサイト運営

色々なところで利用する写真素材ですが、利用規約によって利用条件がきついものがあったり有料であったりするものも多いです。 そんな中でも、なるべく多くの素材を、無理なく提供してくれるサイトは沢山あります。 今回は私がこっそり利用しているサイトをご紹介致します。 １）Unsplash 日本でもコアな方々には浸透している有名なサイト。 10日に一度10枚の写真を公開するコンセプト。なによりすごいところが、... 続きを読む

見逃してません？ここ最近公開＆アプデされた日本語対応の良質無料フォントまとめ | Flips Blog Web担の小技

2014/03/29 710 users Web担 小技 日本語対応

今年に入り、公開、アップデートされた良質なフリーフォントのご紹介。 もし見逃してたら要チェックです。 刻ゴシックフォント http://freefonts.jp/font-koku-go.html 2014年3月生まれのほやほやフォント。 「刻」シリーズは、漢字に比べて平仮名・カタカナを幅ごと小さくデザインしたフォントです。何行にもわたって組まれた文字列を眺めると、統一感のある美しさに気づかされま... 続きを読む

日本独自に進化したブログのタイトルの付け方に乗り遅れていません？ | Flips Blog Web担の小技

2014/03/11 245 users 昭和臭 Web担 雰囲気 webデザイン 素材集

海外では、いまだ 最高にクールな壁紙20 Webデザインのインスピレーション30 クリエイティブな素材集 いや、日本でもまだまだこうしたタイトルは健在と言えば健在ですが、それだけでは今や昭和臭がすると言われてもおかしくない雰囲気になってきているようにも感じてきました。 もちろん私も時折、恐る恐るこのタイトルをつけることがあるのですが、やっぱり引き寄せるタイトルは進化しているなと感じるようになりまし... 続きを読む

GoogleChromeを使うなら絶対に使うべきスムーススクロール機能付きエクステンション | Flips Blog Web担の小技

2014/03/07 37 users GoogleChrome スムーズスクロール Web担 小技

以前自身のブログでも紹介したことがありますが、もうかれこれ2年前にもなるので、今一度、強くお勧めしたいものがあります。 それが、GoogleChromeの拡張機能でインストール出来る、「Gestures for Google Chrome」です。 このエクステンションは、マウスジェスチャを目的としたものですが、オプション項目の中に、「スムーススクロール」という機能が備わっています。 ※Gestur... 続きを読む