タグ

2015年1月19日のブックマーク (8件)

  • 携帯キャリアを乗り換えるだけで8万円が手に入った。ので、その方法をまとめた - ひまじんの日記

    僕はSIM(ロック)フリー機を持っているという特殊事情があるので、このタイトルは誇張かもしれません。とはいえ、SIM(略)フリー機がなくても5万円くらいは手に入るはずです。実際にやってみて知見がたまったので、今日は趣向を変えてネットでよくみるハウツー記事を書いてみようと思います。少なくとも、全機SIMフリー化される2015年5月近くまでは使える内容のはずです。 ※記事は、MNPしまくって荒稼ぎすることを推奨するものではありません。そんなことをしていると、キャリアのブラックリスト入りします。今回僕がMNPしたのも、auの満期月が来たからです。それをゆめゆめお忘れなきよう。 ** この社会に、お金を得る手段はたくさんあります。ですが、「労せず儲ける」なんて夢のまた夢。流した汗こそが金となるのです。 と思いきや、意外とそうでもないようです。それこそが、MNP。いわゆる携帯キャリアの乗り換えです

    携帯キャリアを乗り換えるだけで8万円が手に入った。ので、その方法をまとめた - ひまじんの日記
    Yukarigohan
    Yukarigohan 2015/01/19
    キャリア乗り換え
  • レスポンシブWebデザインでテーブルを使う時の小技

    tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ

    レスポンシブWebデザインでテーブルを使う時の小技
    Yukarigohan
    Yukarigohan 2015/01/19
    レスポンシブ テーブル
  • CSSで出来るレスポンシブ対応を考えた table レイアウト | ウェブ戦略・コンサルティング UNIONNET Inc.

    2014.08.18 ▼2021年最新版 【コピペOK】制作会社が実際に使っている、レスポンシブ対応のtableレイアウト スマホ対応・レスポンシブが当たり前になってきてるこの時代、コーダーさんにとって table がなかなかやっかいものになってきてますね… 会社概要くらいならまだ良いんですが、情報量が多い table はそのままでは 320px で閲覧した際、なかなか悲惨な事に… 対応方法としては『responsive-table.js』を代表に、様々なやり方がありますが、今回はCSSで出来る事を紹介したいと思います。 目次 2セルの場合の使用した例 横に長い場合 overflow-x と inline-block を使用した例 リスト風にした場合 list-item を使用した例 最後に 2セルの場合の使用した例 2セルでよく作られてる、会社概要やフォームなどで使えるかと思います。 『

    CSSで出来るレスポンシブ対応を考えた table レイアウト | ウェブ戦略・コンサルティング UNIONNET Inc.
  • Bootstrap3の無料テーマ・格安有料テーマまとめのまとめ

    Twitter Bootstrap3がスタンダードになってきて、今までのBootstrapだけだとうまくカバーできなくなってきたので、新しくBootstrap3の無料テーマと有料だけど格安でクオリティの高いテーマのまとめを厳選してみました!俺得記事です。 🚜 無料テーマまとめ【Bootstrap製】90ページ超えの無料HTML5/CSS3テンプレート素材 Titan 無料のテーマが整理されてまとまっています。特に90ページ以上の大量のサンプルHTMLは、一部パーツを探して使うのに便利そうです! 🎉 無料テーマBootswatch: Free themes for Bootstrap 15種類のBootstrap3対応のテーマがまとまっている。着実にテーマが増えていったり、クオリティが改善し続けているのがすばらしい! フラットデザインの参考にも!Bootstrap3対応のかっこよすぎる無

    Bootstrap3の無料テーマ・格安有料テーマまとめのまとめ
  • link rel="canonical"(カノニカルタグ)の使い方。URLを正規化させて重複コンテンツの発生を防ぐ方法

    link rel="canonical"(カノニカルタグ)の使い方。URLを正規化させて重複コンテンツの発生を防ぐ方法
    Yukarigohan
    Yukarigohan 2015/01/19
    “<link rel=”canonical”>タグは、ほぼ同内容のページが存在する場合に優先的に検索エンジンに表示させたいページを指定するタグである”
  • URL正規化タグ「rel="canonical"」に関する12のよくある質問と答(実践者向け) | Moz - SEOとインバウンドマーケティングの実践情報

    URL正規化タグ「rel="canonical"」のサポートをグーグルとヤフーが2009年2月に発表してから4年以上が経つけれど、この「rel="canonical"」のたった1行のHTMLは、今でもSEO担当者やウェブマスターをあれこれ混乱させている。 先ごろ、グーグルは「rel=canonical属性に関する5つのよくある間違い」という記事を公開した。これはいい記事で、正しい使い方がわかるのはありがたいが、MozのQ&Aコーナーで毎日僕らが目にしている多くの疑問には答えていない。そういうわけでこの記事では、特によくある疑問のいくつかを解決してみたいと思う(それから、下の画像はただのジョークなので大目に見ていただきたい……)。 「rel="canonical"」とは?簡単に言うと、「rel="canonical"」タグは、検索の便宜を図る目的で、あるURLで公開されているページの内容と別

    URL正規化タグ「rel="canonical"」に関する12のよくある質問と答(実践者向け) | Moz - SEOとインバウンドマーケティングの実践情報
    Yukarigohan
    Yukarigohan 2015/01/19
    「一般に「rel="canonical"」は、内容がまったく同じかほとんど同じ場合に使うのがベストだと思う。たとえば、製品ページを色別に5つのURLに分割していて、各色のページでは1つか2つの文章(または画像)が違うだけの場合は
  • colspan rowspanの使い方

    「コルスパン?」「ロウスパン?」一体この英語はなんと読むんでしょうかね~f(^^;) 私は英語が全然ダメなのでサッパリ読めません。 実はこれもtdの属性なのですが、またまたちょっとややこしいです。 <td colspan="〇"> この属性は横に隣合うセルを結合させるときに使用します。〇の中には1や2といった数字が入ります(結合する数)。ソース的には結合する側のtdにcolspan="〇"を付ければいいだけなのですが、結合される側の<td>~</td>を削除する必要があります。 例 colspan="2"

    Yukarigohan
    Yukarigohan 2015/01/19
    colspanとrowspanすぐ忘れる><
  • Webサービス作ったので作業の流れを紹介してみる - 今日学んだこと

    Twitterのフォロワーさんが「こんなサービスあったらいいな」と呟いておりまして。 いっちょ俺が作るか!という事で、作業記録を残してみようかと思います。 最近MacをOS再インストールし、ほぼまっさら、xcode(使わないけどgit有効化に必要)とemacsだけが入ってるような状態からのスタートです。 Webサービスってどうやって作っていくんだろと思われてる方の参考になれば幸いです。なお、いつもの通りDjango&Heroku構成です。 ※これ見て何かを作れるという訳ではなく、こんな流れで作ってるよという説明ですので、詳細は結構省き気味です。 ※作るときのポイントを先に言ってしまいますが、いきなり完成系を目指すんじゃなくて、ちょっと作って動かしてを繰り返すのがポイントになってくるんじゃないかなと思ってます。僕はSI屋なんですが、新人君とかでもいきなり全部コーディングして、いざ動かすと動か

    Webサービス作ったので作業の流れを紹介してみる - 今日学んだこと