Worse is better.😀
javascript

コピペで5分!javascriptで表示時間の期限付きバナーを実装する方法

こんにちは、daimaです。 本日は任意で設定した時刻によって 画像の表示/非表示を切り替えることができる表示期限付きバナーを 数行のjavascriptコードで実現する方法をご紹介します。 主な用途としては、 一度に複数の対象への期限...
Laravel

【Laravel】 The PutObject operation requires non-empty parameter Bucket エラーの解消法

The PutObject operation requires non-empty parameter Bucket LaravelとAWS S3を連携して Laravelから画像をアップロードする仕組みを構築していたところ、 アップロ...
CSS3

【CSS】マウスオーバーで下からテキストポップアップさせるおしゃれなデザインの実装法

こんにちは、daimaです。 本日はマウスオーバーで画像の下からテキストレイヤーがポップアップする おしゃれなレイアウトの実装方法をご紹介します。 使用する技術はHTMLとCSSのみ! どんなサイトにもコピペで簡単に組み込み可能...
javascript

クロスドメインでiframeを読み込ませてついでにレスポンシブ対応もする方法

こんにちは、daimaです。 本日は異なるクロスドメインでiframeを埋め込んで なおかつ画面を拡縮しても iframeの高さが自動で調整されるように レスポンシブ対応させる方法をご紹介します。 なぜ、この記事を書いたかというと 私が...
jQuery

jQueryで特定の文字列のみを削除する便利な関数

こんにちは、daimaです。 本日指定した要素の中から 特定の文字列のみを削除するjQueryコードをご紹介します。 元はあるショップカートASPで 自動で付与される円とか(内税)とかを消したいがために作成したものです。 ソースコード...
wordpress

ACFのWYSIWYGエディタに自動挿入されるpタグを取り除く方法

ACF(Advance Custom Field)で自動挿入される邪魔なpタグを除去! Wordpressで自動挿入されるpタグ(オートパラグラフ) を無効化する最も簡単な方法といえば functions.phpに を追記することで...
CSS3

コピペで5分!右から出てくるおしゃれなハンバーガーメニューの作り方【レスポンシブ対応】

こんにちは、daimaです。 本日は私も業務でよく使っている おしゃれでコンパクトな ハンバーガーメニューのサンプルコードを コピペしてすぐに使える形でご紹介したいと思います。 最終更新2021/01/30 : ・ナビ部分...
CSS3

border-style:dotted;の点の間隔やサイズを自由自在に変える方法

「dotted」の見た目を自由に変更したい…! 要素に対して 点線のラインを引くCSSの記述といえば 真っ先に思い浮かぶのがお馴染みの 「border-style:dotted」ですが、 このプロパティには「点同士の間隔を調整ができな...
javascript

input type=”file”の見た目を全てのブラウザで統一する方法

フォーム回りのクロスブラウザ対応は WEBコーダーにとって厄介な仕事の一つですが 中でも画像の添付ボタンを追加する input type="file"は ブラウザによって見た目が違うわ ボタン横のテキストは変更できないわと 何かと厄介な存在...
javascript

一番手っ取り早くgulp.jsを動かす方法【超入門編】

一瞬でgulpを動かす環境を作る gulpといえばsassやbabel、 ファイルの結合、構文チェック、 画像圧縮などなど、フロントエンドの 様々なタスクを自動で実行できる node.js製のビルドシステムです。 先日そのgulpを導入...
タイトルとURLをコピーしました