マテリアルデザインをWEBで再現できるコンポーネント「Material Design Lite」を試してみる
数日前にGoogleがマテリアルデザインをWEBで再現できるHTML/CSS/Javascriptコンポーネント「Material Design Lite」を公開しました。テンプレートやサンプルコードを利用してガイドラインに沿ったWEBサイトが作成できるようになります。 マテリアルデザインの作成キットをGoogle公式が発表 マテリアルデザインとはGoogleが2014年6月に発表した、Android5.0から使用されているデザインガイドライン。要素の重なりや階層を影や滑らかな動きで再現します。ユーザーが要素を選択した時に波打つ表現など、心地良いアニメーションがあらゆるところに実装されています。 このマテリアルデザインに惚れ込み、当サイトも俺流にパクってきた「待てリアルデザイン」ですが、これを利用すれば本物のマテリアルデザインに近づけます。 要素の形が境目なく変化していくアニメーションなど
[格安SIMレビュー] フリーテルを選んだ５つの理由 – ねとたす
通信速度が速い！とネット評判の格安SIM・FREETEL（フリーテル）に乗り換えました。 夫婦２人の携帯代、月額2200円！安っ!! フリーテルを選んだ理由とあわせて、フリーテルSIMの通信速度や契約の手続き方法、注意点などをまとめました。キャリア携帯でもSIMロックを解除して、格安SIM使えば携帯代めちゃくちゃ安くなりますよー。 格安SIM・フリーテルの通信速度レビューこれまでdocomoとIIJmio（みおふぉん）を使っていたのですが…全部解約して、FREETEL（フリーテル）に乗り換えました。 ネットの評判通り、めっちゃ速い！遅いだろ…と思うかもしれません。でも時間帯をご覧ください。MVNOの格安SIMは昼休み時間帯と夜間、多くの人がネットを使う時間帯は通信速度が遅くなる傾向があるんです。その中でこの速度はかなり優秀です。 どの時間帯でも快適に通信できるのがすばらしい！ダウンロード速
![[格安SIMレビュー] フリーテルを選んだ５つの理由 – ねとたす](https://cdn-ak-scissors.b.st-hatena.com/image/square/b920b67c86c43615e5f5a839dd6a806ea9520563/height=288;version=1;width=512/https%3A%2F%2Fnetotas.net%2Fwp%2Fwp-content%2Fuploads%2F2016%2F04%2Fsim-free-freetel-eye.jpg)
激動するフリマアプリ市場のこれまでとこれから － メルカリは世界を獲れるのか | EC業界ニュース・まとめ・コラム「eコマースコンバージョンラボ」
激動するフリマアプリ市場のこれまでとこれから － メルカリは世界を獲れるのか ここ数年で急激な成長を見せ、EC業界に大きな影響を与えているのがメルカリなどを代表とするフリマアプリだ。個人間で気軽に売買ができるフリマアプリは、メルカリの他にも、Fril、LINE MALL、ショッピーズなど様々なものがある。今回は、フリマアプリ市場の過去を振り返り、これからを考えていく。 フリマアプリとC2Cサービス フリマアプリとは個人間でモノを売買するスマホアプリのこと。フリーマーケットを行うアプリというニュアンスとなる。また個人間売買（Consumer to Consumer）を行うサービスをC2Cサービスと呼ぶため、フリマアプリもC2Cサービスとなり、今やそのC2Cサービスの代表格となっている。 オンラインでのC2Cビジネスの市場規模は2015年度には3.4兆円と（前年度比21%増）なるとも言われて（
Material Design Lite
Blog A mobile focused responsive template that showcases image or text based blog entries, a subscription CTA, search & share links, and an expanded article page with comments, counters and bookmarking capabilities built-in. file_download Download arrow_forward Preview Android.com MDL skin A Material Design Lite version of the current android.com site, using the same content with a horizontal navi
SEO対策の「成果」を確認する方法 | ねとたす
あなたのサイト、SEO対策で「成果」でてますか？ metaタグにキーワードを入れてだけ、SEO対策のハウツー記事を見て表面上真似ただけ…のSEO対策をしたつもりの人が多いのではないでしょうか？ ということで、本当に効果的なSEO対策ができているか確認する方法と対策の注意点をまとめたいと思います。（月間PV100万以下のサイトを想定してます） SEO対策ができているかチェックする方法 SEO対策ができているか？だれでも簡単に確認できる方法を紹介しましょう。 ＣＶ率の変化で成果判定…というと難易度が上がってしまうので、シンプルに！Googleアナリティクスなどアクセス分析ツールでPV数やユーザー数の推移を確認してみましょう。 1日単位にすると曜日変動が入ってしまうため、最低でも1週間単位、できれば1ケ月単位でPVの推移をみてみましょう。すると一目で傾向が分かります。 広告で集客している場合、ユ
Bootstrap テンプレートは使うべきではないと思う - ボクココ
最近のはてぶITカテゴリーにしょっちゅう出てくるデザイナー向けBootstrap テンプレート。ペラ１のサイトのコードとDEMOが付随しているので文言を変えるだけで簡単にクールなwebサイトを作ることができる。例えばこんなまとめサイト。 商用も無料！Bootstrapをベースに最近のトレンドを取り入れた新作テンプレートのまとめ | コリス 読んだ人はきっと、「今後作るときはこういうのですぐ作れればいっか！」みたいな感じではてぶ登録するんだろうけど、実際にやってみた身としては逆に効率が悪くなった。なのでこういうのは使うべきではないと思っている。 その唯一の理由。 ちょっと変えるのが大変 最も大きな理由はこれ。自分でCSSを組み立ててないのでどんなCSS設計になっているかを理解するのに時間がかかり、逆に時間が取られるというオチ。 数ページ分くらいなら自分で一から組み立てていったほうが早かったと
人口の半数がFacebook利用？2016年、東南アジアのFacebookユーザー数、年齢層、性別データまとめ « 株式会社ガイアックス
今日、スマートフォン普及率の急増により、企業のWEB担当者や広告主から注目が集まる東南アジア。ラボ編集部も、以前モバイルユーザー数やアプリをこちらでまとめました。 本記事では、東南アジア諸国のFacebook利用状況にぐっとフォーカスし、Facebookユーザー数や年齢層、性別などをインフォグラフィックスを使ってまとめました！ 参照： we are social「Digital in 2016（http://wearesocial.com/uk/special-reports/digital-in-2016）」 ■目次 1.インドネシア 2.シンガポール 3.タイ 4.マレーシア 5.ベトナム 6.フィリピン 7.まとめ 1.インドネシア ●Facebookユーザー数 ・インドネシアの人口：2.59億人 ・Facebookユーザー人口：7900万人（国内人口の30%） <参考> ・日本の人
【jQuery】画像、動画、ボックス要素をポップアップで表示させる［Lity］の使い方。
画像や動画をポップアップで表示させるJavaScriptのプラグインで、特に有名なものでは［LightBox］が挙げられます。 ここで紹介する［Lity］は［LightBox］と同じように使えるjQueryプラグインで、レスポンシブにも対応済み。またデータ容量も4KB未満と軽量で気軽に導入できる点が魅力です。 その実装方法ですが、まずは公式配布サイトより必要なファイルをダウンロードしてきましょう。 ［Lity］：公式サイト いくつかのファイルが梱包されていますが、このうち使うのは「lity.min.css」と「lity.min.js」の２つのファイル。 当然ですが［Lity］はjQueryに依存していますので、jQuery本体のスクリプトも必要です。 lity.min.css lity.min.js jquery.js これらのファイルをHTMLの <head>～</head> 内で読み込
火も包丁も使わずできる！「牛肉のコショウ干し」が間違いなく美味い | feely[フィーリー]
TwitterでGW（@GWGW）さんがツイートしていた「牛肉コショウ干しの作り方」が非常にわかりやすく、何より間違いなく美味いに違いないのでご紹介します。 牛肉コショウ干しの作り方を図解。 なんということでしょう…火も包丁も使わない！ 3週間後の見た目はこれ食べて大丈夫？っていう感じだけど、とりあえず切ってみよう。 乾燥して体積が減るので500ｇで作ってもあっという間に無くなるよ。 pic.twitter.com/huVURfhj9G — GW (@GWGW) 2015, 2月 11 材料 1.牛肉（赤身）のかたまり（おすすめは500g以上のモモ肉） 2.塩（1全体にまぶせるくらい） 3.砂糖（2の1/3〜1/4の程度） 4.黒コショウ（たくさん※お好みで） なんと材料はたったこれだけ！すぐにでも作れますね。 作り方（詳しくは画像参照） 1.肉をよく洗って、キッチンペーパーで水をしっかり
![火も包丁も使わずできる！「牛肉のコショウ干し」が間違いなく美味い | feely[フィーリー]](https://cdn-ak-scissors.b.st-hatena.com/image/square/19609808ed36cadc9f100663951dcc56f6ce731a/height=288;version=1;width=512/https%3A%2F%2Ffeely.jp%2Fwp-content%2Fuploads%2F2015%2F02%2FB9htLeKIYAEgrBn.png)
次のステップ？英語の発話が出てきた後の話 - 働くママの育児両立ブログ
こんにちは、まぁのです。 娘の英語スキルですが、前回書いた二語文を話した事を境目に英語がぽろぽろ文になって出てきました。 前回の二語文の話はこちら nikonikohaha.hateblo.jp 「What's this? 」 「Look at me ！Mom！！」 まだ英語苦手な私が分かるくらい簡単な英文です。（たまに単語が聴き取れなくて分からないけど！） そして、なぜか今まで”Yummy”しか使っていなかった食事時の表現がこの頃、”tastes good”になってきました。娘曰く、「ストロベリー（娘のお気に入りアニメ「ストロベリーショートケーキ」の事）でチェリーちゃんが使ってたから私も使う」との事。 憧れのキャラの影響ってすごい！ あと、”Mom”と娘が呼べば、どんなに忙しくても反応するようにしたら、積極的に使うようになってきました。娘は、”Mom”と呼んだ後に宇宙語のような英語（？）
WPブログ内で人気記事ランキングを固定ページや記事として表示する方法
WordPressでウィジェットとして人気記事ランキングを表示するのは、WordPress Popular Postsというプラグインをインストールすればすぐだけど、それを固定ページや投稿（記事）ページとして掲載する方法は、関連記事も見つからず、作成に悪戦苦闘させられました。 以下、一応その方法が分かったので共有したいと思います。 人気ランキングページのデモページ まずは、実際どのようになるかをこのブログで実践しているので、ご覧ください。 人気記事ランキングBEST30 どうでしょう？ 普通に１つのページとして成立していると思います。 では、このページをどうやって作るかというと以下のようにします。 WordPressで人気記事ランキングを記事として掲載する方法 手順は至って簡単。3ステップ！ WordPressにプラグインWordPress Popular Postsをインストール 人気記
「ベビーサイン」をやると育児が10倍くらい楽しくなったぞー！ - 子育てブログ
こんにちは! 二児のパパ・わんしん（@oneshin3）です。 我が家で実践しているベビーサインがすばらしくいい！ ので、ベビーサインをはじめたキッカケとかやり方とか効果を子育て中のママ・パパに紹介したいと思います。 子育て自体楽しいのですが、ベビーサインができると10倍くらい楽しくなりますよー。 １歳過ぎから出始めたベビーサイン 家族ぐるみで仲良くしている家庭でベビーサインをやってて、こりゃおもしそうだ！と思ってはじめたのがキッカケです。別に教育ママ、パパではないですよー。 ベビーサイン（baby signs）とは、まだ言葉を話せない乳幼児との、手話や身振り・手振りのジェスチャーを使ってコミュニケーションを行う手法、または、そこで用いられるさまざまなジェスチャーを指す。 引用元：wikipedia 生後８ケ月くらいから赤ちゃんに話しかけるときに一緒にベビーサインをしてたら、１歳を過ぎたあ
プラグイン無しでWordPressの画像をスクロールに応じて遅延読み込みする方法
jQueryによる画像の遅延読み込みについて調べていたら、Lazy Load Plugin for jQueryというのを見つけました。 ページを読んでみると、Wordpressテーマなどでも利用できそうだったので、試しに実装してみたら、うまくいったので、その方法の紹介です。 photo by David Urbanke Lazy Load Plugin for jQueryとは Lazy Load Plugin for jQueryとは、スクロールに応じて画像を遅延読込させるjQueryのプラグインです。 Lazyという単語には、怠惰な、けだるい、のろいという意味があります。ページ読み込み時に、画像読み込みを怠けるという意味で、こういった名前が付いているのだと思います。 ただ、怠けるといった意味のあるLazyですが、この画像を読み込みを怠けてくれるおかげで、ページ表示が速くなります。 ス
【実例つき】写真編集ソフト「Photoshop Lightroom」の使い方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ミッション！ ではさっそく、今回のミッションを発表します。 こちらの写真を・・・ こちらの写真に変えるのです！ そもそもAdobe Photoshop Lightroomとは？ 「Photoshop」という単語が入っているけど、「Photoshop」とはどういう関係なの？と、Lightroomが初耳の方なら誰もが首を傾げるでしょう。 公式サイトの文言を見てみましょう。 Lightroom とは何ですか？また、どのような人を対象としていますか？ Adobe Lightroom は、初心者からプロフェッショナルまで、あらゆるレベルのユーザーが写真に必要なすべてのツールを搭載しています。Lightroom は、コンピューター、Web、iPad、モバイルデバイスなど、どこにいても写真を整理、編集、共有できます。お気に入りの写真を編集したり、フラグ付け等の作業をしても、他のデバイスにも全ての編集作業
FLAT ICON DESIGN -フラットアイコンデザイン- | WEBデザインやDTPですぐ使えるフラットアイコン素材がフリー（無料）ダウンロードできるサイト
フラットデザインに最適なフラットアイコン素材がフリー（無料）でダウンロードできる「FLAT ICON DESIGN」。 WEBデザインやDTP他、PPTなどでもすぐに使える商用利用可能なアイコン素材。利用規約はこちら ファイルのフラットデザインアイコン ノートのアイコン素材 あざらしのフラットアイコン 博士のフラットアイコン素材 はさみのフラットデザインアイコン ハンマー（とんかち）のフラットアイコン ドル袋のフラットアイコン素材 無料の暴れ牛のフラットアイコン素材 スペースシャトルのフラットデザインアイコン ギリシャのパルテノン神殿風のフラットアイコン 目玉のアイコン素材 にわとりのフラットアイコン素材 計算機のフラットアイコン素材 その2 コーヒーカップのフラットアイコン素材 バッファローのフラットアイコン 乳牛のフラットアイコン 海外の大学帽子のフラットアイコン おさるさんのフラット
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ituore.com
印刷用のQRコードをパス(EPSかPDF)で作成する無料サービス君
Photoshop VIP
sakurabaryo.com
CSS Minifier & Compressor | Toptal®