Worse is better.😀

daima

jQuery

項目数の増減ができるフォームのサンプル【jQuery】

私事になりますが、 最近仕事をwebコーダーから WEBアプリのバックエンドエンジニアに鞍替えしまして、 その影響でHTMLフォームを利用したデータの受け渡し処理を書くことが増えました。 そして、その際に手間のかかる実装の一つに...
MySQL

mysqlでSHOW DATABASESコマンドが効かないエラーの解決

エラーの内容 システム構築の勉強の過程で mac book airのローカルにLAMP環境を構築中、 ターミナルからmysqlにログインし SHOW DATABASES;コマンドを叩いたところ以下のエラーに遭遇しました。 解決方法 デ...
javascript

input[type=number] の矢印(スピンボタン)のデザインをCSSで自由に変える方法

HTMLのinputボタンのtype属性にnumberを指定すると 数字以外の入力が不可になり さらに上の画像のように、増減ボタンが右端につくのですが、 この増減ボタンにはブラウザによって 見た目がコロコロ変わってしまうという困った問題...
wordpress

え!?こんなこともできるの?と驚くWordPressの活用事例6選

はじめに こんにちは、daimaです。 今や世界中のWEBサイトの実に4割以上※で 利用されている超人気CMSのWordpressですが、 実は単にブログを書く以外にも ネットショップや不動産サイトの基盤システムとしても 広く活用さ...
CSS3

超簡単!WordPress+cookieでお気に入り登録の機能を実装する方法

こんにちは、daimaです。 少し前に靴屋さんの商品サイトをWordpressで制作する機会があり、 その際に閲覧者が気に入った商品ページをお気に入り登録して 後からお気に入り一覧ページで見返せるようにしたいという要望があり、 これをCo...
CSS3

コピペで5分!javascriptで埋め込みmp4動画に再生/停止ボタンを追加するコード

はじめに こんにちは、daimaです。 本日はコピペするだけで同じページ内の全てのvideoタグで埋め込んだmp4動画に 再生/停止ボタンを追加することができる便利なjavascriptコードをご紹介します。 ちなみ...
CSS3

子ページをコンパクトに表示できるおしゃれなハンバーガーメニューのコードサンプル

こんにちは、daimaです。 本日は以前ご紹介した こちらのハンバーガーメニューにさらに 各親メニューに対する子ページへの開閉式リンクを追加した 機能追加版をご紹介します。 デモとソースコード DEMO ※メニ...
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のみ! どんなサイトにもコピペで簡単に組み込み可能...
タイトルとURLをコピーしました