マガジンのカバー画像

Web Tips 25年史+

32
検索して探してきても、そのまま使えるモノが少ない、CSS, JavaScript たち。 実際カスタマイズしてきた例を、Tips 集にしてみようか、と考えてみる。 どなたかのお役…
運営しているクリエイター

2023年3月の記事一覧

HTML 等テンプレート設定し、ソース部分を取得~クリップボードへ格納

HTML 側は、適当に id で囲む

<span id="idName"><テンプレート等、取得したい内容></span><button onclick="cpClip()">Copy idName</button><!-- 等、使いたい範囲をボタンで発動 -->

JS 側

<script><!-- function cpClip() {// コピー対象を変数として定義

もっとみる

残存確率の高い、修正必須記述

jQuery 2系以降で発生する、jQuery 1系でしか通用しない記述、が、結構な確率で残っている可能性。
MT 案件などで、読み込みファイルに残っている、などが多そう。
参考)https://xov.jp/e/796/

存在する場所;スムーズスクロールの設定
冒頭「#」に対しての function 設定。正解というか、1系以外でも動作させるには

$('a[href^="#"]').clic

もっとみる

現在の、年を表示

Copyright などで、今年(現在時刻で、年)など更新している場合、年末・年始に、直書きされてる Copyright を探して置換する、というようなことをしなくてよいように、JavaScript を仕込みましょう。

理想は、include しているフッター部分などでやりくりできること、でしょう。
PHP でフッター部分を読み込んでいるなら、そのフッター部分の最下部などに、script を2行

もっとみる

【Web外】資料作成サポート

要望;ブラウザ全ページ>A4 複数ページで見られるようにしたい
   途中途切れでなく、項目等適度な切れ目に

1)ブラウザで、ページ全体キャプチャを、Chrome プラグイン等、適当におこなう。
  PNG 出力が、拡大しない画面幅なら綺麗にキャプチャできていそう。

2)Photoshop 等画像エディタ~Word等~PDF 保存。
   Web担当などであれば、Photoshop あると思う

もっとみる

JavaScript で共通化パーツを構成

いよいよ、パーツ単位でどうこう、というレベルでは無くなってきました。
前職で、CMS 移行のために、CMS のみではできない部分を開発する、ということをやってきたことが、そのまま活きてくるとは。。。

フツーに考えても、10ページ以上で構成しているページ、ヘッダー・フッターとか、共通になる部分を、ページごとに直書きしてるのは、どう考えても無駄でしょ。
挙句に、そのメニューだの、追加とか修正するの、

もっとみる