THORNCOMPANY

2018年からフリーランスでWeb制作やってます。自然に圧倒されたいインドア派。サボテン、多肉植物好き。

【CSSのみ】header固定のスムーススクロール実装

スムーススクロールはCSSのみ（js不要）で実装できるって本当ですか？ということでやってみました。ソース（CodePen）基本的にはHTMLタグにCSSプロパティ、・scroll-behavior ・scroll-padding-top の２つを設定するのみ。スムーススクロールは scroll-behavior で指定ヘッダー固定時は scroll-padding-top でオフセット指定ヘッダー固定時のスクロール後に、ヘッダーとコンテンツの被りを回避するためオフ

【2023年版】コーディング効率化無料Webサービス7選

コーディングの際に本当によくお世話になっている、便利Webツールをご紹介します。これらのツールがなければ、これまでのコーディングにかけた時間は倍以上になっていたはず。（製作者さまたちには感謝しかありません）正しいHTMLを！『HTML5 入れ子チートシート | 吉川ウェブ』HTMLを書いていて「あれ？ul直下にdivってOKだったっけ？」など迷う時があります。そんな時はここで特定のタグの親子関係を素早く確認。わたしはかなりの頻度でアクセスしています。知らないタグを

THORNCOMPANY

1年前

1
【jQuery】『slick.js』アクセス毎にランダムに並び替える

スライダープラグイン『slick.js』。簡単にスライド設定ができて便利ですよね。いつもお世話になってます。ある日「アクセスする度に、スライドの表示順を変えたい。」とご要望をいただき、「OKです！」と元気よく答えたはいいものの、そんなオプションは、、、ない！ということでランダム表示できるように設定しました。 ▼サンプルコード▽HTML いつも通りslickを設定したい要素を任意のクラスを付けた要素で囲います。以下の例では[ class="slider" ]としまし

¥100

THORNCOMPANY

2年前

1
感想文：トークイベント『ゆるくつながる、コミュニティの作り方』

今日、トークイベント『ゆるくつながる、コミュニティの作り方』に参加してきた。今回のトークイベントで、とても勇気づけられた事のひとつが、『（積極的に人と関わらない人もいてもいい）多様性』がコンセプトに含まれていた事だった。 ※（）内は私の解釈そこにいる事が好き、という理由だけでそこにいていい。同じ空間にいるだけでも交流（＝コミュニケーション）は成り立っている、としてもいいのかもな。『そういう世界があるなら行ってみたいと思った』（グラニート／MONOEYES）

THORNCOMPANY

3年前

3