公式SNSボタンは重い！コピペでできるCSSのSNSボタンで軽くする
ブロブ等のWebサイトにFacebookやtwitterなどのSNSボタンを設置していますでしょうか？記事に「いいね！」を押してもらったりシェアしてもらうのに大切なアイテムですね。各SNSの公式サイトにもボタンの設置方法等が紹介されていますし、多くの方が利用しているのではないかと思います。 WordPressをご利用の方であれば、『WP Social Bookmarking Light』等のプラグインを利用して簡単にSNSボタンを設置することが可能です。 しかし公式のSNSボタンを利用することによるデメリットも存在します。SNSボタンを設置してあるページを読み込む（表示させる）のに、とても時間がかかり重いのです。Facebookの「いいね！」ボタンは特に重いような・・・。ユーザビリティやSEOの面でもページ表示速度が重要視されるようになり、「0.1秒でも早くしたい！」という方にとって無視す
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
Swiftで遊んでますか？ - クックパッド開発者ブログ
モバイルファースト室の三浦です。 みなさんはplayground使っていますか？ Swiftにはplaygroundが用意されていて手軽にかつライブレンダリングでコーディングをすることができます。 CoreGraphicsの描画などを確認しながらコードを書くこともできてとても便利です。 早速Swiftで簡単なスケッチをしてみましょう！ Xcodeでplaygoundファイルを新規作成します。次にUIKitをimportします。 import UIKit 次に表示のためのUIViewを生成します。 // ビューのサイズ let size = CGSize(width: 200, height: 200) // UIViewを生成 let view:UIView = UIView(frame: CGRect(origin: CGPointZero, size: size)) view.back
１ページで完結！シングルページ・デザインのWebサイトで使われている特徴やテクニックのまとめ｜Tips*Blog｜株式会社コプロシステム
こんにちは、コプロシステムWebデザイングループのディレクターの石川です。 1/9以来、かなり久しぶりになってしまいました今回の記事は、「シングルページ・デザイン」をテーマにしたまとめです。 「シングルページ・デザイン」とは、Webサイトを閲覧する時に、ページを遷移して閲覧する従来のスタイルではなく、1ページで完結（または、ほぼ完結）しているデザインスタイルのことです。 スマートフォンやタブレットが普及してきた現在ならではの手法なのではないでしょうか。 ここ2～3年、海外の先進的なデザインを取り入れているWebサイトなどからこのデザインスタイルが増え始め、私がトレンドとしてすごく実感したのは昨年下半期くらいからでした。 昨年下半期に、日本国内で新規に立ち上がるWebサービスを見ていると、TOPページのレイアウトを「シングルページ・デザイン」にしているサイトの割合がかなり高い印象だったのです
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
