レスポンシブデザインにすぐ使える！すごいアイデア30個 | コリス
サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。 レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet looks like in 2016 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 01. 空白スペースを効果的に使う 02. ロゴの配置を一貫させる 03. 縦置きと横置きを考慮したデザイン 04. 縦長スクロールページの素晴らしいアイデア 05. 指のタップに合わせた形と大きさ 06. レイアウトにレスポンシブ用の微調整 07. 一行
国内でよく使われてそうなwebサービスのアイコン３０個をIllustrator用ベクターとwebフォントで作ったので配布します。 | KYOPPI
需要があるかはわかりませんが、国内でよく使われてそうなwebサービスのアイコン３０個をIllustrator用ベクター(CS5以上)とwebフォントでつくったので配布します。ほんとwebデザインのウの字も出てない当ブログで脈絡なく唐突に素材配布です。 ダウンロードファイルには以下の３０個のサービスのアイコンが含まれてます。 amazon、ask.fm、dropbox、evernote、facebook、feedly、flickr、Google、goole+、gree、Gunosy、hulu、instagram、lastfm、LINE、mixi、NewsPicks、ニコニコ動画、pinterest、pocket、楽天、Skype、soundcloud、twitter、Vine、wikipedia、wordpress、Yahoo、YouTube、はてなブックマーク チョイスは完全に自分の気分で
無料で商用利用できる161種類のSVG形式のアイコンパック「GlyphPack」
同じウェブサイトでもデバイスによってデザインが崩れていたりすると、複数のデバイスを使い回すマルチタスクユーザーにとっては地味ながらストレスに感じるもの。そんなマルチデバイス化が必要なウェブデザインのアイコンにおいて、どんなサイズにしても劣化させずに使えるSVG形式で、無料かつ商用利用も可能というベクターアイコンパックが「GlyphPack」です。 GlyphPack - The Most Indispensable Web Font Icon Pack http://glyphpack.com/ GlyphPackは無料で商用利用も可能、どんなデバイスでも劣化せずに簡単に使えるSVGアイコンパック。今後のアップデートで新しいアイコンが追加されることもあるとのこと。さまざまな用途に対応可能な「アプリケーション」「エラー」「メディア」「ファイルタイプ」「ナビゲーション」「SNS＆ブランド」のア
プレゼン資料やブログに使える、無料で商用利用可能なイラスト素材サイト15選
プレゼン資料やブログ記事などを作成していて「ここにちょっとイラストがほしいなー」と思ったりしたときに重宝する、無料で商用利用可能なイラスト素材を配布しているサイトを集めてみました。 1. イラストAC イラストがすべて無料 「イラストAC」 2. ほらぱれっと 無料イラスト素材集ほらぱれっと / フリー＆商用可TOPページ 3. ピクト缶 商用利用可のベクターイラスト素材集「ピクト缶」 4. ガーリー素材 ガーリー素材 | 無料フリーイラスト素材配布サイト 5. ストックマテリアル 商用可能な無料(フリー)のイラスト素材ならストックマテリアル 6. 無料素材倶楽部 アイコン・イラストフリー素材画像-無料素材倶楽部 7. エムスタジオ 商用利用/加工利用可能な無料フリーイラストアイコン素材 -エムスタジオ 8. クリップアートファクトリー クリップアートファクトリー | 全部無料で使えるテン
最近のウェブデザインのトレンドを取り入れたページレイアウトのPSD素材のまとめ
ただ見ているだけでもその美しいレイアウトに惚れ々々してしまう、最近のウェブデザインのトレンドを取り入れたウェブページやスマフォページのPSD素材を紹介します。 PSDが全部ダウンロードできるので、実用にも勉強にも役立ちます！
【今更】あれだけ流行ったテキストサイトが何故廃れたのか考えてみる【考察】 | オモコロ
その昔、インターネットにはテキストサイトというものが存在した…。今更だけど、何故テキストサイトが廃れたのか考えてみよう！ 本日のオモコロ特集は「テキストサイト」についてであります。 普段の記事と完全に毛色が違うので飛ばしても良いかも知れません。 「テキストサイトについて書きたいなぁ」という気持ちは以前から持っていて、 ずっとタイミングを見計らっていたのですが、 「テキストサイト」という言葉自体を知らない人も増えてきているでしょうし、 オモコロが産まれるきっかけにもなっている出来事なので、 僕の青春の備忘録という意味も含めてそろそろ書いておきたいと思います。 ちなみにめちゃくちゃ長文です。 【第一章】テキストサイトの歴史 １：テキストサイトの誕生（１９９０年代後半～） とは言っても、「テキストサイトって何ぞや？」みたいな人もたくさん居ると思いますので、そういった人々の為に「テキストサイト」に
ロゴジェネレーター（googleロゴジェネレーター、アニメのロゴジェネレーターなど）
無料で使えるタイトルロゴジェネレーター（ジェネレータ）まとめ ネット上で簡単にロゴを作成できるサイトをご紹介します。ここで紹介しているものは全て無料ツールで会員登録などが不要で使えるものなので、お気軽にお試しください。 ロゴジェネレーターは著作権の関係で公開が停止することもよくあります。その点ご了承いただければと思います。 あの企業・サイトのようなロゴを作成！ amazonっぽいロゴを作る amazon logo maker amazonのロゴはaからzに向けて矢印が描かれています。これはaからzまで何でも揃うという意味を込めているそうです。（笑った口に見えるという意見も多いですが…） （作り方） ボックスの中にロゴにしたい単語を入力する。※アルファベットのみ。日本語は入力できません。 ↓ 「make」ボタンを押す。 ↓ ※画像をそのまま右クリックで保存はできないので、画面キャプチャーで保
美しいUIエレメントが100種類以上！次のプロジェクトに役立つインターフェイス用の素材 -Flatic UI Kit
数がすごいだけでなく、そのクオリティも素晴らしく、商用サイトでもそのまますぐに利用できるUIエレメントが揃ったPhotoshopのPSD素材を紹介します。 単に使用するだけでなく、デザインのバリエーション、エレメントの展開など、勉強にも役立ちます。
今更現場では聞けないWebデザインのトレンド「フラットデザイン」とは？*ホームページを作る人のネタ帳
Webデザインの分野では、2012年半ばより、フラットデザイン化の流れが止まらない。 Webデザインにおける2013年のトレンドは？と聞かれれば、間違いなく多くのデザイナーが「フラットデザイン」と答えるでしょう。 Windows8におけるメトロUIが、代表的なフラットデザインとなっていますが、 iOS 7ではUIとアイコンデザインを一新? "フラット化"が進む - 海外報道でもふれられている通り、Appleまでもがフラット化の道をたどっているのではないかという噂まであります。 そんなわけで今回はトレンド「フラットデザイン」についておさらいして行きましょう。 フラットデザインとは？ 一応定義があるわけではないのですが、指標のようなものはあります。 従来のように影や装飾などで、立体的なWebデザインを行うものと対照的に、装飾や影などを極限まで省き、平面デザインにすることです。 ポイントはいくつ
約400種の欧文フォントが全部無料（商用可）でWebFontも使えちゃうFont Squirrelって素敵 / Maka-Veli .com
もう数年前にコリスさんやCREAMUさんで紹介されてましたが、恥ずかしながら知らなかったです。こんなに素敵なサイトがあったなんて。 最近DesignModoで紹介されていたので知りました。 すげー関係無いけどCREAMUさんのブログ超好きです 全部フリー 基本的には全て商用可。だそうです。 100% Free For Commercial Use. ただしフォントそれぞれにライセンスはあるので一応、要確認。 とても探しやすく、種類も豊富。400近くはあるんじゃないでしょうか？ 個人的には探しやすい点がとても気に入りました。 そしてもう一つ素敵なコンテンツがあったのですが Webfont kit がDLできる。そして作れる。 うちのサイト名やナビゲーション等に@font-faceでLeague Gothicを使ってますが、この@font-faceでwebfont使う時に必要な
SEOを知るためにチェックしておきたいGoogleの公式ドキュメントまとめ
SEOについて学ぶための書籍やブログなどは多数あり、それぞれ内容も充実しているのですが、あわせてGoogleによって公開されているドキュメントを読んで見ることをおすすめします。 この記事では、Googleによる公式ドキュメントをまとめて紹介します。 １．検索の仕組み 検索の仕組み – 検索サービス – Google どのようにGoogleが動いているのか仕組みが解説されています。 クロール、インデックス、アルゴリズム、スパム対策、ポリシーとそれぞれ解説されているのですが、どれも外せない要素です。 以下のようなインフォグラフィックスも用意されています。（クリックすれば該当のページに飛びます） さらに検索のアルゴリズムがどう実装されているかが説明されています。41,831件の検索評価担当者のフィードバックから、テストを繰り返して、実際に実装されるのは538件とのことです。2011年度の実績値だ
無料で利用できるGoogleやMicrosoftの高品質なストックフォト
無料で利用できるGoogleやMicrosoftの高品質なストックフォト ストックフォトは主にプロの写真家によって撮影された写真で、素人のそれとはやはり質が違うため有料のものがほとんどでそれだけの価値のある写真です。 その性質上、商用利用の業務色が強く比較的一般ユーザーには馴染みが薄いということがあるものの、一般ユーザーが自分のブログや創作活動にも上質な写真素材を利用したいという需要は少なくないと思います。 GoogleやMicrosoftでは自社サービスの付加価値を高める一環として、このようなストックフォトの無料提供を行なっており、一般ユーザーにとっては非常にお得な情報なので紹介してみたいと思います。 まずはGoogleからですが、こちらはGoogleドライブに統合されているGoogle Docsから利用できるようになっています。 Google Docsでドキュメントを作成し画像挿入から
ブロガーよ欲を満たせ！ブログのアクセスアップだ。今すぐ1万超PVを狙え！
【特集】アクセスアップに有利なWordPressテーマはいかが？ SEO対策や収益化に有利なWordPressのテーマがあれば教えてほしい。 そんな声にお応えしました。 たくさんあるWordPressテーマの中から本気でおすすめできる5つを紹介。 選び方もお伝えします。 続きはこちらへ ブログのアクセスアップにお悩みのあなた。 専門知識は不要。お金も一切かけません。 そんなアクセスを激増できる方法があるとしたら、知りたくないですか？ 実は7年以上も続くこのブログ。 始めたばかりの頃は、1日平均、わずか「0〜4人」しかアクセスがなかったのです。 そんなお寒い状態が続いていたこのブログに、なんとたった1回の更新で15,000以上のアクセスを集めた方法があるんです！ その方法を今回は初心者さんでもマネできるように、徹底的に詳しくお伝えしていきたいと思います。 ただ闇雲に記事を書き続けてもアクセス
商用・無料で利用できる国内フリー写真素材24サイト 2012年10月版 | 56docブログ
定期的にチェックしてないとリンク切れとかあるんでその辺の確認かねて国内の無料画像素材まとめておきます。定番サイトも多いですが未読のものがあれば参考に。 利用条件の概要について併記しますが、実際に利用するにあたっては各サイトにていま一度確認してからお願いいたします。
参考にしたい日本人クリエイターのポートフォリオサイト 40
Warning: Use of undefined constant more_link_shrarp_remove - assumed 'more_link_shrarp_remove' (this will throw an Error in a future version of PHP) in /home/users/1/limeline/web/nnmal/wp-content/plugins/more_link_sharp_remove/more_link_sharp_remove.php on line 16 Warning: Use of undefined constant ddsg_language - assumed 'ddsg_language' (this will throw an Error in a future version of PHP) in /ho
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
Flipsblog.jp
新着記事
あなたの知らないグーグルのツール集
イケてるばあちゃんによるfleetwood mac「I Need Your Love So Bad」ギタープレイ | 業務日報 RockMusicStore
