web制作

アコーディオンのCSSをいろいろ集めてみた

制作を早くするために、独自でHTMLやCSSをパーツごとに保存している方も多いと思いますが、以下のようなサイトでデザインに合わせて修正する手もあります。新しい手法も見ることができますし、自分と違う作り方の勉強にもなります。また、い...
web制作

ブラウザサイズ変更時の挙動

サイト制作中にレスポンシブの確認でブラウザのサイズを変えることがありますが、jsの関係か画像サイズがレスポンシブについてこれいないという現象に直面。通常、あまりブラウザのサイズを変えたりすることはないと思われますがちょっと気持ち悪いので、...
mail

メーラーにGmail設定する

Thunderbirdでつまずく 新しいパソコンを買ってメーラーにGmailを設定しようとして設定できずにつまずいたので、いろいろ調べたところ簡単な設定で解決できました。おそらく、他のメーラーでも設定できない方は以下の方法で設定可能...
スマートフォン

楽天モバイル 対応機種について

いろんなサイトで楽天モバイル UN-LIMITで使えるスマホが記載されています。公式に対応機種が記載されてますが、それ以外の機種で使いたい方が使えるのかどうか皆さんそれぞれ検証しているようです。 楽天モバイルの自社エリアはかなり狭く...
スマートフォン

楽天モバイルのお買い得情報2020/5/9-16

楽天のお買い物マラソン期間になりました。実は、前回の期間の最終日に楽天スーパーDEALにて楽天モバイルの機種がお買い得に販売されていることに気が付きました。 先月は楽天モバイル開始月で4月最初のお買い物マラソンでも開催さ...
スマートフォン

DTIの格安SIMを半年お試し

スマートフォン料金プランが変更になって、格安SIMのプランも変更になってます。今回は格安SIMを使ってみようかなと思っている方や、お子様用スマホに使ってみたり、タブレット等にお試しにお使いいただけるSIMをご紹介です。 ...
web制作

クリッカブルマップ(イメージマップ)をレスポンシブ対応にする

あまり必要な場面はないかもしれませんが、今回必要になったので覚書として。 まずはDreamweaverなどでも座標を簡単に作成することが出来ますが、サイトでも簡単に作成できます。 私が利用しているのはこちらのサイト。 他...
web制作

YouTubeの埋め込み設定

iframeを使う方法 簡単で手軽な方法です。YouTubeのプレイヤーのしたの共有ボタンを押すとリンクの共有の中に「埋め込み」という項目があります。こちらをクリックするとiframeのタグが表示されるので埋め込みたい部分にコピペ...
web制作

pxをvwに変換する計算方法

cssにはcalc機能がついているので、デザインから画像サイズ等々をvwに計算する計算方法を見つけたのでメモ。 px÷画面サイズ×100=vw 上記で計算できるようです。いろんなサイトを見て、色んな方法があるようですが、こちら...
web制作

ACFのデイトピッカーの出力フォーマット

ACFのデイトピッカーをいろんな出力フォーマットに変換する方法です。(ACFとはWordpressでよく使われている、Advanced Custom Fieldsというプラグインの略です) <?php $date = dat...
タイトルとURLをコピーしました