CSS3

これは使える!お洒落なアニメーションが目を惹くCSSボタン77選

はじめに 色々なタイプのWEBサイトに使えそうな デザイン性の高いCSSボタンを集めてみました。 どれもHTML+CSSのみで実装されているので コピー&ペーストで 自分のサイトにすぐ導入できます。 1. スマー...
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...
WEB制作全般

実務経験6年のプロがWordPressサイトのご相談・ご依頼を承ります

自己紹介 Spreadsheep.net管理人のdaimaと申します。 私は2015年6月より石川県のWEB制作会社に勤務し、 企業のホームページやネットショップサイトの構築など 数多くのWEBコーディング業務に携わってきました。 特...
CSS3

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

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

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

こんにちは、daimaです。 本日は以前ご紹介した こちらのハンバーガーメニューにさらに 各親メニューに対する子ページへの開閉式リンクを追加した 機能追加版をご紹介します。 デモとソースコード DEMO ※メニ...
javascript

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

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