Lightbox を使った画像表示
Sleeping egg では主に写真を掲載していくため、先に作成した fullPage.js ベースのティザーサイトで大きいイメージを表示するのに最適な Lightbox をとりあえず追加してみました。 ※ ティザーサイトの作り方はこちら » Lightbox 2 – Lokesh Dhakar 1. 公式サイトから Lightbox をダウンロード Lightbox のダウンロード...
View Article画面サイズ一覧
インターネット初期の頃は画面サイズが 640×480 や 800×600 などが標準サイズでしたが、今では PC,タブレット,スマートフォンはもちろん、家庭用ゲーム機やテレビからもインターネットを見ることができる一方で、配置する画像サイズに困ることも少なくありません。 …というわけで、ウェブサイトの背景画像や壁紙などを作成する際の参考に画面サイズ一覧をまとめてみました。 ※...
View Article「Online Color Challenge」で色の正確さを計測してみる
GIZMODO の記事で紹介されていた「Online Color Challenge」で色の正確さが計測できるとのことでやってみました。 Online Color Challenge 色彩従事者の色覚がその業務を遂行する上で必要な機能を有しているかどうかをテストする Farnsworth Munsell 100 Hue Test(マンセル...
View ArticleSEO診断・対策ツールの無料サービス一覧
ウェブサイトの運営・管理には欠かすことのできないSEO対策。でもどう対応すれば良いかわからない…。そんな時の手助けになる、SEO診断・対策の無料オンラインサービスをまとめました。 Ferretポータルサイト (SEOツール集) ・URL構造チェック ………………………………… ◎ ・HTML構造チェック ……………………………… ◎ ・コンテンツ対策チェック ……………………… ○...
View ArticleiCloud のまとめ
iCloud には iCloud.com でも使える機能と各アプリから使用する使い方がありますが、iCloud.com で使える機能を忘れがちなので、簡単な一覧とサポートのリンクを作成しました。 【Web App( iCloud.com)で使える機能】 https://www.icloud.com/ メール...
View ArticleFacebookのOGP設定
FacebookのOGP設定をすると、Facebook外のウェブページに設置した「いいね!」ボタンのアクションなどがニュースフィードに表示され、記事を見てもらう機会が多くなります。また、Twitter Cards を設定する際にも便利なので、今回設定してみました。 【設定方法】 1:HTMLの文頭に以下の要素を追加 <html...
View ArticleTwitter Cards とアナリティクスの設定・1
2014年1月からスタートした、Twitter Cards アナリティクス を利用するために Twitter Cards を設定してみました。 Twitter Cards とは? Twitter Cards を設定するとツイート内にURLが含まれている場合、左下の[開く /...
View ArticleTwitter Cards とアナリティクスの設定・2
Twitter Cards 設定の完了後、承認されたらアナリティクスも使えるようになります…が、ヘッダーに “@***** does not have access to Twitter Analytics. If you’re a publisher, developer, or advertiser, learn how to get access.”...
View ArticleWEBデザインまとめサイトの一覧
WEBデザインのデータベースやリンク集は数多くありますが、カテゴリ別や配色別などの分類やレスポンシブに特化したものなどそれぞれの特徴があるため、主なサイトをコメント付きでまとめました straightline™_bookmark http://bm.straightline.jp/ 登録すると my bookmark や my favorites...
View Article各種サービスロゴの利用ガイドラインまとめ
SNSをはじめとする各種サービスのロゴには色や大きさの指定をはじめ、権利や利用条件があります。ウェブサイトにバナーやボタンを自作で掲載する際の参考として、利用ガイドラインをリンクにまとめました。 ※読み込みに時間がかかる場合がありますが、ご了承ください。 Twitterのブランドガイドライン https://about.twitter.com/ja/press/brand-assets...
View Article
More Pages to Explore .....