iroak_code's profile picture. 愛知でWebサイトを作るお仕事をしています👩‍💻コーディング歴4年 → HTML/CSS(Sass)/JavaScript/WordPress コーディングが好き!いろんなサイトを作りたい

かおり@Webコーダー

@iroak_code

愛知でWebサイトを作るお仕事をしています👩‍💻コーディング歴4年 → HTML/CSS(Sass)/JavaScript/WordPress コーディングが好き!いろんなサイトを作りたい

かおり@Webコーダー a reposté

デバッグ用サイトを作りました!⚙️ アクセスしたユーザーの各情報が確認できます。 「この環境だけバグがでる...」などの時に役立てば幸いです! ※サムネイルの黒塗り部分に値が表示されます。 .. ▼URL ↪︎ debug.tomoyaokada.com

__o_state's tweet image. デバッグ用サイトを作りました!⚙️
アクセスしたユーザーの各情報が確認できます。
「この環境だけバグがでる...」などの時に役立てば幸いです!
※サムネイルの黒塗り部分に値が表示されます。
..
▼URL
↪︎ debug.tomoyaokada.com

かおり@Webコーダー a reposté

#朝までマークアップ 3(JS編)を10月3日に開催します!

cssnite's tweet image. #朝までマークアップ 3(JS編)を10月3日に開催します!

かおり@Webコーダー a reposté

これでCSSのみで実装できる! スクロール方向に合わせてヘッダを非表示・表示する方法を解説 coliss.com/articles/build…


かおり@Webコーダー a reposté

便利なJavaScriptライブラリが登場! CSSのプロパティの値の変更を検出できる -CSSStyleObserver coliss.com/articles/build…

colisscom's tweet image. 便利なJavaScriptライブラリが登場!
CSSのプロパティの値の変更を検出できる -CSSStyleObserver

coliss.com/articles/build…

かおり@Webコーダー a reposté

実務でアクセシビリティチェックから対応までやる機会があって このスライド、かなり有益でありがたい。。! めちゃくちゃ参考にさせて頂いている 自動チェックも活用しつつ、手動でもれなく確認というフローに 最大効率を感じる 【最速[要出典]アクセシビリティチェック】 docs.google.com/presentation/d…

kon_coder's tweet image. 実務でアクセシビリティチェックから対応までやる機会があって
このスライド、かなり有益でありがたい。。!
めちゃくちゃ参考にさせて頂いている
自動チェックも活用しつつ、手動でもれなく確認というフローに
最大効率を感じる
【最速[要出典]アクセシビリティチェック】
docs.google.com/presentation/d…

かおり@Webコーダー a reposté

湯気のようにふわっと出てくるの素敵! mask-imageで周囲がぼんやり滲んだグラデーションのマスク画像が指定されていて、mask-size: 0から200%にアニメーションしている✏︎ voila.jp #100日間アニメーション探求 48日目


かおり@Webコーダー a reposté

セキュリティ:クレカ情報の流出があったタリーズオンラインストアのWebアーカイブから原因を特定した猛者が現れる→集まった有識者たちにより巧妙な手口が明らかに togetter.com/li/2445560


かおり@Webコーダー a reposté

【超重要記事】Node.jsとはなにか?なぜみんな使っているのか? Node.jsはJavaScript/TypeScriptのWeb開発における心臓部です。 これらの言語を学ぶなら必ず目を通しておきましょう。 #駆け出しエンジニアと繋がりたい #今日の積み上げ #プログラミング buff.ly/3rmWTIG


かおり@Webコーダー a reposté

昨日これ考えてて同じ結論に辿り着いてはいたんやけど変数名に超悩んでた。 ハーフレディングっていうんやねこれ tak-dcxi.com/article/use-li…


かおり@Webコーダー a reposté

Git:【図解解説】これ1本でGitをマスターできるチュートリアル!【完全版】 qiita.com/Sicut_study/it…


かおり@Webコーダー a reposté

CSSでdisplay:none;からアニメーションができる! @starting-styleがすべてのブラウザにサポートされました coliss.com/articles/build…

colisscom's tweet image. CSSでdisplay:none;からアニメーションができる!
@starting-styleがすべてのブラウザにサポートされました

coliss.com/articles/build…

かおり@Webコーダー a reposté

【重要記事】Reactを学ぶ上で知っておくべきJavaScriptの基本概念 これからReactを学びたいなら目を通してください。 最大の鬼門はPromiseやasync/awaitを用いた非同期処理です。 #駆け出しエンジニアと繋がりたい #今日の積み上げ #プログラミング buff.ly/4752Mdp


かおり@Webコーダー a reposté

トップに戻るボタン、さすがに可愛すぎたのでシェアします miruto.shop


かおり@Webコーダー a reposté

Webクリエイターボックス新着記事:コーディングもするWebデザイナーがSTUDIOでWebサイトを作ってみた webcreatorbox.com/inspiration/st… STUDIOはノーコードでのWebサイトデザインや制作ができる国産ツール。サーバーの設定も不要で、STUDIOだけで設計から制作、公開までを一括管理できます。


>RT 仕事早く終わらせて見なければ🏃‍♀️


かおり@Webコーダー a reposté

CSS Niteのhtmx回、今週末です! 私からは、WordPressとhtmxの連係として、WordPressのテーマ(クラシックテーマ)をサクッと非同期通信化する方法について、ご紹介します。是非! htmx入門 - JSが苦手な方のための、やさしいライブラリ cssnite.doorkeeper.jp/events/175109 #htmx入門 @cssniteより


かおり@Webコーダー a reposté

制作事例カードのhover良すぎる😭 サイトの表現に合わせてコマ送りになってるのもいい! transition: transform .4s steps(3); この'step'で3段階ステップに分けてある✏️ あと右端のCVマンのhoverもめちゃ可愛い。 spicato.com/studio/ #100日間アニメーション探求 26日目


United States Tendances

Loading...

Something went wrong.


Something went wrong.