CSSで要素を固定、フローティングバナーを配置したいときはコレ。position: sticky; の使い方を紹介！
要素を一定の場所に常に表示させたい！ そんな時ってありますよね！ 例えば、こんな時・・・ 「TOPへ戻る」ボタンを作りたい時 ネットショップなど外部サイトへの導線を作りたい時 キャラクターなどを...
2
1
Comment0
31 search resultsShowing 1~20 results
Stocked
You need to log-in
癒される＆ストレス下がるChrome拡張機能を作ってみました。
Chromeの拡張機能を作ってみました こんな感じで、画像をアップロードすると・・・ その画像が常に右下に表示されるという拡張機能を作ってみました サイトによく付随しているフローティングバナーの...
2
1
Comment0
slick.jsを教材にして、JavaScriptの学習をしてみます。①
slick.jsの記事の閲覧数が伸びました 去年書いたこの記事が最近、3万viewsを超えました。 3万達成は特に狙っていたわけでもないです。・・・が、毎日30〜50人ほどの方がこの記事を参照く...
1
0
Comment0
JavaScript 勉強メモ2月
JavaScriptを基礎から始めてみる 2月中旬ごろから、Progateを始めてみました。アプリのキャラクターが可愛かったので続くかなと！ JavaScriptを分かるようになりたいので、少し...
2
1
Comment2
a-blog cms の公式ドキュメントを参考に Twig の練習問題に挑戦！
先月はトレーニングキャンプに参加しました。 去年と同様、トレキャンはやっぱりいい緊張感と刺激を感じられる場だなと思いました。 年齢を重ねてくると、緊張する機会が減るとよく耳にします。 確かに、学...
1
0
Comment0
Webデザイナー3年目、実装していて地味に悩むことランキング
コーディングでの悩みをランキング形式で発表! 毎月、Qiita投稿しています。 が・・・、今月は正直ネタがないです！笑 なので今回は、コーディングの愚痴・・・ではなく、地味に悩むことを徒然なるま...
1
0
Comment0
メインビジュアルが見切れる・おさまりが悪い問題は aspect-ratioを使う。
メインビジュアルで直面していた問題 メインビジュアルを height: 100svh（または vh）で指定して画面いっぱいに表示しようとしていました。 しかし、背景画像（background-s...
1
0
Comment0
gapめも
<ul class="acms-list-group"> <li class="acms-admin-g-col-3"> あああ </li> <li c...
1
0
Comment0
a-blog cms Ver3.2で制作してみました！
Ver3.2がリリースされましたね 遅ればせながら、9月にリリースされた（リリースおめでとうございます)、a-blog cms Ver3.2を触ってみました。 何か作ってみようかな 実は自身のち...
3
0
Comment0
slick.js スライダーの使い方を解説。JavaScript初心者が実装しました！
Webデザイナー歴1．5年で、やっとJavaScriptに手を出す Webデザイナーになって、1年を過ぎた頃から、JavaScript使えるようにしないとな〜、と思いつつ、なかなか手が出せません...
2
1
Comment0
フォームなどの日付選択をカレンダー表示して、日付を表示する方法 HTML＆JavaScriptのみ！
今回やりたいこと 先日、JavaScriptの記事を書きました。 今回もJavaScript関連の記事を書きます そして、今回やりたいことは、コチラ↓↓↓ カレンダーから、日付を出力させて、選択...
2
0
Comment2
ボランティアをしてみて、ウェブアクセシビリティについて考えたこと
分かっていたつもりだった、合理的配慮 合理的配慮、ってワードをよく聞きます。 Webの勉強会などでも、セミナーでも至る所で「合理的配慮」という言葉はよく聞きます。 なので、分かっていたはずだった...
1
0
Comment0
✅ よくあるHTMLの構造違反一覧表＆不具合表
HTMLの注意が必要な構造と違反一覧表 現在、「HTML Living Standard」が標準とのこと。 あったら助かるかなと思い、自分用にメモ。 AIにまとめてもらいました。 要素 注意が必...
5
3
Comment1
PHPに感動したデザイナーが、“地味な管理画面”をシュッと改善させます。
続編を書きます 先月書いた、「phpに感動したので、初めてphpを触ってみたくなり、実験してみました。」の記事の続きです。 読んでくださった方、反応をくださった方、ありがとうございます。 さてさ...
3
1
Comment0
phpに感動したので、初めてphpを触ってみたくなり、実験してみました。
先日、phpに救われたことがありました CMS（a-blog cms）をアップデートするために、データベースをバックアップしたときのことです。 a-blog cmsの機能で、管理画面側からデータ...
36
22
Comment0
気になってた"HTMX"を使ってPHPファイルを改善し、処理の早さを検証しました！
シリーズ最後の記事です！ 5月（1話目）に作った、PHPの権限変更ファイルについて、6月（2話目）にデザインをしたので、今月は、そのデザインの実装とPHPファイルの改良をします。 また今回は、デ...
5
4
Comment0
名古屋で開催されたWebのイベント、「contents.nagoya 2025」に参加してきました！
「contents.nagoya（コンテンツ ドット ナゴヤ）2025」にスタッフとして参加しました！ 「コンテンツ ドット ナゴヤ」は初参加で、ワクワクだったのですが、第一声の感想は、とにかく...
3
1
Comment0
図解あり！cssのcalc関数で要素を中央配置する方法
先週は、a-blog cmsの脆弱性対応をしました 先週は、a-blog cms に重大な脆弱性が見つかったことで、その対応をしていました。 下記が詳細な内容です！もしまだ未対応の方は下記を参照...
2
3
Comment0
「同意してチェックしてください」を実装したときのエピソード＆雑談
先日、a-blog cmsアドベントカレンダーの振り返りイベントがありました。 a-blog cms LIVE Vol.21を視聴しました。 振り返ることができる復習系のイベント、嬉しいです。 ...
1
1
Comment0
2025年の抱負と、去年はGmail大変でしたよねという雑談。
2025年になりましたね。 最初に今年の抱負を記そうと思います。 2024年も終わりに差し迫った某日、なんとなく1年を振り返りました。 2024年は色々勉強になった1年だったと思います。 ・・・...
3
7
Comment0
31 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles