CSSの、 :after 疑似要素で同時に使用される content プロパティ。 「content:attr();」という記述でそのタグのhref属性やtitle属性が取得できます。応用すればjsやPHPと絡めて動的で様々な使い方ができるなと思い、簡単にどんなことが可能か試してみたいと思います。

拙ブログ記事にお越しいただき、ありがとうございます。 記事は下記の新ブログへ移動致しました。お手数ではありますが、下記リンクをクリックしご覧いただければと思いますので、宜しくお願い致します。 yonezawakoji.com

愛のため誇りのため、一対一（サシ）で戦う女たち 以前の記事「世界で有名な人物の「決闘（デュエル）」では、主に国同士の戦いの雌雄を決した決闘を見ていきました。 昔は決闘というのは神聖な意味を持っており、一対一で戦って勝った者は神の加護があると考えられました。法が曖昧で拘束力がなかったため、正しさの判断を神に委ねた結果、決闘をすることにより公正な正しさが分かると考えられたのだと思います。 決闘を行ったのは男だけでなく、日本ではあまり考えられませんが、女性もかなり決闘を戦っていました。 今回はヨーロッパの有名な女性のデュエリストを紹介します。 １. アルメリア・ブラッドック嬢 vs エルフィンストーン夫人 （イギリス） 年齢のサバ読みが殺し合いに発展 1792年のロンドン。 友人同士のアルメリア・ブラッドック嬢とエルフィンストーン夫人は、ささいなきっかけで大喧嘩をすることになります。その理由は、

おああーーーっ。あーっ。いけない。いけないやつだこれ。あーいけない。すごい幸せオーラ。光属性。弱点突かれてる。んんっ。死ぬ。死ぬわこれ。ああーっ。もうあかんか。あかんな。闇属性やっぱあかんな。ああーっ 変なブコメ

なぜ俺たちが結婚もできず、子供も作れず必死に働いている金で、よその国で子育てをするという道楽を支援しなければならないのか……よく分からないNPOなんて相手にするなや

こんにちは、奈倉です！ もうすぐ2016年も終わるということで、今回は2016年のアニメを振り返って、嫁にしたい可愛いヒロインを独断と偏見でランキング化してみました。 はじめに 第20位 : 無名（甲鉄城のカバネリ ） 第19位 : ノクト・リーフレット（最弱無敗の神装機竜） 第18位 : 烏丸千歳（ガーリッシュナンバー） 第17位 : 水無瀬小糸（無彩限のファントム・ワールド） 第16位 : 枝垂ほたる（だがしかし） 第15位 : ファランギース（アルスラーン戦記） 第14位 : 耳郎響香（僕のヒーローアカデミア） 第13位 : 忍野忍/キスショットアセロラオリオンハートアンダーブレード（傷物語） 第12位 : ユリス=アレクシア・フォン・リースフェルト（学戦都市アスタリスク） 第11位 : めぐみん（この素晴らしい世界に祝福を!） 第10位 : 渡辺曜（ラブライブ!サンシャイン!!）

こんばんは。夜中たわしです。 最高に面白いパズルゲームを見つけてしまいました。 『The Witness』という海外製のゲームです。 PS4とSteamで配信中で、先週PS4の日本語版が配信開始となったのでプレイしてみました。その感想と紹介です。 【追記】スマホ版（iOS/Android）も配信開始されました このゲーム、魅力を説明するのが非常に難しいんですが、一言で言うなら、 「オープンワールドでルール説明一切なしのニコリパズル」 って感じです。 指標として、下記のゲームのうちいくつかが好みであれば確実に楽しめると思います。 ニコリのパズル ピクロス系のパズル IQテスト リアル脱出ゲーム Portal／Portal2 とにかく難しいパズルゲーム ここまでの内容でピンときた方は、もう以降は適当に読み飛ばすか、目次から総評までジャンプし、私を信じて購入してください。絶対に損はしません。 紹

【2016年12月10日更新】 かるび（@karub_imalive)です。 10月1日から開催中の「大仙厓展」に行ってきました。 ここ数年、ゆるふわでかわいい禅画の決定版として仙厓（せんがい）が書籍や雑誌などで取り上げられることが増えてきました。展覧会でも、毎年、全国どこかの美術館で特集が組まれていますが、今回の「大仙厓展」は文字通りその決定版。 また、開催期間が重なってはいませんでしたが、12月10日には、仙厓をこよなく愛した出光美術館の創立者、出光佐三の生涯を描いた感動の大作映画「海賊とよばれた男」が公開されています。（レポートは下記から） 「大仙厓展」は、仙厓が生涯で残した禅画の数々を一堂に集めた素晴らしい展覧会となりました。以下、感想を書きたいと思います。 １．混雑状況と所要時間目安 ２．大仙厓展のコンセプト ３．仙厓と禅画について ４．展覧会の見どころ 4-1：かわいい禅画の決

インターネット上には無料で読むことができる「web漫画」「ネット漫画」は数多く存在している。 プロ、アマ問わず誰もが自由に自分の漫画を公開することができるので、その面白さは玉石混交であるが中には無料で公開されていることが信じられないほどにクオリティーの高い漫画がある。 そんな、web漫画の中で個人的に特におすすめのものをまとめてみた。 全話公開しているを中心に、一部公開でもある程度以上の量が読めるものを選んでいる。 それではどうぞ。 信じられないほど面白い無料で読み放題の「web漫画」まとめ バトル・アクション ワンパンマン 蒼い世界の中心で ダークファンタジー 回復術士のやり直し 虫籠のカガステル On the way to Living Dead リセット・ゲーム ファンタジー グランブルーファンタジー 勇者、辞めます 竜と勇者と配達人 賢者の孫 魔王の俺が奴隷エルフを嫁にしたんだが、

ここ数年でCSSは加速度的に進化し、ひと昔前まではJavaScriptを使用しないと実装できなかったのが、CSSのみで実装できるようになりました。また、サポートすべきブラウザもIE8が除かれるようになり、今まで躊躇していたテクニックも数多く利用できます。 アコーディオンやカルーセル、モーダルボックス、ポップオーバー、フリップ コンテンツなど、JavaScript無しのCSSで実装するテクニックを紹介します。

かるび（@karub_imalive)です。 この春までSI業界にいたので、たびたび大型システム開発案件の大規模炎上を見てきました。そして、ここ最近はみずほ銀行のシステム統合案件が厳しいようです。 2012年頃からスタートし、一昨年くらいからヤバイんじゃないの？と言われていた案件がどうも最終局面な感じになってきているようですね。 規模的に見ても、大きすぎて後戻りできないっぽいので、カネと時間がいくらかかっても最後までやりきるしかなさそう。しかし、みずほ社内オトシマエとしてたくさんの悲しい人事異動が発令されることでしょう・・・。（まぁ、今回はソースがまとめサイトやマイナー雑誌の抄訳なので、詳細については続報を見守りたいところですが・・・) さて、プロジェクトの炎上にも色々ありますよね。大きい案件なら数千人規模から、小案件なら2～3人規模のプロジェクトまで、規模を選ばず、炎上するときは炎上する

ブラウザごとに異なるHTMLの各要素のスタイルの相違を吸収し、各要素のデフォルトのスタイルが定義されたCSSリセット用のスタイルシートを紹介します。 normalize.cssを最近のWeb制作にあうようカスタマイズされたもので、対応ブラウザはすべてのモダンブラウザ、IEは8+対応です。 ress -GitHub 参考: normalize.cssの特徴とコード 2015年、Web制作者が押さえておきたいCSSの各種リセット ressの特徴 ress: html, グローバルセレクタの定義 ress: 一般的な要素の定義 ress: フォーム要素の定義 ress: メディア要素の定義 ress: アクセシビリティ用の定義 ress: ::selectionの定義 ressの特徴 ressは「normalize.css」をカスタマイズしたもので、スタイルシートを始める時のしっかりしたベースな

桶屋風太は平凡な中学生活を送っていたが、あるとき自分のクラスに転校してきた額に大きな傷のある転校生・石神鉱子の出現によって大きな変化が訪れた。 彼女は、前世の恨みを元に風太の命を狙ってきた。 生まれ変わりのある世界で風太は過去、7回分の自分の人生を追体験することになった。 時代も民族も違う過去と未来の自分たち。 7回×2人の出会いから、現在の風太と鉱子の因縁は生まれた。 いったい彼らに何があったのか？壮大な輪廻転生を扱った作品となっている。 全6巻で完結済み。 (出典：『スピリットサークル』) 「スピリットサークル」のここが面白い スピリットサークル 魂が転生する世界で、「スピリットサークル」は自分の数多とある過去の人生を追体験することができる武器である。 この武器に触れると、自分の魂が経験した過去の人生をもう一度、経験することができる。 風太と鉱子はそれぞれが一つづつ、この「スピリットサ

世の中には様々な面白いマンガが存在している。 その中でも全5巻以内で完結する面白い漫画をまとめてみた。 少年コミック、青年コミック、少女コミック等の形式は問わない。 なお、全1巻で完結する漫画は別の記事でまためてあるので除外をされている。 なのでこの記事で紹介されるのは2〜5巻で完結する漫画となっている。 それでは、どうぞ。 オススメ5巻以内で完結する漫画まとめ SF レベルE／全2巻 彼方のアストラ／全5巻 プラネテス／全4巻 All You Need Is Kill／全2巻 星屑ニーナ／全4巻 イヴの時間／全3巻 サマーウォーズ／全3巻 人間ドラマ マンガに、編集って必要ですか?／全3巻 南国トムソーヤ／全3巻 ジョーカー・ゲーム THE ANIMATION／全5巻 Dの魔王／全3巻 決してマネしないでください。／全3巻 ナナのリテラシー／全3巻 働きマン／全4巻 喰う寝るふたり 住む

2016 - 05 - 12 【合法】HIPHIOPやR&BのMIXTAPEが〈無料で〉ダウンロード出来る海外サイト５選 音楽 音楽-ヒップホップ Bookmark! Facebook Twitter Google+ Pocket スポンサーリンク Bookmark! Facebook Twitter Google+ Pocket 楽天モバイルなら月々のスマホ代がこんなにもお得？早速シミュレーション！ 読者になる コメントを書く 【ガチ厳選17曲】 初心者にオススメするハ… »

2016 - 05 - 11 図解でわかる『日本語の作文技術』の導入部分 人文・思想 言語学 図解 スキル向上 シェアする Bookmark! Facebook Twitter Google+ Pocket 「目的はただひとつ、読む側にとってわかりやすい文章をかくこと、これだけである」 修飾の順序、句読点のうちかた、助詞のつかい方など、ちゃんとした日本語を書くためには技術がいる。発売以来読み継がれてきた文章術のロングセラー。 【新版】日本語の作文技術 (朝日文庫) 作者: 本多勝一 出版社/メーカー: 朝日新聞出版 発売日: 2015/12/07 メディア: 文庫 この商品を含むブログ (1件) を見る スポンサーリンク 1. 修飾する言葉と修飾される言葉を直結させる わかりにくい文章の実例を検討してみると、最も目につくのは、修飾する言葉とされる言葉とのつながりが明白でない 場合である。原

閲覧しているウェブサイトの選択された範囲のスクリーンショットを撮ってSVG形式でダウンロードできるChrome拡張機能をつくりました．SVGで出力しているため，普通のPNGやJPGと比べると，以下のような少しだけ高度なことができます． スクリーンショットを撮ったページのURLを<svg>のdata属性として保持できる スクリーンショットの範囲内のリンクをそのまま残すことができる． ページ中の<a>の位置に，外部ページヘのリンクを持つ<rect>を挿入しています．クリックするとリンク先のページが開きます． ブラウザで通常リンクと同じように扱われるため，rectをホバーするとChromeの左下にジャンプしようとしているURLが表示されるので，移動先もしっかり確認できます． まだかなり荒いベータ版ですが，GitHubで公開しています．クローンして，そのままChromeの拡張機能管理ページから読み

作成：2016/02/8 更新：2016/06/29 Web制作 > CSSやjQueryで実現する、今までにないようなエフェクトを実現するために知っておくと便利なエフェクトをまとめました。トレンドをおさえた最近のものを厳選してピックアップ。ファーストビューなどで、一味違った面白さを出したいときに。 エンジニア速報は Twitter の@commteで配信しています。 セグメンテッド コントロール pocketなどに見られる「リスト・タイルビュー」など表示形式の切り替え。コンテンツを切り替えるセグメンテッド コントロール（SegmentedControl）。少し古い記事ですが、他になさそうだったので。 Blueprint: View Mode Switch もうひとつはcodepenから。 See the Pen DropDown2Segment by ActiveCodex (@Acti