タグ Flips Blog
人気順 5 users 10 users 50 users 500 users 1000 usersちゃちゃっとCSSで色々とやりたい時に激しく便利なサイトとまとめ記事 | Flips Blog Web担の小技
Webサイトを作っている時に、ここ便利だなというところをご紹介。 なるべくさくっとやりたいことをコードにする。そんなCSS作成のサポートにピッタリな記事、サイトをご紹介します。 シンプルなHTMLとCSSコピペで実装できるタイトル(見出し)のデザインサンプル 50 とりあえず見出しの作成に悩んだら一回見ておけばいいよっていうやつ。 コピペも大量。すごい便利。 コピペするだけで使えるCSSボタンジ... 続きを読む
【超便利】FacebookがiPhoneやAndroid端末、タブレットやウォッチ、テレビ等のデバイスイメージ画像828個を無料配布 | Flips Blog Web担の小技
今まで色々とデバイス系のイメージ画像をご紹介してきましたが、ついにFacebookががつんと各種デバイス画像を無料で配布しだしました。 数も全部で828個とヤバイです。 電話だけでこんなに有ります。 この他テレビとかWatchとかね、色々あるわけですよ。 基本は拡張子sketchと、pngファイルです。 ね、便利そうでしょ? 全部無料。 是非覚えておきたいところです。 http://faceboo... 続きを読む
2015下半期Webデザイナー、ディレクターなら絶対読んどけっていう厳選記事 | Flips Blog Web担の小技
2015ä¸åæWebãã¶ã¤ãã¼ããã£ã¬ã¯ã¿ã¼ãªã絶対èªãã§ãããªãã¨å¾æããå³é¸è¨äºã¾ã¨ã 0 æ稿è : Yamada_nt ã«ãã´ãªã¼: Webãã¶ã¤ã³ · ãµã¤ãéå¶ã®ã... 続きを読む
配色センスが全くない?それならマテリアルパレットをちょっと使ってみて? | Flips Blog Web担の小技
はい、こんな人におすすめです。 この色を選ぶなら次に選ぶべき色は何色がいいのか・・・。 様々な色を使いすぎてダサいウェブデザインに・・・。 色と色が合わなすぎてどうしょうもないデザインに・・・。 マテリアルパレットを使えば、このようなお悩みを即座に解決し、クールでリッチな配色を直ぐにあなたに提供します。 マテリアルパレットはどうやって使うの? マテリアルパレットは、一色をまず選びます。 決めること... 続きを読む
あなたのデザインインスピレーションを今すぐ解決しますという神コンセプトのウェブサービス「calltoidea」 | Flips Blog Web担の小技
callto idea というウェブサービスなんですが、かなりいい仕事をしてくれると思います。 これすごいですね。 まとまりかたというかカテゴリ分けも綺麗にされているし、種類もまた凄く豊富です。 そもそも何がすごいかというとウェブ制作でここのパーツつくりたいけど、「あああ、いいアイデアがない!」という状態を、今すぐ解決しますよっていうのがサービス・コンセプトとして掲げられているからです。 実際見て... 続きを読む
2015年の最もよく使われているWebデザイントレンド | Flips Blog Web担の小技
2015年のWebサイト、Web デザインにおいて、海外で最もよく使われているトレンドについて以下、意訳となります。 特にナビゲーションバーの柔軟な変更や、機能アイコンに関しては、本当によく見かけるようになりました。 是非チェックしてみてください。 Top Web Design Trends for 2015 ゴーストボタン 背景に大きな画像を利用されるケースが増えたという影響もありますね。 ライ... 続きを読む
月額、年額サービス用の美しい価格表CSS | Flips Blog Web担の小技
美しい価格表のCSSのご紹介。 海外Claudia Romano氏が作成した無料で使える価格表テーブルです。 月額と年額の切り替え機能が付いているタイプでお探しの方に特にオススメです。 どんなものかというのは以下の動画で。 サンプルデモ HTML <div class="cd-pricing-container"> <div class="cd-pricing-switcher"> <p clas... 続きを読む
2014年版ブログにトラフィックを集める7つの方法 | Flips Blog Web担の小技
方法というより戦略という言い方があっていますが、非常に参考になる記事があったのでご紹介。 あなたのブログのトラフィックを増やすための7つの戦略 1)品質、クオリティの高い記事 記事のクオリティを一定の水準を維持するように心がけましょうという事です。検索クローラーはクオリティの高い記事を愛する。 訪問したユーザーが、満足すれば、それは検索エンジンがいい仕事をしたということと同義語であり、Google... 続きを読む
Webデザイナーが最低限おさえておきたい時短のためのPhotoshop拡張機能5つ | Flips Blog Web担の小技
フォトショッパーの皆さん、ごきげんよう。Yamadaです。 今回はPhotoshopをお使いの方で、Web制作をされている方なら、是非ともおさえておきたいという便利なプラグインをご紹介致します。 Plasma PhotoshopCS6、CC もはやこの界隈でも有名すぎるほどの破壊力があるプラグインの一つ。 例えば全体的なカラーの一部を赤から青へ、試しに緑へ変えてみるなんてことはしょっちゅうあります... 続きを読む
20以上のレスポンシブ対応の無料htmlテンプレート HTML5UP | Flips Blog Web担の小技
レスポンシブWebデザインの無料テンプレートサイト、HTML5UPですが、最初は少なかったテンプレートも現在21になりました。 また、デザインのクオリティも高く非常に人気の高いサイトとなっていますね。 人気の理由の一つであるCC3.0ライセンス。個人でも、商用でも無料で利用でき、自由に改変も可能という100%フリーの開放っぷりです。 それでは、色々ある中で幾つかご紹介。 Arcana 様々なカラム... 続きを読む
見逃してません?ここ最近公開&アプデされた日本語対応の良質無料フォントまとめ | Flips Blog Web担の小技
今年に入り、公開、アップデートされた良質なフリーフォントのご紹介。 もし見逃してたら要チェックです。 刻ゴシックフォント http://freefonts.jp/font-koku-go.html 2014年3月生まれのほやほやフォント。 「刻」シリーズは、漢字に比べて平仮名・カタカナを幅ごと小さくデザインしたフォントです。何行にもわたって組まれた文字列を眺めると、統一感のある美しさに気づかされま... 続きを読む
日本独自に進化したブログのタイトルの付け方に乗り遅れていません? | Flips Blog Web担の小技
海外では、いまだ 最高にクールな壁紙20 Webデザインのインスピレーション30 クリエイティブな素材集 いや、日本でもまだまだこうしたタイトルは健在と言えば健在ですが、それだけでは今や昭和臭がすると言われてもおかしくない雰囲気になってきているようにも感じてきました。 もちろん私も時折、恐る恐るこのタイトルをつけることがあるのですが、やっぱり引き寄せるタイトルは進化しているなと感じるようになりまし... 続きを読む
あぁこれがパララックス効果の使い方かと納得のパララックスWebデザイン7つ | Flips Blog Web担の小技
今回は、パララックス効果を用いた結果、口コミで広がり、海外でもわりと多くのシェアを誇るサイトを7つご紹介。 実は2014年のトレンドの一つとして、海外では 表示速度をあげる 六角形(蜂の巣) 軽量化 最小限 モバイルファースト コンテンツ最優先表示 というのが上げられていまして、もしかすると今年パララックスは減少傾向になると予測されています。 しかし、コンテンツ最優先表示では、いまだパララックスが... 続きを読む
2013年の4大人気Webデザインのトレンド | Flips Blog Web担の小技
2013年も終わりを迎えそうですが、日本のWebはどのようなWebデザインのトレンドを歩んできたのでしょうか。今年を振り返って、みてみましょう。 1)フラットデザイン 今年のトレンドといえばと聞かれたら、誰がなんといってもフラットデザインでしょうか。 それが素晴らしいかどうかは別としても、多くのデザイナーがチャレンジしているジャンルですよね。嫌う人もいますけど。 定義に付いてはここで詳しくはふれま... 続きを読む
各種パーツごとにWebデザインを色々見たい人の為のまとめサービス色々|レスポンシブ・ヘッダー・フッター・サイドバー・ロゴ等 | Flips Blog Web担の小技
今回は、WebデザインのインスピレーションをまとめたWebサイトをご紹介。 2012年から、結構色々なところで紹介されている有名ドコロではありますが、それぞれ、特徴的な部分をもったサイトのみをピックアップ致します。是非デザインに迷ったら参考にしてみてくださいね。 レスポンシブWebデザインのまとめサービス http://responsive-jp.com/ レスポンシブWebデザインがまとまってい... 続きを読む
今度こそ3日で覚えるパワーポイントテクニック集、デザイン、表現力アップまとめ | Flips Blog Web担の小技
3日坊主で終わる人に 3日以上かかる資料はいらない! そんなわけで、3日以内にある程度パワーポイントをマスターし、素人企画書やダサイPOPをこえ、「やるな」と思わせるものを作れるようになりましょう。とにかくダサいパワポを卒業したいという人へ。 1.基本的レイアウトに関する考えや、配色の起き方 パワーポイントで綺麗なPOPを作ってみよう【1・基本とメニュー編】 編集部お勧めの記事。 POPの作り方な... 続きを読む
週末に一気にプレゼンの極意を学べる良記事、スライド、動画まとめ | Flips Blog Web担の小技
プレゼンが迫っている方。 もしくはこれからプレゼンが発生する予定のある方。 そんな方には是非週末を利用して以下の記事やスライドを確認してみてください。個人的にすごく参考になったものをまとめておきますので、興味のある方は是非! サクッと読める鉄板3エントリ 人前で話すのが苦手な人に効くバスガイド式トーク術 個人的に最もおすすめしたいエントリ。短くてわかりやすく、受け入れやすいです。 まずは心構えから... 続きを読む
国内人気のクレジット不要、商用利用可の無料素材サイト24+シェアランキング | Flips Blog Web担の小技
国内無料素材サイトは数多くあります。 とくにクレジット表記不要という、リンクや連絡不要の素材サイトは、その利便性から非常に人気です。(収益性がその分ないため、将来不安な要素もあります) さらに、今回は、クレジット表記不要+商用利用も可能なサイトに限定し、ご紹介致します。 今回のテーマであるシェアランキングの集計についてですが、Google検索で素材を検索すれば無数のまとめサイトや、まとめ記事があり... 続きを読む
タイプ別、サイトやブログにガンガン人を呼び込むためにするべきWebの法則 | Flips Blog
ホームページ、Webサービス、ブログ、ソーシャルメディアなど、様々な媒体を通してユーザーとのコミュニケーションをはかり、多くの顧客に満足を頂いたり、見込み客の集客効果をあげるなど、様々な方法をご紹介致します。 名刺と同様の価値を持つ企業の顔タイプ 0と1では大きな差があります。気になった企業の名前は現在多くの人が検索します。 そんな時にまだサイトがないの?と言われないためにも必要とされます。 僅か... 続きを読む