プライベート最近やって面白かったコーディングデザイナー兼フロントをやってます。このところ作業が多くなってまして日々ゴリゴリコードを書いてます。CSSやhtmlって今は結構痒いところまで手が届くようになってるなと感心します。今回は最近試してよかった、面白かったコーディングをご紹介。colspan=”100′′100は100%の意味で縦でも横でも無条件で一つのセルにつなげられます。colspanでつなげる数を明確にするためjsを組む必要があると思ってたんですがこれは1発でできて驚きました。セル数が不明なテーブルにも余裕です。rotateって回転点を設定できるんですね。文字を変形させて移動させるときに規則性をもたせたい場合は重要だったり。用途は限られますが、助けられました。.class_name2にabsoluteでopacity:1やってみたら思いの外きれいにできたので楽しかったです。驚きはないですがhover指定でやれば確かに出るよね、的な。class_name1にrerative、2にabsoluteのbottom:0でwidth:100%。transitionとかでフェードを入れれば立派なメニューの完成です。Q:背景パターンをレスポンシブでも均一化したいA:background-size:にvw指定。これもやってみて面白かった載せ方です。パターン背景はpxや%ではリキッドの可変に対応できないけどこれなら大丈夫。rotateで0.001deg以などの小さな数を当てる。私の環境では効果は出なかったですが、上手いこと考える人もいるものだなと感心しました。幅が100%の中央を基準に設定すれば今までできないと思っていた背景の中央基準固定。calcでいとも簡単にできますね。loading=”lazy”を加える。lazyをautoにすると状況によりブラウザが判断して遅延読込を掛けてくれます。今はchromeだけの対応ですが今後は広がりそうな勢いです。他にも色々ありますが、合わせ技で効果を発揮するコーディングもあるので新しい知識も身につけつつ仕事で試してみたいと思います。明日から開発現場で使えそうなセリフを集めました。「鬼滅の刃」は週刊少年ジャンプで連載中のバトル漫画。中高生に留まらず全世代で人気があり、電子書籍が普及した現代にもかかわらずコミックスが売り切れで手に入らないなどの社会現象になっています。敵の攻撃がすごく痛かった竈門炭治郎の台詞より。土日出勤など辛い仕事を命じられた時に、なんとか頑張れるが本当にギリギリであることを主張したいときに使いましょう。長男しか使えないのでそこが難点です。判断が遅いメンティーにビンタをしながら言ってあげましょう。鬼滅の世界では、人生を左右する重要な判断でも5秒以内に回答できなければアウトですので肝に銘じてください。※メンティー...指導を行うメンターに対し、指導される側のこと。一緒に訓練をしている仲間への我妻善逸の台詞より。あなたの低レベルさを理解してくれていない後輩や同輩に、わかるはずもない高度な質問をされたときに使いましょう。どや顔で言うのが効果的です。生殺与奪とは生きるか死ぬかということ。生殺与奪の権を他人に握らせるとは、生きるか死ぬかの重要な判断を他人に委ねるということです。「クライアントが言ってるから」という理由でプロジェクトの致命的な欠陥をスルーしようとしている弱気なディレクターに対して言ってあげましょう。厳しく叱りつつ、あとで「わかるよ」と優しくフォローしてあげるとベターです。戦いを経験して登場人物が心も技も成長していく様子が丁寧に描かれる本作。社会人の皆さまにも共感できる部分が多々あると思いますので、是非読んでみてくださいね。