![http://creive.me/archives/5818/](https://cdn-ak-scissors.b.st-hatena.com/image/square/29194d101b09e2b0fa7921cfd3319dedb2bd5220/height=288;version=1;width=512/https%3A%2F%2Fcreive.me%2Fwp-content%2Fuploads%2F2015%2F05%2Fweb00.png)
2015-03-17 マテリアルデザインのためのリソース、フレームワークまとめ デザイン まとめ JavaScript 最近のアプリデザインの注目と言えばマテリアルデザインです。現実世界を投影し、ユーザのストレスを減らすのを目的に作られているのが特徴です。単純にデザインだけでなく、アニメーションを含めることでより高度なデザインとなっています。 そこでマテリアルデザインを手軽に利用するために使えそうなリソース、フレームワークをまとめて紹介します。 アイコン Material Icons Index Material Icons IndexはGoogleがマテリアルデザインを発表した時、一番最初に出てきたアイコン集です。ステータスの変化やアニメーションを考慮して多くのパターンでアイコンが作られています。 Material Icons Index Material Design Fonticon
作成:2014/12/22 Web制作 > 2014年、WPテーマやコーポレートサイト作成時にお世話になったツールと2015年に使いたいツール。素早くコーディングを行うために知っておきたいツールをメモ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ CSS ツール 1.CSS スニペット 2.CSSアニメーションサンプル 3.背景を様々な形に切り抜く ジェネレーター 4.SCSS/CSSに変換するツール 5.CSS フレームワークとチートシート 6.CSS3 アイコン 7.CSS / JS / HTML コード整形 8.レスポンシブ モックアップ作成 9.ブラウザ対応表 SVG / ロングシャドー / ポリゴン作成 10.SVG ブラウザサポート状況確認表 11.SVG ローディングアニメ作成 12.SVG 背景作成ジェネレーター 13.SVG パターン背景
あけましておめでとうございます。じつかわです。ヴォラーレという会社でSEOのコンサルティングを行っております。今年もよろしくお願いいたします。 さて、せっかくの新年なのでSEOの基礎であるキーワード選定の部分を改めて確認してみましょう。 地味でめんどくさく分かりにくいため、ないがしろにされがちな部分ですが、SEOは掛け算です。いくらサイトがしっかり検索エンジン向けに最適化されていても、コンテンツがすごく充実していても、狙うキーワードがずれていたり少なかったりすると、それだけで検索エンジンからの流入機会が減ってしまいます。 今回はそんな「対策キーワードの選び方」を3つのステップでがっつり学んでみましょう。 ▼目次 STEP1.キーワードをとにかく広げる まずユーザのことを理解し、想像する カスタマージャーニーを考える 拡張して考える 自社・競合サイトを見る ツールを使う Google AdW
ちょっと趣向を変えてJavaScriptの情報をどうやって集めているかという話を書きたいと思います。 使っているもの Twitter RSS(feedly) Pocket はてブ TwitterはただフォローしてTL見ていたり検索してたまに見ているだけでリストを作ったりはしてなくて暇な時に見ている感じです。 RSSはこれから紹介するようなサイトとかこの人のブログ面白い!というものだけを登録しています。未読が100件増えると消化する気がどんどんなくなっていくので...。 PocketはTwitter、RSSで気になったものを後で読むためにとりあえず突っ込むのに使っています。 こうすることでRSSはすぐに終わるので、その後で時間があればPocketで読みます。 Pocketに溜まった記事はちょっとした合間に読んだりしていて、たまにまとめて読んだりして消化しています。 今見ると20件くらいあるの
2014年もあとわずかで終わりですね。皆さんはどんな一年でしたか? 私はというと、4月に開業届けを提出してフリーランスとして活動を開始したのもあり、節目となる一年だったように感じます。非常に慌しくあっという間に過ぎ去りました。2015年はもう少し余裕を持って生活したいです。 さて、毎年恒例となっていますが、年の瀬ということで今年もお世話になったGoogle Chrome拡張機能を紹介したいと思います。順番はABC順です。 AdMatrix Analytics 表示しているサイトのSEOをチェックすることができる拡張機能です。被リンクやらキーワード対策について確認することができます。 Always Clear Downloads ファイルをダウンロードした時に、ブラウザ下部に出てくるダウンロード履歴を自動で閉じてくれる拡張機能です。ダウンロードが完了したら、勝手にクリアするので手動で閉じる必
TL;DR 2014/12/01:続編である「最近のサイトで使われていた CSS 小技集」を書きました。 今回は CSS のみで実現できるもの、動きあるエフェクトやこれから使用頻度が高くなりそうなものをメモしておきます。さり気なく使いたい CSS テクニックです。 画像 1.キュレーションサイト風のランキングボタン キュレーションサイトがサイドバーに「よくつけてる」ランキングボタンです。counter-incrementで数値を増加させ、content: counter()でカウンターを表示します。人気の記事を表示させる WP プラグイン等と組み合わせるといいですね。ざっくりとしたソースで申し訳ないです、微調整はお願いします。 html <ul class="sample"> <li><img src="xxx.png" /><span class="post-title">テストテストテ
Comment by PM_ME_MY_FATE みんな入れておいた方が良いと思うGoogle Chromeの拡張機能って何? reddit.com/r/AskReddit/comments/2jsmfp/what_google_chrome_extensions_should_everyone/ reddit.com/r/AskReddit/comments/1sa2gr/what_are_some_must_have_google_chrome_extensions/ Comment by moneymonroe 530 ポイント 僕のお気に入りは「Hola」 どんな国からでもページを閲覧できるようになるしイギリスでアメリカ合衆国のnetflixを使えるようになってネットが快適になる。 Comment by jedieaston 123 ポイント ↑アメリカ合衆国でBBC iPlaye
こんにちは。 10月が始まりましたので、9月中に話題になったWebサービスやアプリを10個ほどご紹介します。 Holiday 「Holiday」は、休日の「お出かけプラン」投稿、共有サービスです。 「休日に何をしよう?どこにいこう?」という悩みを解決するサービスで、インターネット上の情報を参照し、雑誌の1ページのようなおでかけプランを作成することができます。 クックパッドの2014年度の新卒社員5人によって開発されました。サービスもそうですが、「.holiday」というドメインもイケてますね。 Ello Elloは、アンチ・フェイスブックと呼ばれる海外で話題の新興SNSです。 機能に応じた有料課金を収益源とするモデルを目指していて、Facebookのように利用者のデータ収集による広告は一切しないとうたっています。(2014年9月時点は招待制)。 2012年にクローズドなSNSとして始まった
作成:2014/09/1 更新:2014/11/01 Web制作 > 報告が遅れましたが、5月に退社し6月に起業(株式会社コムテ)しました。今までブログにメモしておいたことが、起業や納品に役立った部分もあり、ブログを継続してよかったと思います。ブログを見てくださっている皆様、ご紹介させていただいたサイト運営者様、応援して下さっている皆様には心よりお礼申し上げます。経営や制作の部分ではまだまだ未熟ですが、今後ともご指導ご鞭撻のほど、よろしくお願いします。 今回は「Web制作で使いたい」jQueryプラグインやスクリプトなどをまとめました。WordPressテーマを作るときに使うもの、検索でヒットしにくいプラグインも多数ご紹介。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 動画 1.動画をブラウザの背景全体に再生させる 2.動画を綺麗に表示させる WP管理画面
2014年も、早いもので残り5ヶ月になりました。今回は、2014年上半期に話題になったサービスをまとめました! 1、Flappy Bird かわいい鳥が土管の隙間をくぐり抜けるというシンプルなゲーム。ベトナムの個人開発者が運営しており、のんびりしてもらうために作ったゲームなのに、逆にゲームのためにのんびりできないのが心苦しいとゲームが削除され、大きな話題になりました。 2、note 文章、写真、イラスト、音楽、映像などの作品を投稿して、クリエイターとユーザーをつなぐことができるウェブサービスです。つくった作品を通常のブログやSNSなどと同様に無料で公開することができ、売買することも可能である。 3、SPIKE メタップスが発表した手数料無料の決済サービス。クレジットカード決済機能のついたリンクを作成することで、手軽に決済を実現できるサービス。 4、bento.jp スマートフォンのボタン1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く