Twitter | Search | |
Takeshi Kano 鹿野 壮
かのたけし / ウェブ制作/ ICS MEDIA / JavaScriptコードレシピ集 / CSS Nite 2017〜2019ベストセッション / TechFeed Pro公認エキスパート / 九州大学卒 / / お仕事はDMまで
12,418
Tweets
2,801
Following
7,273
Followers
Tweets
Takeshi Kano 鹿野 壮 retweeted
けんじ 7h
gridを使うと、headerとfooterを画面端に固定しながら、コンテンツを上下左右中央揃えとかも簡単ですね! .container { display: grid; grid-template-rows: auto 1fr auto; place-items: center; min-height: 100vh; }
Reply Retweet Like
Takeshi Kano 鹿野 壮 Jul 11
ごろごろ言うかご飯食べるかどっちかにしてほしい。 でもかわいいからOKです🥰
Reply Retweet Like
Takeshi Kano 鹿野 壮 Jul 10
Replying to @tonkotsuboy_com
泡の動きはJSなしでCSSだけで表現している。 昔、CSSだけでパーティクル作れないかなあと考えて作ったものが元ネタ。 やってることは至極単純。 100個のanimation-nameを作って、ランダムな開始位置からランダムな終了位置まで動かしているだけ。
Reply Retweet Like
Takeshi Kano 鹿野 壮 Jul 10
Replying to @pino_ebiebi
カエロウ...
Reply Retweet Like
Takeshi Kano 鹿野 壮 Jul 10
Q. 背景 + テキストのボタンをhoverしたときに A. ビール
Reply Retweet Like
Takeshi Kano 鹿野 壮 Jul 9
Replying to @esturk_yome
Thanksの哀愁が。。。w
Reply Retweet Like
Takeshi Kano 鹿野 壮 Jul 9
Chromium Edgeの登場により、全モダンブラウザでAPNG(Animated PNG)が表示できるようになりました。 apngを表示するデモを作り、各ブラウザでのキャプチャを撮影しました。 apng素材はかぴのんスタジオ()より。
Reply Retweet Like
Takeshi Kano 鹿野 壮 retweeted
JetBrains WebStorm Jul 9
WebStorm 2020.2 has reached the Beta milestone! Starting with this build, the IDE will offer a quick way to start a debug session from the Run and Terminal tool windows. Learn more:
Reply Retweet Like
Takeshi Kano 鹿野 壮 retweeted
Eiji Kitamura / えーじ Jul 9
`<iframe loading="lazy">` is finally the standard!
Reply Retweet Like
Takeshi Kano 鹿野 壮 retweeted
Simon Pieters Jul 8
Native lazy-loading for <iframe> was added to the HTML standard today: Thanks for the heavy lifting with spec & tests 🎉
Reply Retweet Like
Takeshi Kano 鹿野 壮 Jul 8
Replying to @nanaki14
私も肩こりめちゃくちゃひどくて日常生活を送れないほどだったのですが、次の施策で完全に解決しました! ・毎日徒歩(30分〜1時間。腕をふって前を見て歩く) ・スタンディングデスク ・自分にあった椅子(私はエンボディチェア) ・肩〜背中を鍛える(私はマシン+リングフィット)
Reply Retweet Like
Takeshi Kano 鹿野 壮 retweeted
Adam Argyle Jul 7
1-Line Layouts by “10 modern CSS layout and sizing techniques that highlight just how robust and impactful a single-line of styling code can be” - 🦄 watch it 📼 visit it 📃 my favorite 4 😁👇
Reply Retweet Like
Takeshi Kano 鹿野 壮 retweeted
🈚️うひょ🤪✒📘 Jul 7
TypeScriptのunion型はorです 〜union型、構造的部分型、余剰プロパティチェックの話〜 on
Reply Retweet Like
Takeshi Kano 鹿野 壮 Jul 7
CSS GridやFlexboxで使うjustify-contentやalign-contentプロパティ。 flex-start、flex-end値はCSS Gridと組み合わせて全モダンブラウザで動作するけど、仕様書を見るとOnly used in flex layout😇
Reply Retweet Like
Takeshi Kano 鹿野 壮 Jul 7
WebStormでgit操作をしているとき、「別ブランチにある特定フォルダだけを今のブランチに持ってきたい」というケース。 あっち側の世界(ブランチ)から欲しいファイルだけを連れてこれる。 『Dirty deeds done cheap』 "いともたやすく行われるえげつない行為"
Reply Retweet Like
Takeshi Kano 鹿野 壮 Jul 6
Nuxtのnextブランチに、7/2にvue3ブランチが取り込まれました💐 nuxtのnextのバージョンはvue3が正式サポートされたnuxtだと期待していいのですかね☺️
Reply Retweet Like
Takeshi Kano 鹿野 壮 retweeted
のうめん🏗️👺デザイン産業バーチャル機械 Jul 5
なぜ開票から秒で当確が出るのか
Reply Retweet Like
Takeshi Kano 鹿野 壮 retweeted
Eiji Kitamura / えーじ Jul 5
とあるサイトの登録フォームがコピペを防ぐ鬱陶しい仕様だったので、DevToolsで外した
Reply Retweet Like
Takeshi Kano 鹿野 壮 retweeted
Takeshi Kano 鹿野 壮 Jun 18
Flexboxでのgapプロパティ、ChromeとMicrosoft Edgeの次バージョン84から有効になります💐 CSS Gridと同じように、marginを使わずにセル間の間隔を設定できます。 Firefoxは現行バージョンで対応済み💐 Safariは未対応😇 デモを作りました🖋
Reply Retweet Like
Takeshi Kano 鹿野 壮 Jul 5
記事に同意。 union typeでリファクタリングがしづらいなら、定数をまとめたオブジェクトからvalueのエイリアスを使うのが好き。 コード TypeScriptのenumを使わないほうがいい理由を、Tree-shakingの観点で紹介します
Reply Retweet Like