高解像度ディスプレイ対策に2倍の画像を設定したら、画像がぼやけてしまったときの解決法
UPDATE : 2021.12.16こんにちは。コーダーの兼山です。 Retinaディスプレイやスマートフォンなどの高解像度ディスプレイへの対策として、2倍の画像を設定することが増えてきました。 設定してみたものの画像がぼやけていたり、鮮明に表示されないことがあります。 今回は、2倍の画像を設定した...
兼山 暖美
エンジニア
全国対応！外注・下請けのホームページ制作会社をお探しの会社様。
人員リソース不足、技術不足でお困りなら外注・下請け専門のランランドにお任せ下さい
Web Blog WEBブログ
イラストレーターでのWeb用画像の切り出しはアセットで簡単できます！
UPDATE : 2021.09.08こんにちは。コーダーの兼山です。 Web用画像の切り出しには、スライスで切り出すコーダーさん、多いのではないでしょうか。 ただ、スライスより、もっと便利な切り出し方法があるのをご存知でしたか？ それが、今回ご紹介するアセットの書き出しです。 特に、イラストレ...
兼山 暖美
エンジニア
CSSで画像をトリミングするテクニック
UPDATE : 2021.06.22こんにちは。コーダーの兼山です。 サイズや比率がバラバラの画像を、CSSで同じサイズにトリミングする方法を紹介します。 ブログページなどのCMSのページで、画像表示を統一させる指定をする機会は多いので、ぜひ、覚えておきたいテクニックです。
兼山 暖美
エンジニア
シンプルに実装できる「もっと見る」ボタン
UPDATE : 2020.12.12こんにちは。コーダーの兼山です。 ニュースサイトやブログサイトなど、情報量の多くなりがちなサイトを、ユーザーが見易くすることに有効な「もっと見る」ボタンを簡単に実装する方法を紹介します。
兼山 暖美
エンジニア
レスポンシブに最適なフォントサイズの単位と指定方法
UPDATE : 2020.10.23こんにちは。コーダーの兼山です。 レスポンシブコーディングをする際、フォントサイズの指定に迷いが生じることが、ありませんか？ PCファーストなのか、モバイルファーストなのか。 デバイスの違いや、見え方重視か、デザイン重視か。 現状、様々な単位があることから、更に...
兼山 暖美
エンジニア
Google reCAPTCHAのWEBサイト登録とAPIキーの取得方法
UPDATE : 2020.07.21こんにちは。コーダーの兼山です。 Webページのお問い合わせフォームなどで「私はロボットではありません」といった表示を見かけませんか？ それは、スパム対策に設置された『Google reCAPTCHA』という機能です。 reCAPTCHAを設置するには、Goo...
兼山 暖美
エンジニア
スマートフォン表示で、画面に表示しきれないtableを横スクロールさせる方法
UPDATE : 2020.06.05こんにちは。コーダーの兼山です。 コーディング時にtableで表を組み込む際、レスポンシブコーディングなどでのスマートフォン表示時に、表のレイアウトによっては表の全てを表示しきれず、コンテンツが横にハミ出てしまうことがあります。 スマートフォンで表を見る際も、ユ...
兼山 暖美
エンジニア
スマホで『background-attachment: fixed』が効かないときの解決法
UPDATE : 2020.05.06こんにちは。コーダーの兼山です。 背景固定を『background-attachment: fixed;』で指定した際、パソコンでの表示では思う通りの動きをするのに、スマートフォンでは固定されないことがありませんか？ それには理由があります。 今回は、その理由...
兼山 暖美
エンジニア
デバイスの向きによってCSSを変更する方法
UPDATE : 2020.04.08こんにちは。 コーダーの兼山です。 メディアクエリは、画面の幅だけでなく、デバイスの向きも検知できるのをご存知ですか？ スマホや、タブレットを縦向き、横向きにした際のスタイルを変更することができます。 デバイスの”この時だけ”の指定を可能にするテクニックを紹...
兼山 暖美
エンジニア
『Googleマイマップ』をホームページに埋め込む方法
UPDATE : 2020.03.30こんにちは。 コーダーの兼山です。 前回、『Googleマイマップ』の作成方法を紹介しました。 今回は、作成したマイマップををホームページに埋め込む方法を紹介します。 作成したサイトへ、ルート表示付きのマイマップを埋め込むことで、訪問者は目的地までの道のりを...
兼山 暖美
エンジニア
