2018最新版:スマホ・タブレットの解像度一覧表(画面サイズの割合)

最近はレスポンス対応が当たり前になってきて、メディアクエリの記述をしない方が少なくなってきましたが、そのページごとにブレイクポイントをどこにするか、画像サイズをどれくらいにするか変わってくるので、その都度メモをみたり調べたりしないでいいように、個人的に見やすい表にしてまとめました。主にデザイナーの方…

★ 続きを見… 


2018最新版:SEO対策 [section]等にそれぞれ [h1]等のhタグを入れて使う仕様について

  • 2018/01/29
  • SEO

ここ数年、や[article]に、それぞれ[h1]等のhタグを入れるようにhtmlを記述してきました。正確には、等が追加された、html5に変わった時(2014年の10月28日)に、section, article等にそれぞれ[h1]等のhタグを入れて使う仕様になったので、それから今まですね。ですが…

★ 続きを見… 


[http] から [https] へ。常時SSL化対応:ワードプレス、エックスサーバー環境にて

今更ですが、、、SSL化対応することにしました。 Googleが『SSL化されたWebサイトはランキング評価で優遇する』とのことで、仕事先ではもうだいぶ前から『SSL化』の準備を進め色々対応してきたのですが、自分の管理しているサイトは後回しになってしまって、というか家に帰ると仕事モード…

★ 続きを見… 


楽天GOLDで、なかなか更新されないimgファイルを、速攻で更新させる方法

楽天RMS系のトラブル対策第三弾。『なかなか更新されないimgファイルを、速攻で更新させる方法』です。『たかがimgファイルの更新なのに、なんでいっつも2~4時間かかるの?』って思ってイライラしていたのですが、この方法ですぐに更新されました! 楽天GOLDで、なかなか更新されないimgファイル…

★ 続きを見… 


楽天RMS:動画を本文中に入れる方法

楽天RMSでのトラブル対策第二弾。『動画を本文中に入れる方法』です。っていうか、これくらい普通に入れさせてよ。。って感じですが、普通には入れれないんですよねぇ。。 楽天RMSで、動画を本文中に入れる方法 1. R-Cabinetに動画をアップする まず動画をR-Cabinetに動画をアップしま…

★ 続きを見… 


楽天RMS:css等を有効にする方法

ここ数年楽天RMSを使用する作業(楽天ショップでのデザイン作業)が増えて来たのですが、色々とトラブルが耐えず、その都度とっていたメモが溜まって来たので整理がてら色々書いていきます。 その第一弾。まず最初に楽天RMSで直面した問題が、『cssが普通に使えない!!』ということだったのですが、裏技で…

★ 続きを見… 


共通パーツ(header,footer等)をjQueryで読み込んで編集を楽にする方法 & 文字化け対策

WordPress等のCMSではなく、htmlで構築され、headerやfooter等、同じパーツを使っているサイトを編集する時、同じものをいちいち編集するのがすごく面倒というか時間が無駄というか。。DreamWeaver等の機能を使ってもよいのですが、簡単なようで久しぶりに見るとどこをどうすればよ…

★ 続きを見… 


2017最新版:PING送信先リスト16(WordPress Ping Optimizerへ登録するPingのURL)

久しぶりに新たなサイトのためにPingの送信先リストをチェックしてみたら、、、このようなよろしくない状態でした。。 そんなわけで、2017年の最新Ping送信先リストを、今回は色々チェックしまくって、残ったのは16個。(2017年7月7日現在) コピペで使ってください。 …

★ 続きを見… 


『WinSCP』をMacで使えるようにする方法!!

FTPソフトの中では、やはり『WinSCP』が一番使いやすいです。でも、Macでは普通には使えません。。FileZillaやCyberduckも勿論Macにインストールして使っていた時期もあるのですが、やはりWinSCPが一番速いし便利というのは、使ったことがある方であれば同意見なのではないでしょう…

★ 続きを見… 


2017最新版:SNS等の公式ロゴ(アイコン)素材のまとめ(Facebook, Instagram, Youtube, Twitter, Line etc.)

一度サイトを作ってしまうとなかなか更新せず使い回してしまうのが、この『SNSのロゴ(アイコン)』だと思うのですが、サイトリニューアル等ではこのロゴのせいで配色がおかしくなったり、サイトデザインの統一性が失われたりしちゃうことがあります。また、ロゴのデザインが変わったりもしますので、そういう『ロゴの変…

★ 続きを見… 


参考にさせていただいてるサイト

PAGE TOP