Facebook「Like Box」をカスタマイズしたかった。 - ウェブDeBLOG | Webデザイン学科ブログ
【2016年4月17日追記】 Facebookのページプラグインが便利になりレイアウトしやすくなりました。もうすでにサポートが終了していることもあり、fb.wallを外しました。ページプラグインに関しては、下記から行ってください。 https://developers.facebook.com/docs/plugins/page-plugin 【2014年1月19日追記】 昨年の10月にまた、Facebookの仕様が変わり「いいね！」の数が取得できなくなっています。 fb.wallでundefined people likes thisとか出る件 | IT屋のPC+ビジネスハック の記事に対処法が書かれています。 上記記事を参考に変更すると、いいね！の上限数に限りが出てきますので、 fb.wallメモ最終版 | 永遠少年症候群 に修正方法が紹介されています。またこの記事で利用してる「fb.
Facebook「Like Box」をカスタマイズした。
【2013年4月8日追記】 外部からのCSSが効かない仕様になったようですので、fb.wallを使って対処しました。 「 それでも、Facebook「Like Box」をカスタマイズしたかった。」書きました。 【2013年2月20日追記】 いつの間にか、CSSが効くようになっていましたが、新たに修正が必要だったりしましたので、Facebook側で何かが変わったのでしょう(T_T) 【2013年1月30日追記】 最近、likeboxで検索してこのページに来られる人が多かったので何事かと思っていましたが、どうやらカスタマイズしたCSSが効いていないようで、仕様の変更か何かあったみたいです。解決策がみつかったら追記します。 Facebookが話題になり始めた頃、トライデントコンピュータ専門学校Webデザイン学科のFacebookページを制作しました。このウェブDeブログや学生のブログ、学科の話題
Accessible Mega Menu
1. Perceivable Information and user interface components must be presentable to users in ways they can perceive. 1.1 Text Alternatives Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language. 1.1.1 Non-text Content 1.2 Time-based Media Provide alternatives for time-based media. 1.2.
ついつい押したくなる、CSS3を使ったラジオボタンのデザイン
フォームってあまり使うこともないのですが、CSS3を使ってデザインするとなかなか面白かったので、今回はラジオボタンを使ったサンプルを紹介します。 ではサンプル１からコードを紹介していきます。 サンプル１ 二択のラジオボックスです。「はい」を押したときと、「いいえ」を押したときの色を変えています。 HTML では、HTMLから。 <div class="sample"> <input type="radio" name="s2" id="on" value="1" checked=""> <label for="on" class="switch-on">はい</label> <input type="radio" name="s2" id="off" value="0"> <label for="off" class="switch-off">いいえ</label> </div> 特に問題
一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 | WebNAUT by Beeworks
一度書いたコードは二度と探さない！スニペットを究めて快適コーディング！【HTML, CSS, JavaScript】 ※この記事は2013年8月26日に執筆された記事です。現在は仕様が異なる可能性があります。 気がつけば繰り返し同じ単語で検索し、同じコードを書いている…なんてことはありませんか？「この部分の記述、もう一回使うことがあるかも」と思ったらぜひスニペットとして登録しておきましょう！ スニペットとは繰り返し登場するコードの断片、またはそれをすぐに呼び出せるように管理するエディタの機能のことです。自分がよく使用する記述をスニペットにしておけばいちいち検索したり、昔書いたソースを探ってみたりすることなく、使いたい時に正確な記述をサッと呼び出して使うことができます。 Dreamweaver、Sublime Textなどのオーサリングツールやテキストエディタにはスニペットを自在に使うための
アクセシビリティチェックに。色覚異常を再現する·ColorScope.js MOONGIFT
ColorScope.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 インターネットの裾野が広がるのに合わせてWebページのアクセシビリティは大事な要件になってきました。今回は色覚異常を再現するブックマークレットColorScope.jsを紹介します。 ブックマークレットを実行すると、様々な色覚異常の条件が表示されます。 一つ実行しました。暖色系の色がぐっと弱まったのが分かるかと思います。 また別なブックマークレット。背景色が変わりました。 こちらは全体的に色味がなくなり、茶系になっています。 さらに別なものはグレー系の色合いになっています。 ColorScope.jsを使うとテキストはもちろんのこと、画像も色が変わっています。これはCanvasを使って画像を変換しているとのことです。ただし外部ドメインの画像に対しては適用されないとのことなのでご
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Page Not Found • Namecheap.com