HP制作

SVGファイルを初めて設定する時につまずきやすいポイント!リンクの設定とカラーの変更方法

画像ファイルと言えば、JPEGやPNG(ビットマップデータ)を扱う機会が多いと思いますが、高解像度ディスプレイで見るとぼやけてしまう欠点があります。そのため、…

HP制作

Twitterで最も拡散されやすい時間帯は?100万ツイートを分析した結果…

WebマーケティングやSEO関連の情報を取り扱っているメディア「ferret」で、「ツイートの投稿時刻」と「リツイート数の相関関係」を調べた調査結果が紹介されて…

HP制作

フォント選びの参考に!Webデザインでもっとも人気が高いフリーフォントは?

Webでもっとも人気があるフリーフォントなど、Webの様々なトレンドについてAvocode2016WebDesignReportでまとめられていましたの…

HP制作

スマートフォン端末で電話発信するa要素「tel」をPC版で無効にする方法

a要素に[href="tel:電話番号"]を指定すると、電話発信用のリンクを設定することができます。スマートフォンなどではタップするだけで直接電話をかけることが…

HP制作

https(SSL)通信の環境下でjavascriptが動かなくなる場合の原因と解決方法

ローカルやデモ環境で問題なく動作確認したファイルを本番環境にアップしたら、javascriptが動かない…こんな経験ないでしょうか?その本番環境が「https…

HP制作

カラーコードを取得したい時はGoogle検索が便利!カラーピッカー機能が簡単に使えちゃう!

Web制作時に必ず利用する機能「カラーピッカー」。PhotoshopやIllustratorなど、画像編集ソフトに搭載されている色を選択できる機能です。しかし…

HP制作

ヘッダを[position:fixed;]で固定した際、ページ内リンクの位置がずれるのを解消する方法

当ブログもそうですが、最近はヘッダ部を固定して表示するページが非常に増えました。しかし、[position:fixed]でヘッダを固定している場合、ページ内リ…

HP制作

【CSS】floatで横並びさせたリスト(li)をセンタリングする方法

フッタメニューやページングナビゲーションのコーディングで、liタグをfloatさせて横並びにすることはよくあると思います。しかし、そのリスト全体をセンタリングし…

HP制作

【SEO】Google「モバイルファーストインデックス」の導入実験を開始。スマホページがますます重要に

先日、Googleがモバイルファーストのインデックス登録に向けた実験を開始することを正式にアナウンスしました。つまり、将来的にGoogleのアルゴリズムはモ…

HP制作

アドビ公式!作業効率が劇的に上がるPhotoshop&Illustratorのショートカット一覧

日本法人のアドビシステムズより、PhotoshopとIllustratorの数あるショートカットの中から、デザイナーによく使われているものをピックアップした一覧…