クラシルのロゴが新しくなっていました。 https://www.kurashiru.com/ ぱっと見で、僕でもHTML&CSSで作れそうと思い作ってみました。 HTMLつくる <div class…
ブックマークレットでページのソースを見る スマホでページをみているときにページのソースコードが読みたくなるとき、ありませんか？ ブックマークレットを使うと、ブックマークをクリックするだけでスマホでも…
はじめに 綺麗なサイトとかによくある画像をスライドにしているのを真似したくなったことはありませんか？今回はそういった人向けにCSSだけで簡単にできる画像スライドの実装を紹介します。 完成形は下のよう…
HTMLメルマガ。 古の昔、社内で管理しているEC-CUBEのメルマガ機能からは送信したことがあるけど、 １億年ぶり(誇張。実際は約10年ぶり)に関わったのが、原稿(HTML)をそのまま納品するst…
こんにちは。 「un-T factory! XA Advent Calendar 2022」 の2番バッターです。 しっかり送りバントを決めたいと思います。 よろしくおねがいします！ さて今回は、 …
1. はじまり 大学時代はサービスが企画した通り、正常に動作さえすれば、すぐにノートパソコンを投げ置いて、チームメンバーたちとチキンを食べに行った。 でも実際の仕事では違った、、 効率的なコードを作…
なんで書こうと思ったか デフエンジニアの会のアドベントカレンダーということと、私自身が入って間もないこともあり、 自己紹介的な意味も込めて、また、プログラマーを志してる人に参考になれば、ということで…
なんで書こうと思ったか デフエンジニアの会のアドベントカレンダーということと、私自身が入って間もないこともあり、 自己紹介的な意味も込めて、また、Webエンジニアを志してる人に参考になれば、というこ…
3行で オンライン交流会のためにルーレット&サイコロトークのツール作ったよ 今回はルーレットの背景色の設定方法について記載するよ 実際のツールも載せてるからよかったら使ってみて感想もらえると嬉しいよ 前…
この記事の概要 以下の内容、ノリで作ったら思ったよりウケたので記事にします。 https://twitter.com/xrxoxcxox/status/1598289734513889280 次のペ…
「言語の役割を超えるない」を言い換えるとそれぞれの役割内で実装することです。 私の考えるそれぞれの言語の役割は後に定義します。 それぞれの言語役割を明確に決めて運用することでのシンプルで実装しやすい…
BEM記法について BEMはコードの可読性を上げるために、HTMLおよびCSSのクラスに名前を付けるルールを定めたものです。 ただしルールといっても大枠のルールであり、細かな決め事は個人やプロジェク…
とある日のWeb制作現場にて 若かりし頃のワイ「今日はWebアニメーションの実装をして行くで〜」 若ワイ「実装するアニメーション内容は…っと」 若ワイ「ふむふむ…要素を上に動かすだけの簡単な実装やね」 若ワイ「CSSとJavaScriptのどちらでもアニメーション実装できるけど、どっちがええんやろ……
