vaguely

和歌山に戻りました。ふらふらと色々なものに手を出す毎日。

CSS

【Blazor Server】【ASP.NET Core】CSS isolation と MapControllers

はじめに 元のプロジェクト CSS isolation 生成される CSS はじめに この記事は Blazor Advent Calendar 2020 の16日目の記事です。 .NET 5 で追加された CSS Isolation(CSS の分離)を試してみることにしました。 ASP.NET Core Blazor の CSS の分離 | Micro…

Angular(ver.8.2) のページを IE11 に対応させたい話

はじめに IE11 でページを表示する 背景色に Alpha のある色を設定する Grid layout を有効にする おわりに はじめに この記事は Angular #2 Advent Calendar 2019 一日目の記事です。 以前からちょろちょろ触っていた Angular ですが、そろそろ試しに使って…

コンパイルを自動化したい話 + (Pikaday + TypeScript) で IE でも DatePicker を表示したい話

はじめに npm scripts で自動的にコンパイル IE11 での input type='date' 複数ファイルをバンドルして出力する はじめに ASP.NET Core + TypeScript ってみる 1 ASP.NET Core + TypeScript ってみる 2 ASP.NET Core + TypeScript ってみる 3 PostCSS 、 Aut…

flexbox でレイアウトを組みたい話

CSS

はじめに 大枠を作る 中のアイテムを追加していく 左側のレイアウト 結果 はじめに ASP.NET Core + TypeScript ってみる 1 ASP.NET Core + TypeScript ってみる 2 ASP.NET Core + TypeScript ってみる 3 PostCSS 、 Autoprefixer の力を借りたかった話 とり…

PostCSS 、 Autoprefixer の力を借りたかった話

はじめに コンパイラーを選ぶ PostCSS ファイルを postcss-cli でコンパイルする はじめに ASP.NET Core + TypeScript ってみる 1 ASP.NET Core + TypeScript ってみる 2 ASP.NET Core + TypeScript ってみる 3 相変わらず HTML や TypeScript と戯れている…

AngularのAnimationsで画像をスライドさせたい

はじめに アニメーション1(失敗) 画像をスライドさせる 背景画像をスライドさせる 参照 はじめに AngularとSpringBootでWebページを作ってみたい その1 AngularとSpringBootでWebページを作ってみたい その2 AngularとSpringBootでWebページを作ってみたい …

AngularとSpringBootでWebページを作ってみたい その3

はじめに ルーティング アイテムがマウスオーバーされた時にメニューを表示する おわりに 参照 はじめに AngularとSpringBootでWebページを作ってみたい その1 AngularとSpringBootでWebページを作ってみたい その2 今回は、Spring boot側のルーティングと、…

AngularとSpringBootでWebページを作ってみたい その2

はじめに node_moduleをインストールし直す ビルドデータの出力先の変更 CSS Grid Layoutを使う RxJSでJSONデータ取得 おわりに 参照 はじめに AngularとSpringBootでWebページを作ってみたい その1 引き続きWebページを作成すべくあれこれ試しています。 今…

JavascriptとCSSで表示切り替えとか

前回はTabを押した時にページ遷移をして(表示される内容は変わっていませんでしたが)内容を切り替えていました。 今回は、前回作ったものに更にボタン(ラジオボタン)を追加して、非同期でコンテンツの内容を変えてみます。 やったこと ボタンを2つ追加して、…

Ajaxに触れてみる

今回はちょっと脇道にそれて、SinatraでAjaxを試してみたお話。 はじめに ボタンを押すなど、何か操作をした場合にページ遷移せずに表示内容を変更してみたい。 ということで、jQueryを使って非同期処理をすることにしました。 今回やったこと ページ上に四…