サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
2025年ランキング
style01.net
そろそろブログをリニューアルしたいと思っているのですが、 暑い日ってやる気おきないですね。 図書館かカフェ行って作業すべきか・・・ カスタムフィールドで投稿した画像を背景画像として使いたい時ってありますよね。 私も悩んでいましたが、今の私のベストな出し方です。 きっともっとうまいやり方があると思いますが、力量が足りていないのでこんな感じのコードです。 advanced custom fieldを使ってカスタムフィールドを設定しています。 PHP <ul class="works_list clearfix"> <?php $args = array('post_type' => 'work', 'showposts' => 4,); $customPosts = get_posts($args); if ($customPosts) : foreach ($customPosts as $
フォームで、＜input type=”text”＞を選択時にEnterキーを押すと送信されてしまうことがある。 意図しない送信を防ぐために送信ボタンをクリックしたときだけsubmitするようにする簡単なコードです。 See the Pen 170418 by M.Ueda (@nekuta) on CodePen. フォームにonsubmit=”return false;”を追加onsubmitはsubmitされたときに発生するイベントです。onsubmit=”return false;”でsubmitを中止する。 送信ボタンをtype=”button”にするinputがtype=”submit”の場合、送信されてしまうので、type=”button”に変更。onclick=”submit();”でボタンを押したときだけsubmitさせるようにする。 余談ですが、 ついにCodePenを導
みんな大好きfontawesome！ beforeやafterの擬似要素でfontawesome使えるのだから、inputのplaceholderにも使えるんじゃないかと思ったらやっぱり使えるみたいですね。今回使うのは旧バージョンの4.7。最新バージョンの5はうまく表示してくれませんでした。 See the Pen 180215 by nekuta (@nekuta) on CodePen. fontawesome4.7(旧バージョン) https://fontawesome.com/v4.7.0/ fontawesome5(新バージョン) https://fontawesome.com/ fontawesomeの読み込みとアイコンの場所まずfontawesomeを読み込ませます。CDNでもいいし、公式サイトから持って来てもいい。今回はCDNでサクッと持って来ました。 旧バージョンは下記で
横幅100%の地図を掲載しているサイトは多いですよね。 しかしマウスホイールでスクロール中にカーソルがGoogleMapの中に入るとMapがの拡大縮小されてしまいスクロールできなくなります。 APIを使って制御するやり方が有名ですが、埋め込みGoogleMapも制御することができます。 ホントはAPI使うのがオススメです。いろいろカスタマイズできるし。 iframeにpointer-events:noneをかけると、マウスイベントを無効にできます。 ただ、それだけだとGoogleMapの機能(スクロールとか拡大縮小)が使えませんので、jQueryでマップをクリックしたときに一時的にマウスイベントを有効にしています。 ▼APIを使ったカスタマイズはこっち Google Maps APIを使って地図をカスタマイズする HTML <div class="map_wrapper"> <iframe
このページを最初にブックマークしてみませんか？
『style01 | 東京在住のweb屋が気になったコードを書いていく日記』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
