コンパイラかく語りき

import { Fun } from 'programming'

HTML

【HTML】videoタグの autoplay が動かない問題への対応

HTML の video タグを使って、動画を自動再生(autoplay)するよう設定していました。しかし、自動再生されない…。 MDN を見てみる。 developer.mozilla.org すると、こんな記述が。 一部のブラウザー (Chrome 70.0 など) では、 muted 属性がないと autopla…

【JavaScript】Vue.js で retweet / link リンク【Twitter】

概要 ツイートを埋め込むような web サービスを作る場合、リツイートとイイネのリンクを実装することがあるかもしれません。 そのリンク(正式名称はインテント)を Vue.js で作成する方法です。 実装 リンクの定義です。 // ツイート ID (いわゆる id_str…

table-layout: fixed; せずに text-overflow: ellipsis; する

長過ぎる文字列に対して、文末に「…」をつけて省略して表示したい時があります。 これをHTMLのtable要素で実現する方法について書きます。 固定幅テーブル まず、行が固定幅で良いのなら以下のように書けます。 table { table-layout: fixed; } td { white-s…

HTMLが高速に記述できると噂のslimを使ってみる

どうも!chuckです。 いきなり私事ですが、最近は転職に興味アリアリですw 求人を眺めているとやっぱりフロントエンドエンジニアになりたいな!と思う次第です。 そこで!今回はHTMLを高速で記述できると噂のslimを使ってみたいと思います。

主要なHTMLタグのdisplayプロパティを調べてみた

どうも!chuckです。 CSSのdisplay(ディスプレイ)プロパティってあるじゃないですか。ブロックレベル要素とかインライン要素とか、そういうやつです(´ω`) 今回、主要なHTMLタグについて、デフォルトでのdisplayの状態をまとめてみましたヽ(=´▽`=)ノ

HTML5のvideoタグを試してみるも、敗北する

どうも!chuckです。 皆さん、HTML5使ってますか??当たり前?それともまだ手をつけてない?? 僕自身、HTML5で使ったことあるのはCanvasくらい。なので、今日はHTML5の中でも気になっていたVideoタグを試してみましたヽ(=´▽`=)ノ