DIST.38 「CSSな夜」で発表した内容です。 https://dist.connpass.com/event/266728/ Twitter https://twitter.com/tonkotsuboy_com
![CSS Grid・Flexboxの 最近の進化とミライ](https://cdn-ak-scissors.b.st-hatena.com/image/square/deb63e8ca17b08bdb75751c9e57b15e71ca2399d/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F2671af9577324fc4950b009e6b885611%2Fslide_0.jpg%3F23763520)
バスケットボールはあまり好きではない。中学の時、バスケ部の連中がイヤなやつばっかりだったからだ。性格の悪いイジメっ子とチャラいアホがたしなむスポーツ、それがバスケなのだろう…。そんなふうに中学生の私は考え、それ以降バスケを見たり遊んだりする機会も特になかった。私の人生とバスケの唯一の接点といえば大人気漫画『SLAM DUNK』(以下スラダン)であり、一応読んでみたら名作だけあって確かに面白かった。しかし中学のバスケ部には自分を桜木花道だと思いこんでるアホとかもいて鬱陶しかったので、「スラダン」がバスケのイメージを向上するまでは至らず、バスケは私の心の「別にどうでもいい箱」に入れられた。 しかしそんなバスケ一切興味なし人生に、もう一度バスケに触れる機会が訪れた。映画『THE FIRST SLAM DUNK』である。予告編を見た時点では、特に思うところは全くなかった。あ〜最近よくある感じの名作
この記事は 「個人開発Advent Calendar 2022」 8日目の記事です。 はじめに 先日リリースされた、SplarateというWebサービスの開発をお手伝いしています。そこで導入したtRPCが驚くほど便利だったので、実際の体験を交えてその使いやすさを紹介します。 tRPCとは? tRPC allows you to easily build & consume fully typesafe APIs without schemas or code generation. https://trpc.io/docs/ tRPCは、スキーマやコード生成なしで型安全なAPIを簡単に構築し、呼び出すことのできるライブラリです。 tRPC is for full-stack TypeScript developers. と謳われているように、TypeScriptに特化して作られており、Ty
ウェブサイト制作において見た目がきちんと実装されているのは大事なことですが、コードのちょっとした違いでユーザーの不便につながることもあります。本記事では見た目だけでなくユーザーの使い勝手にも気をつけたコーディングテクニックについて解説してます。今回はユーザーが特に使い心地を感じやすいインタラクション部分で、シンプルなHTML・CSSだけでより良くできる17個に絞って紹介します。 下記サンプルでNG例とよい例の両方を紹介しています。実際に違いに触れながら本記事を読むと分かりやすいです。 サンプルを別ウインドウで開く コードを確認する 1. divタグをボタンにするのは避けよう 見た目はボタンのようでも、<div>要素で実装したボタンはアクセシビリティの観点からもよくありません。ボタンとしての機能を持つなら<button>要素を用いるのが多くの場面でも有効です。もし、諸事情で<div>要素を用
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く