html・Script・CSS の豆知識

html・Script・CSS の豆知識
テーマ名
html・Script・CSS の豆知識
テーマの詳細
WEBサイト・ブログ構築に欠かせないScriptやCSSの便利な小技や役立つ知識、メモ書きまで募集します! カスタマイズ error 時計 壁紙 背景画像 自動 html type= text/javascript jquery.js コマンド オプション コマンド シェルスクリプト タグ 位置 動的 DOM スタイルシート
テーマ投稿数
87件
参加メンバー
8人
管理人
☆かっこいい女への道☆komatsu1108管理画面

にほんブログ村 テーマ機能

テーマは、参加ランキングのカテゴリー・サブカテゴリーに関係なく、記事のテーマが合えばどなたでも参加することができます。

▼ ブログ村テーマへのリンク方法

あなたのブログに「html・Script・CSS の豆知識」テーマのバナーを掲載しませんか?
テーマのバナーやリンクをINポイントランキングの対象にしたいメンバーの方は、ログインしてからリンクタグを取得してください。
・バナーを変更したい場合は、必ず画像に「テーマ」の文字かバナーロゴを重ねてください。
・テキストリンクに変更されたい方は、以下のテキストに変更いただき掲載してください。
 「html・Script・CSS の豆知識 IT技術ブログ・テーマ」
※以前より掲載いただいているテキストリンクについてはそのままご利用いただけます。

▼ リンクタグ … ここから下、リンクタグをコピーしてお貼りください

html・Script・CSS の豆知識の記事

1件〜50件

  • 【Gulp】browser-syncのLiveReloadが動かないときの直し方
    2019/10/29 23:46
    【Gulp】browser-syncのLiveReloadが動かないときの直し方

    Gulpのbrowser-syncのLiveReloadがうまく動かないということはありませんか?browser-syncの記述は正しいにも関わらずLiveReload機能が働かないのはHTMLが原因かもしれません。browser-sync

    ざきひー

    ネットショップ語り

  • 【Yahoo!ショッピング】好きな色をリンク色に指定する
    2019/10/24 22:39
    【Yahoo!ショッピング】好きな色をリンク色に指定する

    Yahooショッピングは一括でテキストリンクの文字色を変更できますが、好きな箇所のリンク色を自由に変更できたらいいと思いませんか?今回紹介するのは好きな箇所のリンク色を変更できる方法です。リンク色を変更するための事前準備Yahooトリプルに

    ざきひー

    ネットショップ語り

  • Your account has been flagged.って何?GitHubでBANされたときの回復方法
    2019/10/21 23:33
    Your account has been flagged.って何?GitHubでBANされたときの回復方法

    GitHubの画面に突然「Your account has been flagged.」というアラートが表示された!至急対処したいけど、どうしたらいいかわからない。そんな問題の対処法を紹介します。至急対処したい方、きちんと対処すればすぐに復

    ざきひー

    ネットショップ語り

  • 【楽天市場】ページ下部固定バナーを設置する
    2019/10/20 23:24
    【楽天市場】ページ下部固定バナーを設置する

    楽天市場のPCページ、商品・カテゴリページの下部にバナーを固定設置する方法をデモを交え解説します。ページ下部バナーは常に目に留まるところに表示されるため、セールやキャンペーンを効果的にお客様に訴求することができます。HTMLとCSSのみで設

    ざきひー

    ネットショップ語り

  • 毎月同じ日に表示/非表示を切替えるJavaScript
    2019/10/08 18:56
    毎月同じ日に表示/非表示を切替えるJavaScript

    セールなどのイベント日だけ表示させたい画像やバナーはありませんか?JavaScriptを使えば毎月同じ日だけバナーを表示することができます。楽天市場の「5と0のつく日」や「毎月1日のワンダフルデー」、Yahoo!ショッピングの「5のつく日」

    ざきひー

    ネットショップ語り

  • 【コピペでできる】楽天市場の帯バナー
    2019/10/04 00:59
    【コピペでできる】楽天市場の帯バナー

    楽天スーパーセールやポイントアップキャンペーンのとき、お店の賑わい感を出すことができるバナーといえば何でしょうか?特に販促効果が高いバナーといえば上下に伸びる帯バナーです。本記事では楽天市場の商品ページ、カテゴリページに設置できる帯バナーの

    ざきひー

    ネットショップ語り

  • PayPayモールはiframeが使えない
    2019/10/01 22:56
    PayPayモールはiframeが使えない

    今回はPayPayモール出店にともなうiframeタグの扱いについて紹介。Yahoo!ショッピングは多くの制約がありますが、PayPayモールはそれ以上です。Yahoo!ショッピングでiframeタグを使っていたショップならPayPayモー

    ざきひー

    ネットショップ語り

  • 【Cocoon】値の型が正しくありませんの解決法
    2019/09/28 17:52
    【Cocoon】値の型が正しくありませんの解決法

    CocoonユーザーGoogleサーチコンソールで「値の型が正しくありません」というエラーが発生してしまった。どうすればいい?という問題を解決します。エラーにより、貴サイトのページまたは機能が検索結果に表示されなくなる可能性があります。値の

    ざきひー

    ネットショップ語り

  • コピペでOK!楽天市場の検索窓デザイン
    2019/09/24 00:55
    コピペでOK!楽天市場の検索窓デザイン

    楽天GOLDページにオリジナルの検索窓を設置したい。検索窓を自由にカスタマイズしたい。という悩みを解決します。デフォルトの検索窓は必要最低限の装飾しかしておらず、正直使いづらいです。また、検索窓をデザインしてカスタマイズするにはHTML、C

    ざきひー

    ネットショップ語り

  • 非公開リポジトリを開けなくなったGitKrakenの代わりにVSCode
    2019/09/23 17:55
    非公開リポジトリを開けなくなったGitKrakenの代わりにVSCode

    GitKrakenの無料版では非公開リポジトリを開けなくなりました。 サブスクリプションで年額$49…いや$29? いずれにしても無料版では非公開リポジトリを開く事ができくなってしまったので他のGitクライアントを探す事にしました。 基本は…たしかGit for Windowsだよねぇ…

  • 楽天のスマホ商品ページにオリジナルのお気に入りボタンを設置する
    2019/09/17 23:21
    楽天のスマホ商品ページにオリジナルのお気に入りボタンを設置する

    楽天のスマホ商品ページにはデフォルトで商品のお気に入りボタンが設置されています。 商品をお気に入りに登録してもらうことで商品の割引、ポイントアップ情報などが通知されるため、購入機会を増やすことができます。それではお気に入りボタンを好きなとこ

    ざきひー

    ネットショップ語り

  • CSSのみでモーダルウィンドウを作成
    2019/09/13 00:49
    CSSのみでモーダルウィンドウを作成

    JavaScriptを使わずにモーダルウィンドウを実装できますか?CSSだけでモーダルウィンドウは実装できます!jQueryなどのJavaScriptを使って作成することが多いモーダルウィンドウですが、CSSのみでも作成することが可能です。

    ざきひー

    ネットショップ語り

  • お絵かき掲示板交流サイトのトップページの負荷削減
    2019/08/02 21:05
    お絵かき掲示板交流サイトのトップページの負荷削減

    お絵かき掲示板交流サイトのトップページの新着画像の表示に使っていたスクリプト…。foreach(glob('cgi/{foo,bar,baz}/src/{*.png,*.jpg}', GLOB_BRACE) as $filename) { //$arr[$filename] = filemtime($filename); $arr[$filename] = substr($filename,-17,-4); } unset($filename); //連想配列を&#x502…

  • Chromeの検証ツールを使ってhtmlを攻略しよう!【html css】
    2019/07/05 17:49
    Chromeの検証ツールを使ってhtmlを攻略しよう!【html css】

    こんにちは、Twirusです。 前回、疑似要素で外部アイコンが使えるようになりました。 ですが投稿日時の要素だけじゃなく他の要素にもアイコン使いたい!さらにはブログをカスタマイズしたい!オリジナルテーマを作りたい!となると「要素」と「クラス」を知る必要があります。そんな時はChromeの検証ツールを使うとすぐ分かります! htmlに触れよう! 検証ツールでhtmlを見る! CSSで指定する時の注意1 CSSで指定する時の注意2 おまけ 終わりに htmlに触れよう! とりあえず更新日時が「.date」ってのは分かったけど、あっちは?こっちは?ってなります。ではhtmlを見てみましょう!その前に…

    Twirus

    とにかくサボテン!

  • 外部アイコン「Font Awesome」を使える様にする!【はてなブログ html css】
    2019/07/04 18:10
    外部アイコン「Font Awesome」を使える様にする!【はてなブログ html css】

    こんにちは、Twirusです。 前回は投稿日時にアイコン付けるカスタマイズ でしたがHatena様によるHatenaBlogの為のアイコンを拝借する、いわば内部アイコンでした。今回はアイコンを提供してます!よろしくね!というサービスのアイコンを拝借する、いわば外部アイコン。無料で使えるFree版と有料のPro版があり、はてなブログの為の必要最小限の内部アイコンとは違いいい感じのアイコンもあるけど良く分からないのまであって困っちゃう!という記事です。「Font Awesome」様、ありがとうございます。 私の環境は【 ブラウザ:Chrome、エディタ:Brackets 】です。今回エディタは使わ…

    Twirus

    とにかくサボテン!

  • 記事の投稿日時にアイコンを付けるカスタマイズ【html css】
    2019/06/29 10:05
    記事の投稿日時にアイコンを付けるカスタマイズ【html css】

    こんにちは、Twirusです。 今回は投稿日時にアイコン付いてるけど、どうやるんだろ?時計アイコン付いてるけど他のアイコンに変えてみたい!でもどうやんの?という記事です。 私の環境は【 ブラウザ:Chrome、エディタ:Brackets 】です。今回エディタは使わなくても大丈夫です。 ※CSS初心者が初心者なりの知識をひねり出して記事を書いています。何が起きるか分からないので「 {}デザインcss 」のバックアップをして自己責任でお願いします。 目次 アイコンの呼び出し方 要素とは 疑似要素とは とにかく呼び出す! CSSの優先順位 好きなアイコンを付けよう! コード解説 アイコンのコードを調…

    Twirus

    とにかくサボテン!

  • 〈初心者必見〉iPadで吹き出しっぽいCSSをデザインしてみた!
    2019/06/21 08:14
    〈初心者必見〉iPadで吹き出しっぽいCSSをデザインしてみた!

    どうも、バリバリ初心者ブロガーのキオレオピンでございます。 今回は吹き出しを使って会話っぽくすることに取り組んでみたので、そちらの設定方法などを書いてみたいと思います。 こーんな感じ! // 設定するにあたって 設定の仕方 iPhone・iPadでの画像設定方法 まとめ 設定するにあたって 初心者ブロガーにとっては特に、ネタを考えることから構成を考え、書き終えるまでが本当に大変ですよね😅 私も日々葛藤しながらもこの記事を書いているのであります。笑 ブログを始めて1ヶ月半経ち、現時点で30記事ほど生産したのですが、私はここらへんで「デザイン」にもこだわった方が見て下さるユーザーの満足度が上がると…

    キオレオピンぶろぐ

    キオレオピンぶろぐ

  • CSSを勉強してテーマを作る!
    2019/06/19 00:45
    CSSを勉強してテーマを作る!

    こんにちはTwirusです。 初めてブログをやってみて、お~!テーマってのがあるのか!テーマを提供してる方がいるのか!ここにプログラムを書き込むとカスタマイズ出来るのか!便利便利!やってみよう! なんてな事でテーマを適用して聞いたことはあるけど良く分からないCSSをいじって手探りでカスタマイズしていたんですが、楽しくなってきたのでテーマ作りに挑戦しようと思いました。難しかったら諦める!そんな軽い気持ちで。 この記事の環境はブラウザはChrome、エディター(編集ツール)はBracketsです。cssを編集してみたいな!という方の参考になれば幸いです。よろしくお願いします。 とにかく検索! その…

    Twirus

    とにかくサボテン!

  • わかると便利なforeach
    2019/06/06 21:13
    わかると便利なforeach

    あんまりにもあんまりなコードを書いていたので、少しは進歩している事をおしらせすべく、お絵かき掲示板交流サイトのトップページで使っているphpのソースの一部を…。 <?php $arr = array(); foreach(glob('cgi/{foo,bar,baz}/index.html', GLOB_BRACE) as $filename) { $arr[$filename] = $filename; } $i = 1; foreach($arr as $key => $value){ …

  • 配列の最後の値を取得するコードの速度を比較
    2019/05/30 19:52
    配列の最後の値を取得するコードの速度を比較

    少しでもサーバの負荷をさげておきたいのでお絵かき掲示板交流サイトのトップページのphpのコードを書き直していました。 ディレクトリ内の画像から最新の画像を1枚表示したいだけなのに、ディレクトリ内に1000枚画像があったら配列の数が1000個…それをタイムスタンプで逆順ソートしてまた配列に格納…。 ファイル名の数字が同じ桁数で新しいほど数値が増える…

  • 配列の数だけループ
    2019/05/30 19:52
    配列の数だけループ

    foreachで配列の数だけループできたんですね。試しに簡略化したプログラムを書いて実行…<?php $arr = array('Apple', 'Google', 'Microsoft'); foreach($arr as $filename) { var_dump($filename);//配列の値 } foreach($arr as $kye => $filename) { var_dump($kye);//配列のキー }

  • POTI-board用テンプレートPINKの動的パレットを修正しました。
    2019/05/18 06:52
    POTI-board用テンプレートPINKの動的パレットを修正しました。

    動的パレットスクリプトのMatrix関連の不具合を修正しました。 ↑ モノクロを「現在」で「取得」。 …

  • さくらのレンタルサーバのOSのバージョンアップでphpの動作が変わった
    2019/05/10 01:46
    さくらのレンタルサーバのOSのバージョンアップでphpの動作が変わった

    サーバのOSのバージョンがあがっただけなのにお絵かき掲示板交流サイトの掲示板の並び方が入れ替わっていました。 phpのバージョンは7.2で変わっていません。 XAMPPでは意図通りの動作をするし、さくらのレンタルサーバ

  • Brackets 1.14 PHPランタイムが見つかりません。"executablePath"を更新してください。
    2019/05/10 01:46
    Brackets 1.14 PHPランタイムが見つかりません。"executablePath"を更新してください。

    プログラムエディタBracketsを1.14にバージョンアップしたら、「PHPランタイムが見つかりません。"executablePath"を更新してください。」というエラー表示。

  • POTI-board用テンプレートPINKをバージョンアップしました。
    2019/03/02 00:20
    POTI-board用テンプレートPINKをバージョンアップしました。

    POTI-board改の配布用テンプレートをlot.190225にバージョンアップしました。 カタログモードをPCの時はよりギャラリー的に、スマートフォンの時はより作品を探しやすくなるようにしました。 ファイルサイズが小さくなるようにCSSを書き直しました。 横幅の指定方法を見直しました。

  • 古い日記の過去ログにハンバーガーメニューをつけました
    2019/03/01 15:56
    古い日記の過去ログにハンバーガーメニューをつけました

    フレームセットを使った古い日記のHTMLを書き直しました: STP^3この作業で、フレームを撤去しましたが…。 スマートフォンでアクセスすると記事本体の上にメニューが並んでしまって…。 やはりクリックするとメニュー一覧が出てくる三本線のハンバーガーメニューが必要…という事で…。

  • フレームセットを使った古い日記のHTMLを書き直しました
    2019/02/10 23:09
  • POTI-boardのエラーを減らすために 1のログの書式の見直し
    2019/02/09 19:34
    POTI-boardのエラーを減らすために 1のログの書式の見直し

    POTI-board改のエラーを根絶できた…と思っていたのですが…。 ↑ 続きから描くの番号を1にした時にWarningが発生。

  • extract()の使用を全廃
    2019/01/23 21:59
    extract()の使用を全廃

    poti-boardというPHPスクリプトをサイトに設置したいのですが、設置手順通... - Yahoo!知恵袋 このスクリプトはPHP5であるにも関わらず extract($_POST); extract($_GET); extract($_COOKIE); と、register_globals同等のことを自らやっているので、相変わらず脆弱性はあります。

  • php7.3のcompact()のエラーを修正
    2019/01/23 21:55
    php7.3のcompact()のエラーを修正

    Notice、Warning、Deprecatedのエラーを少しずつ減らし…、ついにエラーのでないPOTI-boardができました。 これでほぼ作業は終りでしょう…と思ったのですが、php7.3にXAMPPをバージョンアップしてみたところcompact()のエラーがでました。 未定義の変数が入るとNoticeが発生するようになったようです。 ものすごく当たり前の挙動のような気がしますが、こうして少しづつエラーがでてくれるから修正作業がなんとかできてい…

  • お絵かき掲示板簡単設置手順 2019年版
    2019/01/11 19:01
    お絵かき掲示板簡単設置手順 2019年版

    お絵かき掲示板交流サイトで使っているPOTI-board改の簡単設置方法です。 少し前に設置しようとしたけれど、うまくいかなかったという方もぜひお試し下さい。

  • POTI-boardのエラーを減らすために 1のログファイルの書式編
    2019/01/02 23:27
    POTI-boardのエラーを減らすために 1のログファイルの書式編

    POTI-boardの設置時にできる1のログファイルのコンマの数が不足している事が原因でNoticeが発生していたので…。$testmes="1,".$now.",".DEF_NAME.",,".DEF_SUB.",".DEF_COM.",,,,,,,,,,\n";↑コンマを8つ付け足しました。

  • formの入れ子を回避する
    2019/01/02 23:27
    formの入れ子を回避する

    <input>: 入力欄 (フォーム入力) 要素 | MDN form 属性によって、入力欄を文書内のどこに置いても、文書内の他の場所にあるフォームと関連付けることができます。formの入れ子になりそうなところは、早めにformのタグを閉じてformにidをつけて、inputにformのidを入れてやれば……

  • POTI-board の$delに不正な値が入らないようにする
    2018/12/26 15:46
    POTI-board の$delに不正な値が入らないようにする

    他の変数にはスパム無効化関数を使う事ができたのですが、配列の$delをHTMLネームエンティティにエンコードすると、動作しなくなります。他の方法を模索した結果…。$del = ( isset($_POST["del"]) === true ) ? ($_POST["del"]): ""; if(is_array($del)){ $countdel=count($del); 	for($i = 0; $i < $countdel; $i++){ 		if(!ctype_digit($del[$i])){//&#x65…

  • POTI-boardのセキュリティを高めるために
    2018/12/17 21:01
    POTI-boardのセキュリティを高めるために

    poti-boardというPHPスクリプトをサイトに設置したいのですが、設置手順通... - Yahoo!知恵袋 このスクリプトはPHP5であるにも関わらず extract($_POST); extract($_GET); extract($_COOKIE); と、register_globals同等のことを自らやっているので、相変わらず脆弱性はあります。

  • POTI-boardの処理速度をあげるために
    2018/12/10 06:40
    POTI-boardの処理速度をあげるために

    PHP: for - Manual for($i = 0; $i < count($people); ++$i) {     $people[$i]['salt'] = mt_rand(000000, 999999); } このコードは実行速度が遅くなることでしょう。 というのも、配列のサイズを毎回取得している…

  • POTI-boardのエラーを減らすために メール通知クラス編
    2018/12/04 04:11
    POTI-boardのエラーを減らすために メール通知クラス編

    POTI-boardの、メール投稿通知機能に使われているnoticemail.incというメール通知クラスから非推奨のエラーがでていました。 potiboard.phpにini_set( 'error_reporting', E_ALL );を追加して、すべてのエラーを表示するように設定して調べた筈では? 投稿の直後に一瞬ちらっと見えていたエラーが気になったので、「画面を切り替えます」の表示秒数を1秒から10秒に変更して確認してみたところ

  • POTI-boardのログファイルの上限を2MBに
    2018/12/01 09:40
    POTI-boardのログファイルの上限を2MBに

    ぷち的ココロ♪ 総レス数がまだ2800を超えた程度なのに、親記事のナンバーの低いスレが消えてしまっていました。 親記事ナンバー+5000レスをスレの消える寿命に設定するにはどうしたらいいのでしょうか? スクリプトをちょっと見ただけなので間違いかもしれませんが バッファに1000000byte読み込む処理があったので …

  • POTI-boardのエラーを減らすために 動画再生編
    2018/11/24 21:40
    POTI-boardのエラーを減らすために 動画再生編

    PaintBBS NEOが動画の記録と再生に対応したので、絵板に動画へのリンクが増えて来ました。 動画を見ようとしてクリックすると…。

  • POTI-boardのエラーを減らすために 設置直後のNotice編
    2018/11/24 21:40
    POTI-boardのエラーを減らすために 設置直後のNotice編

    お絵かき掲示板交流サイトに4種類の掲示版を設置して来ましたが、PaintBBS NEOの描画アニメに対応できて、TwitterやFacebookに投稿した画像を表示できる仕組みも利用できるのはPOTI-boardだけだったので、6つの絵板をPOTI-boardに入…

  • https://ecmemo.net/horizontal_scroll
    2018/11/13 07:19
    https://ecmemo.net/horizontal_scroll

    記事の情報が取得されるまで、しばらくお待ちください。

    ざきひー

    ネットショップ語り

  • POTI-boardのエラーを減らすためにE_NOTICE削減編
    2018/11/12 06:59
    POTI-boardのエラーを減らすためにE_NOTICE削減編

    Noticeが投稿時に300行以上発生していたので修正しました。 また、設置時にできる[1]を編集すると、その後の書き込みでWarningが発生するので修正しました。

  • POTI-boardでしぃペインターを使う時の幅と高さを変更
    2018/11/11 04:09
    POTI-boardでしぃペインターを使う時の幅と高さを変更

    お絵かき掲示板交流サイトは、Googleで「しぃペインター」で検索すると上位に出てきます。 でも、Javaの有償化とか…Macで唯一の頼りだったSafariがJavaの対応を終了したり…。 おそらくもう使う事ができなくなって終わりだろう…と思っていました。 ところが、

  • POTI-boardのメタタグにリンクのタグが入ると表示されてしまう
    2018/11/11 04:04
    POTI-boardのメタタグにリンクのタグが入ると表示されてしまう

    ↑ 上のほうに、https://pbbs.sakura.ne.jp/のURLがでてしまっていますが…。<meta property="og:d…

  • https://ecmemo.net/yahoo_header_width100
    2018/09/26 07:03
    https://ecmemo.net/yahoo_header_width100

    記事の情報が取得されるまで、しばらくお待ちください。

    ざきひー

    ネットショップ語り

  • POTI-boardのエラーを減らすために htmltemplate.inc編
    2018/09/22 22:46
    POTI-boardのエラーを減らすために htmltemplate.inc編

    potiboard.phpにini_set( 'error_reporting', E_ALL );を追加して、すべてのエラーを表示するように設定。 E_DEPRECATEDレベルのエラーが大量に発生しているのを確認しました。 POTI-boardで使っているhtmltemplate.incに問題があるようです。

  • POTI-boardのログファイルを解析するphp
    2018/09/22 22:46
    POTI-boardのログファイルを解析するphp

    phpでお絵かき掲示板の最新画像を表示: STP^3のphpで呼び出した画像を元に、POTI-boardのログファイルを開いて、その画像の該当スレッドへのリンクと、タイトル、作者名を呼び出すphpの改良版です。 運営しているお絵かき掲示板では、レスでお絵かきを許可する設定にして…

  • http://stp.sblo.jp/article/182417544.html
    2018/09/17 22:53
    http://stp.sblo.jp/article/182417544.html

    記事の情報が取得されるまで、しばらくお待ちください。

  • http://stp.sblo.jp/article/182582433.html
    2018/09/17 22:53
    http://stp.sblo.jp/article/182582433.html

    記事の情報が取得されるまで、しばらくお待ちください。

  • http://stp.sblo.jp/article/182632382.html
    2018/09/17 22:53
    http://stp.sblo.jp/article/182632382.html

    記事の情報が取得されるまで、しばらくお待ちください。

カテゴリー一覧
商用