• 本サイトについて
  • 鍵ページ

お仕事で使うHTMLテクニック備忘録

コピペしちゃいなよ

  • 本サイトについて
  • 鍵ページ

CSS変数（カスタムプロパティ）とは？

2025/3/2    HTML中級者講座

CSS変数（カスタムプロパティ）とは、CSS内で再利用可能な値を定義できる機能です。 これにより、テーマのカスタマイズやスタイルの管理が容易になります。 1. CSS変数の基本的な使い方 CSS変数は ...

CSS HTML

AMD Radeonユーザー必見！無料のAI画像生成ソフト『AMUSE』の使い方

2025/3/2    その他

AI画像生成ソフトを使いたいがNVIDIA製のグラボじゃなくてRedeonだからずっと無理だと思ってましたが調べると、 「AMUSE」ってソフトがあるとこが判明、しかしながら動かない起動しないのでずっ ...

アプリ 作業効率

【wordpress】のwpautopを無効化して自動挿入されるタグやタグを制御する方法

2025/3/2    HTML中級者講座

皆さんwordpressにて意図していないデザインになって悩んだことはありませんか？ それワードプレスが勝手にpタグや改行タグを入れてるからかもしれません WordPressでは、投稿や固定ページのコ ...

HTML PHP

【wordpress】にプラグインを入れよう

2025/3/2    HTML中級者講座

WordPressの魅力のひとつは、プラグインを利用して簡単に機能を追加できることです。 この記事では、WordPressにプラグインをインストールする方法や、おすすめのプラグインを紹介します。 1. ...

HTML WordPress プラグイン

Autopost for XでWordPressからX（旧Twitter）へ自動投稿する方法

2025/2/24    ホームぺージ関連

本記事はchatCPTに書いてもらってます 下記記載の参考サイト様の方が画像もありますので分かりやすいです。 こちらで躓いたら参考サイトをご覧ください 導入 WordPressのブログを運営していると ...

WordPress プラグイン

Amazon納品代行 スプレッドシートにてASINを入れて商品画像と商品名を取得したかったが…

2025/2/24    失敗と経験

スプレッドシートにASINを入れたら、画像も商品名も取得できたら便利じゃない？ ・・・できませんでした(*'ω'*) 以下理由とできることを書かせていただきます。 Amazonからのデータ取得制限につ ...

雑談

absoluteでの基礎的な配置を学ぼう

2025/2/24    HTML中級者講座

absoluteでの様々な基本的な配置を学びましょう 左上配置 上真ん中配置 右上配置 真ん中左配置 真ん中配置 真ん中右配置 左下配置 真ん中下配置 右下配置 まとめ 以上が基本的なabsolute ...

CSS HTML

absoluteを使った画像と文字の重ね表示をマスターしよう！

2025/2/24    HTML中級者講座

Webデザインでは、画像の上に文字を重ねることで、視覚的に魅力的なレイアウトを作成することができます。 これを実現するためには、CSSのposition: absolute;を活用するのが一般的です。 ...

CSS HTML

アニメーションやトランジションを取り入れて、よりインタラクティブなWebデザインを目指そう！

2025/2/24    HTML中級者講座

Webデザインの次のステップとして、アニメーションやトランジションを活用して、ユーザーにとって魅力的でインタラクティブな体験を提供してみましょう。 適切なアニメーションを加えることで、Webサイトに動 ...

CSS HTML JavaScript

【リボンコピペ】リボンの文字が入った可愛い文字列をご紹介

2025/2/24    その他

今回は「リボンコピペ」で検索されることが多いため、リボンの特殊文字や絵文字、アスキーアートを一覧にしてご紹介します。 また、ボタンを押すだけでコピーできる機能も付けていますので、好きな文字列を使ってく ...

作業効率

CSSの:hover擬似クラスとは？

2025/2/24    HTML中級者講座

:hoverとは？ CSSの:hoverは、ユーザーが要素にカーソルを合わせたときに適用される擬似クラスです。 この機能を使うと、要素に対して動的なスタイルを簡単に設定できます。 たとえば、ボタンの色 ...

CSS HTML

Kindleのコピーでおかしくなる半角スペース・改行を一括修正する方法

2025/2/24    その他

Kindleの電子書籍からテキストをコピーした際に、意図しない 半角スペースや不要な改行 が入ってしまい、編集しづらくなった経験はありませんか？ 本ツールを使えば、Kindleのコピペによって発生する ...

作業効率

レスポンシブデザインに挑戦！画面サイズに応じてカラム数を変化させる方法

2025/2/25    HTML中級者講座

Webデザインを次のレベルに引き上げるために、レスポンシブデザインを学びましょう。 レスポンシブデザインでは、画面サイズに応じてレイアウトを動的に調整し、どのデバイスでも美しい表示を実現します。 この ...

CSS HTML

HTMLとCSSで作る2カラム・3カラム・4カラムのレイアウト

2025/2/25    HTML中級者講座

WordPressのテンプレートで全体レイアウトを設定した上で、その中の1カラム部分（メインコンテンツなど）に、2カラム・3カラム・4カラムのデザインを入れたい場合がありますよね。 このような細かいレ ...

CSS HTML

めちゃくちゃ便利「CSS Stock」で様々なデザインをコピペしちゃおう

2025/2/25    ホームぺージ関連

ええ、めちゃくちゃ便利なサイトみつけました 「CSS Stock」というサイトです 色々なデザインがあり導入もすごく簡単で分かりやすいです(*'ω'*) 見つけた時はすごく感動しました( *´艸｀) ...

CSS HTML 作業効率

レンタルサーバーに登録して、wordpressを入れてホームページを作成しよう

2025/2/25    HTML中級者講座

本サイトの初級講座を見たけれどホームページをネット上に載せる方法がわからない状態だとおもいます 自分のホームページを作りたいけど、どう始めればいいかわからない。そんな方には、レンタルサーバーを使ってW ...

HTML WordPress

ほぼコピペでOK！ボタンの作成: 簡単にウェブデザインにボタンを追加する方法 [CSS Ribbon Shapes]

2025/2/25    ホームぺージ関連

[cssbuttons.io]はボタンデザインを簡単に作成できるオンラインツールを提供しています。 このツールを使うと、様々なボタンデザインを簡単にカスタマイズできます。 選んだデザインを選択し、HT ...

CSS HTML

Amazon納品代行 FBA商品ラベルにJANコード下4桁を入れるアプリ(簡易版)を作ってみた

2025/2/24    その他, 失敗と経験

アプリ制作するに至った理由 納品代行の仕事をしていて思ったことがあります 納品代行をしていると本当に様々なお客様から様々な商品が届きます その中でも特に注意しているのが、「見た目ほぼ同じだけど違う商品 ...

アプリ

【カメラ・写真】大阪:豊中 千里側土手・スカイパークで飛行機を撮ってきた 2025_02_15

2025/2/15    カメラ・写真関連

大阪:豊中 千里側土手・スカイパークで飛行機を撮ってきた 2025_02_15 今回は特にタイトルありません。思いつかない(-_-;) まだまだ初心者です。センス等お手柔らかにお願いします 手持ちで撮 ...

カメラ 写真

おすすめマッチングアプリ　存在しない　元々モテない人は金の無駄　実体験

2025/2/26    失敗と経験

おすすめマッチングアプリを紹介・・・ではありません！ 今回はいかに不細工・低収入がマッチングアプリしても意味がないかを実体験で話したいと思います。 名前は出しません（アプリ側に文句言われたら面倒なので ...

雑談

« Prev 1 2 3 4 … 7 Next »
  • Post
  • Share
  • Pocket
  • Hatena
  • LINE
  • URLコピー

管理人の声

PHPの記事を増やします(*'ω'*)
初級試験受けるつもりです。C言語基礎できるので余裕と思ってますがどうなんですかね(*'ω'*)
本も買いましたがまだ届いてない(4/20)

クラシックエディタ用のプラグインを作ってみた(ver1.4.1) 公開中

クラシックエディタでコード入力をするボタンを追加するプラグインを作ってみた(ver1.0) 公開中

Amazon納品代行 FBA商品ラベルにJANコード下4桁を入れるアプリ(簡易版)を作ってみた

サイト内検索

最近の投稿

  • 矢印付きスケジュールをタイムライン形式で作る方法
  • 【第8回】PHPで「関数」を作ってコードをスッキリさせよう！
  • 【第7回】入力はちゃんとチェックしよう！フォームのバリデーションと複数項目の処理
  • 【第6回】ユーザーの入力を受け取ろう！はじめての「フォーム連携」
  • 【第5回】たくさんのデータをまとめて扱う！PHPの「配列」入門

ランキング

  • 本日
  • 週間
  • 月間

計測データがありません。

  1. レスポンシブデザインに挑戦！画面サイズに応じてカラム数を変化させる方法

  2. no image

    鍵ページ

  3. Animate It!を使って動的なアニメーション再生をしよう

  1. レスポンシブデザインに挑戦！画面サイズに応じてカラム数を変化させる方法

  2. no image

    鍵ページ

  3. Animate It!を使って動的なアニメーション再生をしよう

最近のコメント

    アーカイブ

    • 2025年6月
    • 2025年4月
    • 2025年3月
    • 2025年2月
    • 2025年1月
    • 2024年12月

    カテゴリー

    • AFFINGER
    • CSS
    • HTML
    • JavaScript
    • PHP
    • Windows
    • WordPress
    • アプリ
    • カメラ
    • プラグイン
    • ライブラリ
    • 作業効率
    • 写真
    • 雑談

    タグ

    HTML中級者講座 HTML初心者講座 JavaScript入門 PHP初心者講座 その他 カメラ・写真関連 ホームぺージ関連 失敗と経験

    おすすめ記事

    1
    クラシックエディタ用のプラグインを作ってみた
    制作理由 ワードプレスのクラシックエディタを直接使っているといつも思うことがありました [Tab]キー押して空白入れて見やすくインデントしたい！ この記事を書くまでは入れないか、スペースキーを押して誤 ...
    2
    クラシックエディタでコード入力をするボタンを追加するプラグインを作ってみた
    制作理由 ワードプレスのクラシックエディタを直接使っているといつも思うことがありました コード追加ボタンを自由に追加出来たら便利じゃない？ この記事を書くまでは、クリップボード貼り付けアプリ[Clib ...
    3
    Amazon納品代行 FBA商品ラベルにJANコード下4桁を入れるアプリ(簡易版)を作ってみた
    アプリ制作するに至った理由 納品代行の仕事をしていて思ったことがあります 納品代行をしていると本当に様々なお客様から様々な商品が届きます その中でも特に注意しているのが、「見た目ほぼ同じだけど違う商品 ...

    アフィリエイト

    お仕事で使うHTMLテクニック備忘録

    コピペしちゃいなよ

    © 2025 コピペしちゃいなよ