kazuyadesseのブックマーク / 2013年5月20日

kazuyadesse id:kazuyadesse

2013年5月20日のブックマーク (4件)

[WordPress][SNS]プラグイン・外部サービスに頼らずソーシャルボタンを設置 / 参考にしたサイトも掲載！ | stryhのchangelog
どうも@saita_ryouheiです。タイトルにもある通りソーシャルボタンを設置しました。設置したのはちょっと前なので既に当ブログをご覧になられている方は気付いているかと思います。以前から設置はしていたのですが、それはプラグイン、外部サービスのJSファイルを読込み設置していました。それでも良かったのですが、ソーシャルボタンの表示が小さいアイコンになってしまい、それとデザインに自由がきかなかったのであまり納得はしてませんでした。そんな理由もあり納得のいくボタンを設置したいと思いかなり経つのですが、今回設置しました。その備忘録でごあす。表示箇所 PC PCの場合は以下、2箇所です。エントリーページの最初左サイド（少しスクロールするとアニメーションで表示されます） iPhone iPhoneの場合は以下に表示してます。エントリーの最初と最後 iPhoneの場合、画面が小さい
kazuyadesse 2013/05/20
リンク
HTML/CSS/JavaScriptを編集してその場で結果確認·Editr MOONGIFT
EditrはWeb上でHTML/CSS/JavaScriptを編集して結果を確認できるサービスです。最近、Jsdo.itのようにWeb上でコードを書いてその結果を確認できるサービスの人気があります。そのオープンソース版とでも言うべきなのがEditrです。結果ページ。 JavaScriptの編集を行えます。こちらはスタイルシート。 HTML。この3つを組み合わせて結果ページになります。複数のHTMLを切り替えられます。 EditrはHTML/CSS/JavaScriptをWeb上で記述して、その結果もオンラインで確認ができます。ちょっとしたコードを試したり、一部の機能だけを取り出して遊んでみると言った時に使えそうです。 EditrはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 MOONGIFTはこう見るプレイグラウンド的なサービスは特にWeb
kazuyadesse 2013/05/20
リンク
いい加減、<script src="http://..　と書くのはやめましょう - DQNEO起業日記
外部サイトのJSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、ブラウザによっては安全装置が働いて読み込んでくれないのです。上の例ではjQueryの読み込みに失敗していますが、エラーメッセージ「Uncaught ReferenceError: jQuery is not defined 」を見てもHTTPS/HTTPのプロトコルが原因だとはすぐ気づかないので、わかりにくいバグになってしまいます。結論 JSファイル(とかCSSとか画像とか)を読み込むときは、"http:"の部分を省
kazuyadesse 2013/05/20
リンク
次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック集
CSSやjavascriptを利用してサイトをよりリッチな表現に変えていくというのは、WEB制作の現場では常に行われていて、様々なスニペットやライブラリが日夜リリースされています。今日紹介するのは次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック「CSS and JavaScript tools to take your website to the next level」です。 Countable.js 様々なCSSやjavascriptによるテクニックがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。詳しくは以下 iCheck クリックしたラジオボックスやチェックボックスから、返り値をとれるjavascript。それをキーにして何かを動かしたいときに。 Almost Flat UI フラットデザインUIを簡単に実装で
kazuyadesse 2013/05/20
リンク
- 2013年5月21日
- 2013年5月20日
- 2013年5月19日