Olivia
Online
かずぱん@エンタメ好きWEBクリエイター
@KZpan_webdesign
【デザインの引き出しを増やしたい人へ】30代｜残業多めの営業マン｜WEB制作知識0→副業でWEBコーダー兼WEBデザイナーへ｜特技は1分間に300文字の高速タイピング｜レパートリーを増やして単価を上げたいWEBコーダー・WEBデザイナーへ情報を発信します💻
公式LINE▼
大阪府大阪市
Joined August 2022
1.6K Following
1.6K Followers
12.8K Posts
Pinned Tweet
【本日公開】
📄有料note記事📄
実務で使用する頻度が高い機能をJavaScriptを使って実装する方法を短時間で学べる記事です！
販売価格 1500円
2月4日までに購入申し込みをして頂くと1200円で販売します！
このチャンスをお見逃しなく！
記事のリンクはこちら▼
https://t.co/nc2c4HMJn1
【placeholder属性の装飾方法】
疑似要素で装飾する事が出来る。
おはようございます！
今日は卵の日だそうですが最近はタンパク質補給も兼ねて朝食は卵料理ばかりです😂
まだまだウエストの脂肪気になるので食生活も見直し中。
今日もタスク進めます！
【placeholder 属性とは？】
フォーム入力欄に入力例等を表示するためのHTML属性。
主な用途
①入力例を示す
②何を入力するか補足する
主に<input>要素や<textarea>要素に使う。
注意点
placeholderはラベルとしては使えない。
入力すると文字か消えてしまう。
Who to follow
りょー｜フリーランス 
@Ryo_web_cording
31歳｜未経験から独立｜Webコーダーとして250件以上納品｜個人事業の独立を永遠サポートする #RyoHack 運営(140名在籍)｜実務特化型学習教材 #沼脱 #コーディング基礎講座 累計800部｜#デイトラ Web制作コース独サポ メンター｜日々の活動や誰かの相談に対する僕の考えなどを毎日ブログで発信してます👇
てぃー🍵ディレクションスクール ディレティー運営
@diretea_tea
未経験からWeb制作の“案件を回せる人”になる方法を発信
|業界未経験向けLINE:https://t.co/PQXUcK0FHS ｜前職:ヤフー(SE)・ソフトバンク(PM)｜実務ベースで月100万以上の利益を継続中｜何からやればいいか分かるようになる｜案件の進め方が分かるようになる｜クライアントに提案できるようになる
カイト@エンジニア
@kaito80809
製造業13年→未経験からフルリモートのエンジニアへ転身
●インフラ構築〜バックエンド開発(Laravel)
●Cursor等を用いたAI駆動開発・業務自動化
コーディングはもちろん、Webサイトに紐づくシステム開発まで幅広く手を動かします😤
岡山在住37歳 / 2児の父(👦6歳＆3歳) / 漫画好き / #デイトラ
おはようございます！
先日タスク終わりにランチしました。
そこでメロネードがあったのでメロン好きな私は気になって注文。
濃厚な味わいで美味しかったです🤭
また休み明けもタスク進めます✊
【asyncの役割】
<script src="app.js" async></script>
→読み込み完了したら即実行される（順序保証なし）
・いつ実行されるか不定
・他のscriptとの順序が崩れる
・非同期で高速
【defer属性の役割】
構文
<script src="app.js" defer></script>
→HTML解析後に実行する（順序保証あり）
・DOM構築後に実行
・複数scriptでも順序が保たれる
・ページ表示をブロックしない
<noscript>は<head>内でも使用可能例
例
<head>
<noscript>
<link rel="stylesheet" href="no-js.css">
</noscript>
</head>
→JSが無効なときだけCSSを適用できる
おはようございます！
最近は筋トレタイムを朝にずらした影響で3時から4時起きが習慣化しつつあります。
朝の筋トレ後は頭も冴えるし良いですね👍
華金も頑張っていきます✊
【<noscript>タグ使用時の注意点】
①JavaScript有効時は完全に無効になる。
→ブラウザの仕様で無効化される
②<noscript>は保険であり、JS依存を減らす設計にした方が良い
→コンテンツがHTMLだけで成立している場合は使わなくてもよい。
@gizumo_saiyo おはようございます！
ブルーベリーは目にも良いと紹介されているのを見てから取り入れました✨
ちょっとした目の休息にも良いと思います🤭
おはようございます！
最近はヨーグルトにブルーベリーを入れて食べるのが日課になってます。
パソコン作業から来る目の疲れを軽減出来るし腸内環境改善にもなる分健康維持にも有用だと感じてます✨
健康に気をつけて今日も頑張ります✊
【<noscript>タグを使用するパターン】
①JavaScriptが必須のサイトのフォールバック
React / Vue / Nuxt等でよく使用する。
②解析ツール
Google Tag Managerではほぼ必須
③JSに依存しているUIの代替手段
おはようございます！
昨日は台風がひどくなる前に帰れて一安心でしたが皆さんの所はどうでしたか？
こちらは雨が止んできた感じなのでびしょ濡れにならなくて済みそうです。
今日もタスク進めます✊
【noscriptタグ】
JavaScriptが無効な環境や読み込まれない場合に表示される代替コンテンツを定義するためのHTMLタグ
基本構文
<noscript>
<p>このサイトはJavaScriptが必要です。</p>
</noscript>
JavaScriptが有効な場合は表示されない
おはようございます！
昨日の健康診断で腹囲が91→86まで減量する事が出来ました！
結果を出せて嬉しい反面目標まで後少し届かなかったのでまだまだ継続しなければ✊
筋肉量も増やしたいのでフィジークの方の食事内容も参考にしつつ頑張ります。
【will-changeプロパティ使用時の注意点】
① 常に書くのはNG
例
* {
will-change: transform;
}
・レイヤー増えすぎ
・GPUメモリ圧迫により逆に重くなる
② 使いどころは限定する
③ autoに戻す
will-change: auto;
これにより最適化を解除する
おはようございます！
6月の始まりと共に本日は健康診断。
去年からお腹周り気になってるので目標値まで減らしたいと思いつつ日々ストレッチや筋トレ続けてました。
どんな結果になるか期待しつつ今日もタスク進めます✊
【will-changeプロパティとは？】
指定した要素が変化する事を事前にブラウザに知らせるプロパティ。
これを使うと、
①指定した要素を別レイヤーに分離
②GPU処理の準備
③再描画コストを減らす
その結果、アニメーションが滑らかになりやすい。
おはようございます！
昨日ポストし忘れましたが先日29の日の仕事終わりにステーキと31のよくばりフェスを味わいました。
暑い日のスタミナ補給とクールダウンにはピッタリです😋
【transform使用時の注意点】
① 使いすぎると逆に重い
GPUレイヤーが多いとメモリを圧迫する
→必要な要素だけ使う
② transformは「見た目だけ動く」
→レイアウトは変わらない
③ position制御とは別物
→レイアウト設計は別でやる
Last Seen Users on Sotwe
Angel Saloni
Seen from United States
puki pucat
Seen from Indonesia
Pemula
Seen from Indonesia
araaaachika
Seen from Singapore
Natalia G
Seen from United States
18 𝙃𝙊𝙏 𝙂𝙄𝙍𝙇𝙁𝙍𝙄...
Seen from Turkey
Lanang_TerapisPijitBali
Seen from Germany
Học sinh gay
Seen from Turkey
King - (BDay on the 23rd)
Seen from United States
เดี๋ยวก้อบินอีก
Seen from Malaysia
Most Popular Users
Elon Musk
@elonmusk
240.2M followers
Barack Obama
@barackobama
119.3M followers
Donald J. Trump
@realdonaldtrump
111.6M followers
Cristiano Ronaldo
@cristiano
109.1M followers
Narendra Modi
@narendramodi
106.9M followers
Rihanna
@rihanna
97.3M followers
NASA
@nasa
92.1M followers
Justin Bieber
@justinbieber
90.6M followers
KATY PERRY
@katyperry
86.9M followers
Taylor Swift
@taylorswift13
80.7M followers
Lady Gaga
@ladygaga
72.3M followers
Kim Kardashian
@kimkardashian
69.4M followers
Virat Kohli
@imvkohli
68.7M followers
YouTube
@youtube
68.6M followers
Bill Gates
@billgates
63.5M followers
The Ellen Show
@theellenshow
62.5M followers
CNN
@cnn
61.9M followers
Neymar Jr
@neymarjr
61.3M followers
X
@x
60.9M followers
Selena Gomez
@selenagomez
60M followers