내가 좋아할 만한 콘텐츠
📝backdrop-filterで写真加工 Photoshopとか使わなくても CSSで写真加工が簡単に出来るのに感動。 FVとかで使うと雰囲気ありますね！ 実際に使ってみたくて CodePenで一覧にまとめてみました。 それぞれの効果内容とメッセージが リンクするとグッと伝わる感じします。 #Web制作 #Webコーダー
Crome,Edgeでスクロール時にがたつく。 調べるとpositionやbackground-attachmentでfixed使うと起きるようだけど、どう解決するんだろ。 1つ解決するとまた何か起きる😂 #Web制作
#今日の積み上げ おはようございます！ 今日も仕事休みにしたので 集中して学んでいきます！ 朝活5:30-8:00 └ デイトラ上級DAY5・6 午前・午後 └ デイトラ中級最終課題コーディング └ 実提案WFのチェック #駆け出しエンジニアとつながりたい #デイトラ
デイトラでPHPの基本講座あるけど JavaScript勉強していた時期もあり ちょっと楽しいですね！ ここが本質では無いと思うので サクサク進めながら学んでいきたいと思います。 このあとはデザイナーさんとのミーティング。 新しいことへの挑戦はワクワクしますね！ #駆け出しエンジニアと繋がりたい
おはようございます！ ＃今日の積み上げ ・デイトラ上級編Day4-6 ・デイトラ中級最終課題のHTML設計 ・Zoomミーティング1件 日中は家族と過ごしますが、 朝と夜、隙間時間でしっかり学んでいきます！ #デイトラ #プログラミング初心者と繋がりたい
【🔥特大報告🔥】 皆様のおかげで忍者CODE 1周年❗️ と言うことで特大プレゼント✨ 最新版13インチMacBook Pro：1名様 アマギフ1万円：3名様 ■参加方法 ①RT＆フォロー ② ninjacode.work にログイン後 トップページにある応募formから応募 ■応募期間 3/5 23:59 参加資格はコチラ↓
デザインカンプがPCしかない時は 悩む部分もあるのでこのサイトで たくさんの実例に触れて引き出し増やすと 時短になりそう！ Responsivelyというアプリと併用すると デバイス別での見比べも出来て より勉強になりそうです。 良いサイトをありがとうございます！ #Web制作
レスポンシブでのよしなになコーディングってどうすればいいんやって人は、例えばこちらのサイトとか私はもう2年ほど追ってますがいいですよ！ 実例を見て引き出しを増やしておくといいと思います。 responsive-jp.com
#今日の積み上げ 問合せフォームを実装 ・主要ブラウザで見え方統一 ・GoogleFormに紐付け ・チェックボックスCSS Animation ・必須項目全て入力でボタンクリック可 ・Tabでinput非表示部分もアウトライン表示 #デイトラ #Web制作 #朝活
店舗のサイト制作を初めてデザイナーさんと組んで情報設計からやる事になったのですが、その業界や競合について調べて、周囲にヒアリングして、サイト制作の目的やコンセプト考える… ただ題材としてデザインカンプをコーディングしているだけでは気づけなかった事が多いですね！ #Web制作
📝デイトラ総復習課題② PC版がほぼ完成。 問合せフォーム前まで約5時間30分。 問合せフォーム、、、2時間😂 問合せフォームのストック作って 次はもっと早く出来るはず！ 細かなアニメーション追加して レスポンシブやって、あと少し。 #デイトラ #Web制作
📝デイトラ総復習課題① 時間計測しながらコーディング中。 仕様指定でドロワーメニューは drawer.jsを利用なんですが 調整するのが逆に大変ですね。 色々と復習になっている（なりそう）なのが デイトラすごいな、と思う瞬間。 #デイトラ #Web制作
📝XDカンプからコーディング @cresta_designさん初級編 ▼ 実施したこと ☑︎ 自作テンプレ利用 ☑︎ BEM利用 ☑︎ font周りをfunctionで管理 ☑︎ Sassの分割管理 ☑︎ CSS animation追加 ☑︎ SP・TABレスポンシブ ☑︎ 主要ブラウザでチェック →約5.5時間 #クリスタチャレンジ #Web制作
📝画像形式ごとの特徴 こちらのサイトが分かりやすかった。 それぞれの特徴を理解して 適切な画像形式で利用出来るようにする。 ☑︎ ベクター画像とラスター画像 ☑︎ PNG8、24、32と種類がある ☑︎ SVGはCSS・JSでの操作が可能 #プログラミング学習 #Web制作 d-fount.com/types-of-image…
d-fount.com
Webで扱える画像について知ろう！基本の4つの画像形式とその特徴まとめ | D-FOUNT -大阪・京都のグラフィックデザイン／Webデザイン-
画像には様々な形式がありますが、ブラウザは全ての形式の画像を表示できるわけではありません。本記事ではWebで扱える画像について、基本の4つの画像形式とその特徴をまとめています。 [outline] 画像形式の種類について 例えばPhotos
これ嬉しい！ 今まさに色々と調べていたところなので しっかり読み込んで勉強させていただきます。
今年最後のZennの記事を投稿しました。自分がよく使っているSassのmixinとfunctionのスニペットをまとめたものです。Sass利用者の方は是非参考にしていただければ嬉しいなと。 よく使うSassのmixinとfunctionのスニペットをまとめてみた｜TAK zenn.dev/tak_dcxi/artic… #zenn
📝BEM命名規則チートシート こんなチートシート発見！ 1ブロックで1ファイルを意識して すんなりクラス名つけるべく エレメントの表現方法増やす。 #プログラミング学習 #Web制作 9elements.com/bem-cheat-shee…
さっさとコーディング始めてしまえば それなりにレイアウトは作れていくけど コーディング前のこういう時間が 今後の自分を助けてくれる気がする。 しかし…意外と時間が掛かる😂 経験ない中で考えすぎても始まらないので まずはざっくり整理して一度進めてみる！ #デイトラ #プログラミング学習
📝SCSSファイル分割 デイトラの練習課題の最後は 長いSCSSファイルを いったりきたりスクロール… 総復習課題に入る前に これまでの内容含めてテンプレ作成中。 これでだいぶ分かりやすく整理出来そう！ #デイトラ #Web制作 tsudoi.org/guide/detail/8…
tsudoi.org
SCSSのファイル設計について Vol.1 吉本式BEM設計（BEM設計ベース）
吉本式BEM設計（BEM設計ベース）とは、より美しいソースコードにするためのマークアップエンジニア向けの技術コンテンツです。
📝SCSSファイル分割 デイトラの練習課題の最後は 長いSCSSファイルを いったりきたりスクロール… 総復習課題に入る前に これまでの内容含めてテンプレ作成中。 これでだいぶ分かりやすく整理出来そう！ #デイトラ #Web制作 tsudoi.org/guide/detail/8…
tsudoi.org
SCSSのファイル設計について Vol.1 吉本式BEM設計（BEM設計ベース）
吉本式BEM設計（BEM設計ベース）とは、より美しいソースコードにするためのマークアップエンジニア向けの技術コンテンツです。
United States 트렌드
- 1. FIFA 158K posts
- 2. FINALLY DID IT 426K posts
- 3. The Jupiter 96.5K posts
- 4. The WET 107K posts
- 5. $MAYHEM 2,767 posts
- 6. Infantino 32.9K posts
- 7. Lauryn Hill 9,464 posts
- 8. Warner Bros 186K posts
- 9. The BONK 241K posts
- 10. Matt Campbell 7,058 posts
- 11. Kevin Hart 4,314 posts
- 12. #NXXT_AI_Energy N/A
- 13. #FanCashDropPromotion 2,771 posts
- 14. Hep B 1,362 posts
- 15. HBO Max 74.8K posts
- 16. Iowa State 6,470 posts
- 17. #NXXT_CleanEra N/A
- 18. Chris Henry Jr 10.6K posts
- 19. #GenerationsShift_NXXT N/A
- 20. NextNRG Inc 2,620 posts
Something went wrong.
Something went wrong.