タグ

2013年2月5日のブックマーク (10件)

  • 体罰について書いていたが、あまり関係なくなった - 24時間残念営業

    2013-02-05 体罰について書いていたが、あまり関係なくなった あー、体罰の話。を枕にした自分語り(追記)。 すごい長いです。もう途中でブログって長さじゃなくなってるのわかってたんですけど、もうここまで来たら開き直って自分のペースで最後まで書くことにしました、と冒頭に追記しにきた7216文字目。 結局、9340文字です……。 最近好んで火薬庫に突っ込んでいくような感のあるMK2さんですが、もうそのとき気になっていることは片っ端から書いていくことに決めたのです。 まず自分自身の「体罰」というものに対するスタンスについて書いておく。 俺個人は、親から殴られたり蹴られたりして育った。ありゃ見る人が見れば虐待だろってレベルだと思われる。ただ、そのことについては不思議と恨みにもなんにも持っていない。俺が育ってくる過程でいちばん負の記憶として残っているのは、母親が「いついなくなるかわからない」「

  • 伊集院光が語る AKB48峯岸みなみ坊主謝罪事件と秋元康のスゴさ

    伊集院光さんがTBSラジオ『伊集院光の深夜の馬鹿力』でAKB48 峯岸みなみさんの丸刈り謝罪事件と、秋元康さんについて語っていました。 (伊集院光)時事の話で言うと、『おい、伊集院、言うの?言わないの?』みたいな感じでずっといられても困りますから。あのー・・・丸坊主。女だてらに丸坊主。瀬戸内寂聴先生が、長い髪を切って丸坊主になったっていう話なんですけど。まあ一つ、僕の悪ふざけのほうが最初に考えたことは、「ICONIQ、立場ねぇな!」っていう。まあ、それは置いときまして。 面白い現象だなって思うのはね、「恋愛してもいいじゃないか!」ってかばう人がすごいいっぱいいるじゃないですか。「恋愛してもいいし、丸坊主にならなくてもいいじゃないか。」っていう人がいっぱいいるなーって。恋愛したことを「けしからん!」っていう人、あんまりいないなって。で、その辺が、秋元康が何が上手いっていうと、アクシデントが起

    伊集院光が語る AKB48峯岸みなみ坊主謝罪事件と秋元康のスゴさ
  • 今さら聞けない?おさえておきたい日本語フォント! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    お久しぶりです。 しばらくLIGのブログ更新に参加できていなかった野田です。。 今回は、WEBや紙媒体の広告でよく見かけるようになった日フォントをまとめてご紹介させていただきます。 フォントは、デザイン全体のイメージを決める大事な要素でもありますので、常に流行を見ておかなければ、サイト自体もフォント一つで古いデザインだなーと思われてしまうことがあります。 っていうか僕はそういう細かいところを見るのが大好きです。 僕のもデザイナーのため、毎日のように「このサイトのフォントはあれだねー」なんて話をしています。 そのため、知ってて損のないよう、いくつかのフォントを簡単にご紹介させていただきます。 ご参考までにどうぞ! はるひ学園 素朴でかわいく、ポップさをもった書体です。 余白を目立たせ、素朴な空気感を活かしてあげると良いですね。 丸フォーク 明朝体に似ていますね。 きれいなラインで、シュ

    今さら聞けない?おさえておきたい日本語フォント! | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Vagrantで簡単仮想マシン構築

    VagrantはOracle VirtualBoxを利用した仮想マシンをコマンドラインから作成してくれるソフトウェアだ。 設定ファイルをRubyで書くことができ、Chef等とも連携できるので、開発環境をコマンドライン一発で作成することができる。更にはCapistranoと組み合わせてアプリケーションのデプロイも一括で行うことで完全自動でいつでもテスト環境をつくれたりもする。 仮想マシンを捨ててしまってもいつでも再構築できること、誰のところにでもすぐ同じ状態に展開できることは開発を進める上で非常にメリットがある。 以下ではまずはVagrantを利用した簡単な仮想マシン構築の手順を説明する(当に説明したい内容はもっと違う話なのだが追って別のエントリで書いていくことにする) Oracle VirtualBoxのインストールhttps://www.virtualbox.org/にアクセスし左ナビ

    Vagrantで簡単仮想マシン構築
  • 為末大さん@daijapanの「【犠牲と許しと日本人】について 成果を出せない時、人は犠牲で許してもらおうとする」

    爲末大 Dai Tamesue @daijapan 「神出鬼没、縦横無尽」がモットーです。衝動性が強く、慎重さを欠くので気をつけるようにしています。 趣味は毎朝長文を書くこと、仕事は新しいスポーツをつくることです。 ご連絡はこちらまで deportarepartners.tokyo/contact/ deportarepartners.tokyo 広島市佐伯区出身の男子元陸上競技選手・400mハードル日記録保持者で、現在はスポーツコメンテーター・タレント・指導者などで活動中。株式会社R.project取締役。 2001年世界陸上エドモントン大会・2005年世界陸上ヘルシンキ大会の男子400mハードルにおいて、世界陸上選手権のニ大会で銅メダルを獲得する快挙を達成。又オリンピックには、2000年シドニー・2004年アテネ・2008年北京と、3大会連続で出場した。身長170cm、体重66kg。

    為末大さん@daijapanの「【犠牲と許しと日本人】について 成果を出せない時、人は犠牲で許してもらおうとする」
  • tableの行と列を固定してスクロール!!Super Tables | バシャログ。

    6月に入り、欧州サッカーの移籍情報が気になってしょうがないishidaです。 WEB制作に携わっていると、表組みだらけのWEBサイトの担当に 長い人生に一度や二度はなる(?)と思います。 tableによる表組みは、行や列が増えすぎるとコンテンツからはみ出したりして 見栄えが悪くなりますよね。 そんな迷える子羊たちを助けてくれるjavascriptライブラリ Super Tables を今回ご紹介いたします。 まずは以下のサンプルをご覧くださいませ。 Super Tables サンプルデモ サンプルのような感じで、ヘッダー部分を固定したり、列を固定できます。 Super Tables 設置方法 配布ページよりデータをダウンロードし、利用したいhtmlのhead要素などでファイルを読み込みます。 <link rel="stylesheet" href="superTables.css" typ

    tableの行と列を固定してスクロール!!Super Tables | バシャログ。
  • HTML で Excel の「ウィンドウ枠の固定」を実現する

    Excel で「ウィンドウ枠の固定」をすると、固定部分は縦または横方向にしかスクロールしなくなる。 HTML でこのようなスクロールを実現できないか悩んでいたら、ある人がこういうサイトを教えてくれた: ウィンドウ枠の固定2 http://www.h7.dion.ne.jp/~nuru44/window2.html ポイントは次の2点 体部分、および、上・左の固定部分を別々にブロック化し、CSS の overflow を使ってそれぞれブロック内でスクロールできるようにしておく JavaScript を使って、体部分のスクロール量を上・左の固定部分のスクロール量に反映させる 上に紹介したサイトのものは複雑でわかりにくかったので、もっとシンプルな例を作ってみた。 あいうえおかきくけこさしすせそたちつてと いうえおかきくけこさしすせそたちつてとあ うえおかきくけこさしすせそたちつてとあい えお

    HTML で Excel の「ウィンドウ枠の固定」を実現する
  • [css][html] divでtableを作る tableの行全体をリンクにする divの高さとborder-bottomを揃える display:table-cellは神です。

    [css][html] divでtableを作る tableの行全体をリンクにする divの高さとborder-bottomを揃える display:table-cellは神です。 スマホ用のサイトを作っててすんげーハマった。 何にハマったって、こういう2列のリスト(表)を作り、さらに行全体をクリックしてリンクに飛ぶようにする。 コレ、生半可なことじゃできないんだね〜。 調べると display:block; にするとブロック全体がリンクされるって言うけど、これを表の中にある行にするってのが・・・。左右の列、セルの高さを揃えないといけない。全然できない。揃わないったら揃わない。 <table> → display:block;とするとリンクがセル単位になってしまう(行単位じゃない)。 <ul><dl> → ブロック全体以前に、左右の列の高さが変わるとborder-bottomがずれて表にな

  • Google AdSenseだけで家族を養ってきた僕が、今までやってきたブログ運営術をガチで解説するよ

    Google AdSenseだけで家族を養ってきた僕が、今までやってきたブログ運営術をガチで解説するよ 2013.02.05 | 収益化 | 文章術 | 考える。 収益化担当なのに、最近、収益化に関する記事書いてないけどネタ切れなんじゃないのという視線を各所からひしひしと感じているゴールドです。ネタが無いわけではなくて、腰を入れて書くととんでもなく長くなりそうなので今まではなるべく避けてたんですが、仕事が一段落付いたので一度まじめに書いてみようかなぁと。 あぁ、そうそう、タイトルは半分釣り要素が入っているので過度の期待をされても泣いちゃうので、はじめに謝っておきます。うわ、やめろ、空き缶投げんな(´д⊂)‥ハゥ –追記– 期待してこの記事を読んでくれている(検索エンジンから訪れてくれている)方向けに、2018年11月現在、最新のGoogle AdSenseで収益を上げるための情報を網羅し

    Google AdSenseだけで家族を養ってきた僕が、今までやってきたブログ運営術をガチで解説するよ
  • H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -

    HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);

    H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -