スクロールに応じて任意のテキストにアニメーションしながらハイライト | かちびと.net

2020/09/06 7 users スクロール net テキスト result document

Result スクロールするとテキストにアニメーションしながらハイライトする、というもの。 通常のハイライトよりも目を惹く印象です。コードはVanillaとなっています。 Ads JavaScript (function (document) { const markers = [...document.querySelectorAll('mark')]; const observer = new IntersectionObserver(entri... 続きを読む

CSSのみでスクロール時に各セクションを固定するパララックス | かちびと.net

2019/12/15 5 users パララックス result sticky position

Result タイトルでうまく説明できませんでしたけどこういうやつです パララックスの表現法が出始めた時によく見かけるようになってから今も割と見かけるのである程度定着してる感も無くはないですね で、これなんですがそう言えばposition: sticky;で出来ますよね、という内容です css .container {/*高さを画面一杯にし... 続きを読む

CSSだけでマウスホバー時にtableの行と列とセルを別の色でハイライトさせる | かちびと.net

2019/10/13 29 users table CSS セル overflow result

Result こういうの。項目が多いほどセルは小さくなりがちだし何のデータを見ているかユーザーは混乱しがちなので閲覧してるデータの可視性を高めよう、みたいなやつです CSSだけで実装しています css table { overflow: hidden; display: inline-block; border-collapse: collapse; } td, th { border: 1px solid #999; ... 続きを読む

IE11やEdgeにも対応できる、CSSだけで3行目でテキストの文末を「…」で省略する | かちびと.net

2019/07/24 56 users 文末 Edge CSS WebKit overflow

Result よくある、テキストの文末を省略するやつです。 1行に限らず、3行目、5行目など、n行で省略可能でWebkitやFirefoxはもちろん、IE11やEdgeもサポートしたコードです ↑ IE11で確認したスクショです。Penは非対応だったのでjsfiddleで確認しています css p { line-height: 1.4; max-height: 4.2em; overflow: hidden... 続きを読む

hrの使いやすそうなスタイリングいろいろ | かちびと.net

2019/07/01 39 users ＨＲ relative margin result net

Result いろいろなhrのスタイルです。以前書いたCSSで作るhrのスタイルいろいろを小奇麗にした的な感じになっています css .hr_b {/*シャドウ付き*/ height: 8px; border: 0; box-shadow: 0 8px 8px -8px #666 inset; } .hr_c {/*フルワイド*/ position: relative; width: 100vw; margin: 10px 0 10px -50vw; left: 50%;... 続きを読む

CSSのみでアコーディオン・2パターン | かちびと.net

2019/06/15 28 users CSS net absolute result checked

Result 今更感半端ないですが、CSSのみでアコーディオン 全部開けられるやつと1つ開けると他が自動で閉まるやつの2パターンあります 両方ともinput要素と:checkedを使います 違いはcheckboxかradioか、なので基本的には同じコードで動きます css input {/*input要素自体は非表示にしておく*/ position: absolute; opacit... 続きを読む

filterプロパティで、どんな背景画像でもテキストが読める状態にする | かちびと.net

2019/05/07 10 users result fff ＢＧ background-image

Result どんな背景でもテキストを読める状態にする、というもの ちょっと語弊があるかもしれませんが、要は背景画像の明度とコントラストをfilterプロパティで抑えて#fffに指定したテキストの可読性を維持しよう、という内容です CGMサイトなんかで使う機会があるかも、と思ったので備忘録 css .bg { background-image:u... 続きを読む

CSSスニペット：SVGで作る非長方形なヘッダ画像いろいろ | かちびと.net

2018/07/07 13 users SVG relative CSSスニペット DDD ヘッダ画像

Result インラインに書いたSVGを画像に重ねる 背景と色を合わせれば簡単にユニークな形状のヘッダ画像を実装できる css .card { width: 32%; max-width: 100%; margin: 0 0 4rem; background-color: #ddd; } .card .wrap-image { position: relative; } .card .wrap-image img { width: 100%; height: auto; } .card .wr... 続きを読む

テキストエディタに回転表示機能があったら便利なのではないか - kusano_k’s blog

2018/03/10 151 users テキストエディタ fuga result Hoge z z

2018 - 03 - 10 テキストエディタに回転表示機能があったら便利なのではないか C言語 でこういうコードがあったとする。 int f(Z *z) { int result; W w; X x; Y y; Z z; result = hoge(&w); if (result != E_OK) return result; result = fuga(&w, &x); if (result ... 続きを読む

同性婚に反対する理由は論理的根拠が無いと思う

2018/03/10 183 users 根拠 同性婚 理由 domestic result

yahooで同性婚の制度化について投票を取っています。 現在20,779票【回答受付中】同性婚、日本でも合法化すべき？ - Y!ニュース意識調査 https://news.yahoo.co.jp/polls/domestic/33083/result 現在は若干反対派が多いですが、反対する理由を冷静に考えると論理的に正しくないと思ったので書いていこうと思います。 同性婚を認めると少子化が加速する ... 続きを読む

Rustのパニック機構 - 簡潔なQ

2018/02/18 59 users rust assert result パニック 原則

2018 - 02 - 18 Rustのパニック機構 Rust 概要: Rustのパニック機構は異常終了の処理を安全に行うためにある。この動作を詳しくみていく。 パニックとは何か Rustには 2つの異なる例外処理機構 があります。 発生源 対処方法 例 パニック プログラミングエラー 原則として捕捉しない assert!() 境界外参照 Result 例外的な入力 必要に応じて捕捉 I/Oエラー... 続きを読む

湖池屋の悲劇、1千円相当の株主優待ポテチが値段だけ3万2千円の超高級ポテチに豹変 : 市況かぶ全力２階建

2016/12/28 206 users 豹変 悲劇 市況かぶ全力２階建 rongtail result

32000円も出してポテトチップ買ってる人がおるんか？ — ろんぐて〜る (@rongtail) 2016年12月28日 湖池屋、品貸料　320円(値段比8.06%) https://t.co/ZtGrlMTRyL — 岡三マン (@okasanman) 2016年12月28日 http://www.taisyaku.jp/search/result/index/1/ 湖池屋両建て辛(つら)ムーチ... 続きを読む

適当糖質制限中の私が選んだ「神7」食材 - 言いたいことやまやまです

2015/08/30 761 users 糖質制限中 食材 result data-mce-hr 成果

2015-08-30 適当糖質制限中の私が選んだ「神7」食材 糖質制限 今年のGW明けから、約4ヶ月弱の「適当糖質制限」生活を送っている。 7月末に受診した健康診断でもほとんどがA評価という成果を出すことができた。 <a href="http://yamama48.hatenablog.com/entry/result" data-mce-hr... 続きを読む

真剣ではないバーナンキ - himaginaryの日記

2015/07/20 17 users バーナンキ クルーグマン himaginary result

経済 | クルーグマンが、我が意を得たり、とばかりにバーナンキのブログ記事から以下の一節を引用している。The slow recovery from the crisis of the euro zone as a whole is the result, among other factors, of (1) political resistance that delayed by many y... 続きを読む

Elm - Signalのカタログ＋Signalについて - Qiita

2015/05/22 16 users SIGNAL Qiita ELM result map

http://giisyu.github.io/elm-signalCatalog/ Signalの性質がひと目で分かる、かもしれないSignalのデモを作った。 Signalによっては画面をクリックしてみたり、キーボードを押したりする必要があります。 ソースコード 表示の見方 1 map : (a -> result) -> Signal a -> Signal result () ------... 続きを読む

Cocoa勉強会関西でSwiftの型について発表しました #cocoa_kansai - yashigani?.days

2015/02/28 76 users yashigani result Swift DAYs 補足

2015-02-28 Cocoa勉強会関西でSwiftの型について発表しました #cocoa_kansai Swift Swiftでコーディングしていうと，型について色々と考えることがあります． 型の捉え方は学術的にも色々あるとおもいますが，このスライドは自分の経験から自分なりの捉え方なので，間違っていることや補足などあれば教えて下さい． スライドの補足 例に出しているResult<T>ですが，S... 続きを読む

コードのネストを深くするな | anopara

2014/08/15 407 users result anopara else ネスト int a

昔の記事にも書いたのだが、ソースコードのネストは小さければ小さいほど読みやすい。 ではどうするか。一つは、returnできるところでさっさとreturnするというのが良いだろうと思う。 たとえば、 public int func1(int a, int b) { int result; if (a > 10) { if (a > 20) { if (a > 30) result = b; else... 続きを読む

【動画あり】スキークロスがめっちゃ面白いと話題に　実況解説も興奮しまくりｗｗｗ：キニ速

2014/02/20 53 users キニ速 実況解説 ｗｗｗ result 話題

522：名無しでいいとも！：2014/02/21(金) 00:12:12.01 ID:duo6e8Qp スキークロスの神ゴールｗｗｗ http://www.gorin.jp/result/FRFRM740/index.html?bctid=754504091002 561：名無しでいいとも！：2014/02/21(金) 00:13:04.38 ID:duo6e8Qp >>522 ゴールは1:25く... 続きを読む

【またまた大勝利】　靖国参拝で安倍内閣支持率が５１％→８１％に なんと３０％の昇竜拳！！！！ - 政経ch

2013/12/28 112 users 靖国参拝 政経ch 昇竜拳 安倍内閣支持率 domestic

先月の調査では、内閣支持率が５１％だったけど 参拝後の調査では、内閣支持率が８１％に上昇している 靖国参拝で支持率が３０％も上昇した 引用元：http://hayabusa3.2ch.net/test/read.cgi/news/1388190808/ ソース：http://polls.dailynews.yahoo.co.jp/domestic/10606/result 続きを読む

【beatmania IIDX 21 SPADA】 冥 (SP Another) FULLCOMBO Player:RAG

2013/12/15 23 users Rag result Twitter player http

beatmania IIDX 21 SPADA 冥(SP Another) FULLCOMBO 使用SE:On-Jin ～音人～ Player:RAG(twitter:@__Rag__) MovieEditor:MCハム(twitter:@MC_HUM) Result:http://twitpic.com/dor13z 続きを読む

-ホースニュース俺- : 【宝塚記念】ステイゴールドのグランプリ力が凄すぎる件

2013/06/23 21 users ステイゴールド race result Tweet 宝塚記念

2013年06月23日20:47 【宝塚記念】ステイゴールドのグランプリ力が凄すぎる件 カテゴリレース馬産・血統 Tweet (10)ゴールドシップ ■レース結果■ http://keiba.yahoo.co.jp/race/result/1309030811/ 185 名前：こんな名無しでは、どうしようもないよ。[sage] 投稿日：2013/06/23(日) 15:43:44.70 ID:kB... 続きを読む

[jQuery] Youtubeの動画再生後に関連動画を表示させない - かちびと.net

2013/05/14 32 users YouTube jQuery result attr rel

Result 埋め込みコードにいちいちrel=0パラメーターを加えるのは面倒なので関連動画が自動でOffになるようにする。他のパラメーターも同じ方法で挿入できますね。 jQuery $('iframe[src*="youtube.com"]').each(function () { var RemoveRelated = $(this).attr('src'); if (jQuery.inArra... 続きを読む

[jQuery] テーブル内で空の要素をハイライトさせる - かちびと.net

2013/04/22 10 users jQuery highlight TRIM result 要素

Result 動的に作られたテーブル向けになりそうです。空の要素がある行を削除、みたいな応用もできそう。 jQuery $("td").each(function () { //空白かどうかを判断 if ($(this).html().trim().length === 0) //空白の箇所にclassを与える $(this).addClass('highlight'); }); css td {... 続きを読む

[jQuery]ページ内の見出しに合わせて目次を自動生成する - かちびと.net

2013/02/26 39 users jQuery 見出し result 目次 strong

Result 簡易的なものなので汎用性は高くは無いかも。 jQuery (function($) { $.fn.toc = function(o, p) { p = $.extend({ title: "タイトル" }, p); //見出しを入れるボックスを生成 this.prepend('<div id="toc-list"><strong>' + p.title + '</strong><ol... 続きを読む

-ホースニュース俺- : 【JCD】2006年に年間1勝だった酒井学JがG1制覇

2012/12/02 12 users race result sage Tweet 実況

2012年12月02日22:21 【JCD】2006年に年間1勝だった酒井学JがG1制覇 カテゴリ騎手レース Tweet (14)ニホンピロアワーズ ■レース結果■ http://keiba.yahoo.co.jp/race/result/1209050211/ 1 名前：名無しさん＠実況で競馬板アウト[sage] 投稿日：2012/12/02(日) 15:47:36.79 ID:OW+txpq1... 続きを読む