minori_coder's profile picture. Webコーディングしてます|HTML|CSS(Sass)|JavaScript(jQuery)|Wordpress|趣味 : 写真、ゲーム、読書

ミノリ@コーダー

@minori_coder

Webコーディングしてます|HTML|CSS(Sass)|JavaScript(jQuery)|Wordpress|趣味 : 写真、ゲーム、読書

ミノリ@コーダー reposted

フロントエンドカンファレンス関西で登壇しました。 こちらが登壇資料です。 #fec_kansai 俺流レスポンシブコーディング 2025 speakerdeck.com/tak_dcxi/an-li…


ミノリ@コーダー reposted

書いた。調整が煩雑になりがちなデザインカンプの間の状態を、きれいで簡単かつ体系的に実装する方法。グリッドシステムがあるとレスポンシブデザインがうまくいかない理由など。すべてのレイアウトはコンテンツのために。「PLAID Designer’s Advent Calendar 2025」の1日目。 yuheiy.com/blog/2025/desi…


最新版のSwiper 12.0.3の矢印をカスタマイズしようとしてうまく行かない時は、display:none;でswiper-navigation-iconを非表示にしてみてください。 私の場合は、このsvgを非表示にすることで、デフォルトの矢印が消えカスタマイズすることができました。 #デイトラコミュニティ #Web制作

minori_coder's tweet image. 最新版のSwiper 12.0.3の矢印をカスタマイズしようとしてうまく行かない時は、display:none;でswiper-navigation-iconを非表示にしてみてください。
私の場合は、このsvgを非表示にすることで、デフォルトの矢印が消えカスタマイズすることができました。
#デイトラコミュニティ #Web制作

本日は、コーディングしてるLPの修正を行いました。 #デイトラコミュニティ #デイトラ


本日は、calc関数で割り算をする時に、分母に単位を付けると動かなくなることを知りました。 #デイトラコミュニティ #Web制作


ミノリ@コーダー reposted

このままだと餓死してしまうため拡散お願いします。 現在の案件がPJ縮小により11月末で契約終了となります。12月から稼働できる案件を探しています。 フリーランスのフルスタックエンジニアです。自走力あります。スクラムマスターもやってました。 ・AWS (5年) ・TypeScript (5年) ・Python (2年)…


こちらに参加してきました。独立する上で、役立つことを学べました。

\ 📣#デイトラコミュニティ 限定イベント!🥳 / 11/14㈮ 21:00~22:30 @kamteyaso さん @kyoru_sho_dev さん企画 第3回 現役フリーランスに学ぶ!! 今日から始める独立・開業準備セミナー✨ 今回は、下記について学んでいきます🔥 ・独立/開業に向けての準備💼 ・マインドセット🧠 #デイトラ

daylytrial_comm's tweet image. \ 📣#デイトラコミュニティ 限定イベント!🥳 /

11/14㈮ 21:00~22:30
@kamteyaso さん
@kyoru_sho_dev さん企画
第3回 現役フリーランスに学ぶ!!
今日から始める独立・開業準備セミナー✨

今回は、下記について学んでいきます🔥
・独立/開業に向けての準備💼
・マインドセット🧠

#デイトラ


【Sassでデザイン単位を統一】 r-clampとpt変換関数を活用して、Canva・IllustratorのDPI差を吸収するSass関数群を解説。 単位変換だけでなく、流体設計や印刷対応まで一貫して扱えます。 🔗 qiita.com/koishi86/items… #Sass #CSS設計 #Web制作 #フロントエンド #デイトラ #デイトラコミュニティ


ミノリ@コーダー reposted

【コーダーさん募集💐✨】 コーディング込みのご相談をいただく事が増えている為、今後一緒にお仕事ができる方を募集しております! ・楽しく継続的にお仕事できる方 ・有償での実務経験がある方 ・WordPressでの実装ができる方 お力添えいただけますと幸いです🥹…


【Sass】Fluid Typographyを実現するrClamp関数をモダン環境向けにアップデートしました。 calc()対応・$baseFontSize追加で、Dart Sassでも安全に動作します 記事はこちらqiita.com/koishi86/items… #Qiita #デイトラ #デイトラコミュニティ


Canvaデザインを元にコーディングする時に地味に困る「ptフォント問題」。 毎回手計算するのが面倒なので、Sass関数にして解決しました。 実務効率がかなり上がります。 以前作った物を10px=1remのサイトにも対応できる様にアップデートしました。 #sass #web制作 #フロントエンド #デイトラ

minori_coder's tweet image. Canvaデザインを元にコーディングする時に地味に困る「ptフォント問題」。
毎回手計算するのが面倒なので、Sass関数にして解決しました。
実務効率がかなり上がります。
以前作った物を10px=1remのサイトにも対応できる様にアップデートしました。
#sass #web制作 #フロントエンド #デイトラ

デザインデータのフォントサイズの単位がpxではなく、ptだった時に使用したSass関数です。 単位なしの純粋な値、px値、rem値に対応しています。 一行目の「use "sass:math";」を忘れるとエラーが出ますので注意してください #デイトラ #デイトラコミュニティ

minori_coder's tweet image. デザインデータのフォントサイズの単位がpxではなく、ptだった時に使用したSass関数です。
単位なしの純粋な値、px値、rem値に対応しています。
一行目の「use "sass:math";」を忘れるとエラーが出ますので注意してください
#デイトラ #デイトラコミュニティ

ミノリ@コーダー reposted

周知が足りてないー! 実はクリエイターが遭遇しがちな「契約・著作権トラブル」を、無料で弁護士に相談できる窓口が文化庁にあるんです! たとえば、「契約書に著作権譲渡って書かれてるけどこれ本当にサインして大丈夫?」…

This post is unavailable.

以前仕事を受けたクライアントから、別件で依頼がありました。 ボリューム的に期限内で依頼内容を全て満たすのは無理でしたので、 期限内に行えそうな内容を提示し、料金を下げることで案件化に成功しました。 #デイトラ #デイトラコミュニティ


ミノリ@コーダー reposted

意外と多いコーディング時の検討事項と、デザイナーにも事前に考えてほしいこと ---------- コーディング作業は、見た目の再現だけでなく、以下のような点も考慮しながら構築しています。 ・適切なマークアップになっているか ・表示速度への影響はどうか ・運用・保守のしやすさ…

wurst_design's tweet image. 意外と多いコーディング時の検討事項と、デザイナーにも事前に考えてほしいこと

----------

コーディング作業は、見た目の再現だけでなく、以下のような点も考慮しながら構築しています。

・適切なマークアップになっているか
・表示速度への影響はどうか
・運用・保守のしやすさ…

ミノリ@コーダー reposted

✏️ #QuickTips 横並びのニュースリストを実装する 各アイテムの位置を揃えるためにflexではなくsubgridを使用する 日付部分は内在的な最大幅に設定し、カテゴリ部分はfit-content(10rem)で10remを上限にしつつ内在的なサイズを幅とする fit-content()関数はマイナーだけど便利なので覚えておくと良い

tak_dcxi's tweet image. ✏️ #QuickTips

横並びのニュースリストを実装する
各アイテムの位置を揃えるためにflexではなくsubgridを使用する
日付部分は内在的な最大幅に設定し、カテゴリ部分はfit-content(10rem)で10remを上限にしつつ内在的なサイズを幅とする
fit-content()関数はマイナーだけど便利なので覚えておくと良い
tak_dcxi's tweet image. ✏️ #QuickTips

横並びのニュースリストを実装する
各アイテムの位置を揃えるためにflexではなくsubgridを使用する
日付部分は内在的な最大幅に設定し、カテゴリ部分はfit-content(10rem)で10remを上限にしつつ内在的なサイズを幅とする
fit-content()関数はマイナーだけど便利なので覚えておくと良い

ミノリ@コーダー reposted

【イベント案内🎉】 今週末の土曜日にきょるさん( @kyoru_sho_dev )とのイベント:第二回「現役フリーランスに学ぶ」を開催します! 今回はお金に関わるライフハック術を学んでいきます💰 超有益情報を知りたい方は是非ご参加くださいー🙆‍♂️ #デイトラ #デイトラコミュニティ

kamteyaso's tweet image. 【イベント案内🎉】
今週末の土曜日にきょるさん( @kyoru_sho_dev )とのイベント:第二回「現役フリーランスに学ぶ」を開催します!
今回はお金に関わるライフハック術を学んでいきます💰
超有益情報を知りたい方は是非ご参加くださいー🙆‍♂️

#デイトラ #デイトラコミュニティ

ミノリ@コーダー reposted
Ryo_web_cording's tweet image.
Ryo_web_cording's tweet image.
Ryo_web_cording's tweet image.

United States Trends

Loading...

Something went wrong.


Something went wrong.