SNSのシェアボタンの設置方法まとめ (サンプルコード付き)
サンプルデモ真ん中寄せをして、ウィンドウの横幅が480px以上の場合は、5つのシェアボタンを横並びで表示し、スマホなど、ウィンドウの幅が狭いブラウザでは、LINEを含めた6つのボタンを1行に3つずつ表示するレスポンシブ仕様になっています。ここで表示している個々のボタンは画像を使用していますが、実際と同じように動作するので、ウィンドウの幅を広げたり縮めたりしてみて下さい。実際のシェアボタンでのデモを見たい人は、「サンプルデモを見る」のボタンから別ページにアクセスして下さい。 HTML <h2>シェアボタンの表示</h2> <p>横幅を狭めると、2行になり、LINEボタンが出現します。LINEボタンの画像は、<a href="https://media.line.me/howto/ja/" target="_blank">公式ウェブサイト</a>よりダウンロードする必要があります。</p> <
O'Reilly Japan - Firefox Hacks Rebooted
根本から見直されたUI、同期サービスなどの新機能、iPhoneアプリの紹介はもちろん、Firefoxを別のブラウザへと変えてしまう超強力アドオンについても開発者自身が丁寧に解説。新しいAdd-on SDKを用いた拡張機能開発チュートリアル、真の拡張機能ハッカーだけが知る実践的開発テクニックに加え、HTML5、CSS3、SVG、次世代JavaScriptやデバイスセンサー系APIなど、Webテクノロジも広くカバー。Firefoxのすべてが詰まった本書を手に、ユーザーとして、Web開発者として、拡張機能開発者として、Firefoxを徹底的に使い倒そう。 サンプルPDF ● 1章：Hack #8 Personasで実現する着せ替えブラウザ ● 2章：Hack #14 VimperatorとKeySnailの設計上の違い ● 3章：Hack #18 拡張機能の開発（基礎編） ● 4章：Hack #
SNSへの共有が楽になるブックマークレット集 for iPhone - LINE Pinterest Twitter etc... - #RyoAnnaBlog
iPhoneのSafariでWebブラウズしていると、誰かと共有したい記事や画像を見つける事がある。画像なら最近はPinterestに投稿しているが、その手順が面倒だった。リンクをコピーする → SafariでPinterestを開く → Add + をタップする → リンクをペーストする... もっと簡単な方法はないか。そう思って探したのが今回紹介するブックマークレット。iOSはTwitterとFacebookへの共有を標準でサポートしているが、記事のタイトルが投稿できないのでブックマークレットのほうがいい。 LINE こちらで紹介されていたブックーマークレットを使うと、記事のタイトルとURLが入力された状態でLINEのアプリが起動する。 javascript:location.href=('http://line.naver.jp/msg/text/'+encodeURICompone
CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件
jsdo.itで「SPEC」というコーディングコンテストを開催しています。 今回のテーマは以下の二つ。 CSSだけを使って必殺技の演出を加えてください ローディングの演出を考えてください 「こんなマニアックなテーマだけど参加してくれる人がいるのだろうか…！」と心配していたのも杞憂に終わり、続々とすごい作品が投稿されています。 開催期間中ですが、ぼくが個人的に「これは！」と思った作品をピックアップして紹介したいと思います。（コンテストの審査とは関係ないですよ！） CSSだけを使って必殺技の演出を加えてください スーファミのRPG風 えい！：forked: CSSで必殺技！ - jsdo.it - share JavaScript, HTML5 and CSS 光が集まる必殺技 forked: CSSで必殺技！第2弾！ - jsdo.it - share JavaScript, HTML5 a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
israelidanny/ie8linter · GitHub - A little tool to lint websites for IE8 compatibility, with warnings for possible pitfalls
