- すべて
- 画像・動画
並べ替え：新着順
SVGを使うと、色の変更がしやすいから、ホバーアクションなどを付ける場合は便利📝 ポイントは、①svgをhtmlに入れる、②色は、cssでfillやstrokeを使って調整すること📍 苦手意識あったけど、ファイルサイズも減らせるし、いいことばかり🌟 積極的に使っていきます😊 pic.twitter.com/c8CLKBiiwd
TSX と SVG×4 で動的画像を実装 Next.jsの機能 ・import文で画像を取込み ・getImageProps()で<source>や<img>向けのPropsを取得 ・配信画像のファイル名にContentHashが付与される HTML/JSXの機能 ・<picture>,<source>,<img>で画像を表示 ・<source>のmedia(query)属性で画像を切替え pic.twitter.com/mrHGeDTe0S
いまさらながらSVG画像をインラインSVGじゃくてsymbolタグで読み込む方法を覚えた。これでHTMLのコードが長くならなくて済むし、CSSで色の変更ができて良き。 細かいテクニックって大事だな。見落としてるテクニックありすぎて時間足りんわ。 zenn.dev/no4_dev/articl…
フロントページの境界線に使える SVG使用のカスタムHTMLを紹介していた記事、 大幅に書き直しました😅 cocoon-grayish.na2-factory.com/for-frontpage-… ✅改良版では、カバーブロックで利用可能 （パターン配布あり） ✅色変更がエディタでできるので簡単😄 ※以前の内容も残してあります pic.twitter.com/u4cPV173eJ
5/4 しょーごさん課題中級Ex ✅ スマホ用トップページ ピクパ サイズ調整の仕方が分からなかったHTMLに直書きしたsvg画像、「svgサイズ変更ツール」というサイトでできました！ 昨日はポスト直後に息子がぐずり出したのでトップページのピクパ終わらなかったー😭 今日こそ終わらせる！
4/26 しょーごさん課題中級Ex ✅レイアウト崩れ修正 ✅お問い合わせフォーム ホバー時のsvgの画像の色の切り替え、画像の用意が無い場合は、 ・HTMLに直接svgのパスを埋め込む ・CSSに、 .ボタンのクラス名:hover .svgクラス名 path: カラー名; でできました！ 引き続き作業続けます！
4/26 しょーごさん課題中級Ex ✅レイアウト崩れ修正 ✅お問い合わせフォーム ホバー時のsvgの画像の色の切り替え、画像の用意が無い場合は、 ・HTMLに直接svgのパスを埋め込む ・CSSに、 .ボタンのクラス名:hover .svgクラス名 path: カラー名; でできました！ 引き続き作業続けます！
#今日の進捗 baseの完成~landing-page.html途中まで 〜宿題〜 1.フルサイズ時の余白をどうするか 2.サイドバー展開時のoverlayのアニメーションが適用されない 3.svg要素の取り扱い pic.twitter.com/jyBCM53ISn
授業に出てきたsvgの動画データとは、ベクター形式（点と線で構成される）でHTMLやCSSpで使用可能。ロゴやアイコン向き。今わかるのはこんなとこ。 参考にしました🙏 321web.link/svg/
【Qiita】3年前にすごい人 [ JavaScript HTML5 SVG AWS diagram_as_code ]に関する記事を書いた @zsipparu さん : qiita.com/suo-takefumi/i…
返信先:@aboutkitchen1文字で絵を表現するための決め事で、例えば 「横半径40、縦半径35の楕円を、中心位置座標50,50に描く」 という表現が、メモ帳を開いて <html> <head></head> <body> <svg xmlns="w3.org/2000/svg" width="300" height="300" viewbox="0 0 100 100" stroke-width="1" stroke="black"> <ellipse…
"FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション - Speaker Deck" speakerdeck.com/ttskch/figmato… HTML/CSS → Excel+LibreOffice → Figma+HTML/SVG/CSS
PHPを使い、XML形式の年表データをSVGによるグラフィカル表示を行う。SVGは2001年に公開されたベクター描画言語であるが、HTML5になりブレイクし、ぱふぅ... pahoo.org/e-soul/webtech… #pahoo pic.twitter.com/XQWiQZop1h
全部HTMLは結局崩れるしスケールしない感覚はあったのでデザインしたsvgをベースにするのは良いアプローチぽい。一方 pdfme.com のような帳票エンジンにも希望の眼差しを向けている / ついに、Webアプリでの帳票印刷のベストプラクティスを編み出しました zenn.dev/ttskch/article…
【Tech Blog おすすめ記事紹介 2024/04/15】 SVG にテキストを埋め込む際に注意すべきこと(iOS・Safari対応) 記事はこちら🌟 masanyon.com/html-css-svg-t… #Webデザイン, HTML&CSS #Web開発 #Webエンジニア #エンジニアと繋がりたい #プログラミング
cssアニメーションに没頭してたら、カフェで時間使い過ぎた… [途中経過] 1. WordpressにCode penを埋め込む方法を覚えた 2. svgテキストデータをcssアニメーションする方法を学んだ 3. Wordpress内のことはほとんどカスタムHTMLでなんとかなるかも！
theater.jsすごい🎞 キーフレーム感覚でカメラアニメーション作れた イージングも画面上で対応できたし 直感的に操作できるからthree.jsの細やかな動きも自在に作れそう HTML/SVGも対応してるのでアニメーションの幅も広がる pic.twitter.com/rqU9fxTty1
トレンド4:13更新
人気ポスト
コンビニに警察👮♂️おって、何事⁉️と思ったけど、飲み物買いに来ただけだった😂 そりゃ警察官も喉渇くよね。広島市内のパトロールは自転車とかだから余計に。 制服着たままだと万引きとかの抑止力になりそうだしいいですね。 お勤めお疲れさまです🫡
今日唐揚げ用の鶏肉買いに行ったら、高校生のバイトの子のレジで、急に真っ青になって、 「すみません…😨…破れちゃって…。」 と、言われたから、 「気にしないで🤪☆どうせ、すぐ揚げるから！手間省けたわ！見て、食べ過ぎちゃって！このお腹（ポンポンと叩く）」 で、笑ってもらえて良かった（笑）
機械積んでるからって張り切って停めるなやww めちゃめちゃ視界良好やんw
まだ気づいてない方へ朗報です。 東京にブルーシールあります。
GWにハワイに行ってた息子が遊びに（ご飯食べに）来て 『はい』と手渡されました。 ハワイのお土産かと思ったら、日本で購入したらしい🤣 『日本で売れた方がいいんでしょ？』って… お気遣いありがとね😅 大切に着けます✨ #母の日 #LouisVuitton #ShoHirano #ShoHirano_LouisVuitton
福岡到着🆕 都内の前住んでた部屋より少しグレードアップしたのに家賃は−3.5万
イソトレチノイン飲み始めてから、むしろ悪化してた頬の毛穴の開き、最近綺麗になってきたー
本に押し花が挟まってたことはこれまでもあったけど、これほど立派に残ってるのは初めて見たな。
限界2年目看護師の部屋
3年前の今日 息子の葬儀でした。 4月30日にタイで転落自死を してから、領事館もGW休みに 入って、日本に冷たい身体で 帰ってきたのは5月7日。 何があったのか、わからないまま お骨になり、息子の人生は終わって しまいました→ #日立造船 #過労死
