iframeの高さを自動調節する - Qiita
親サイトにifremeを入れたときにうまく高さが指定できなかったので 参考になるサイトを探しまくりました。 要件 iframe。よくあるyoutube、googlemapではなく、別のサイトのiframe（クロスドメインと言う）。 iframe側の高さが動的に変わる場合（例：記事のタイトルとか、日によって文字数がかわるやつ）高さを固定すると変にスクロールがついてしまい、見た目が悪い。 iframe使ってるってなるべく気づかれたくないときに活用できる サンプルコード <script> window.addEventListener('message', function(e) { var iframe = $("#parentframe"); var eventName = e.data[0]; var data = e.data[1]; switch(eventName) { case '
超チューニング祭に参加＆表彰した - Qiita
超チューニング祭 ちょっと遅くなったけど、2014/4/26-27の二日間、ニコニコ超会議3内のまるなげひろばの一角で開催された超チューニング祭にドワンゴチーム(メンバーは 江添亮さん, kmizuさん, masarakkiさんと合わせて4人)として参加したり表彰などをした話。 参加チームは全部で18チームかな?(チーム番号は20までだけど、2チーム欠番?)。 競技ルール ルールは、niconicoのスマートフォン版webのコピーの一部改変版を主催者サーバー上に配置し、速度とUIの改善を競うというもの。チームごとにコピーが配置され、各チームに秘密鍵が配られ、その鍵でSFTPで各チーム用サーバーにuploadする。 UIのユーザー投票と測定結果のそれぞれの順位の合計が一番少ないチームが総合優勝となるため、速度だけでもデザインだけでもだめ、というものであった。 投票以外では、UI要件(どの要素
超会議3の超チューニング祭の感想
さて、超チューニング祭が終わったので、感想を書こうと思う。すでに、参加者の中で、感想を書いている人もいる。 レポート - 超チューニング祭で努力賞(最速賞)をとるためにやったこと - Qiita ニコ動 超チューニング祭で最優秀賞もらいました 超チューニング祭に参加した - masarakki's blog JavaScript - 超チューニング祭に参加＆表彰した - Qiita kmizu/slide_cho_tuning また、いつの間に行ったのか、優勝者に取材したところもあるらしい。 『ニコ超3』の超チューニング祭で、“創世神”戀塚昭彦氏を上回ったカップルが見せたバランス感覚 - エンジニアtype さて、筆者の視点からみた超チューニング祭はどうだったか。 そもそも、私がスタッフとして配置されるブースは、超時空ニコニコ研究所であるはずだった。しかし、超会議にさかのぼること三週間前、
HTML Tidyをサクラエディタのマクロから呼び出す - Bouldering & Com.
パラノイアちっくにコードの自動整形がダイスキなので、Eclipseの一番好きなプラグインはformat on saveだったりします。なのでEclipse 3.3で本家に取り込まれるのがとても嬉しいのですが、HTML editor系のフォーマットが求めるものではなかったし、HTMLを編集するくらいでEclipseを起動するのもヘビーだったので、少し調査。 でも、HTMLエディタと言われてる類のものには自動整形はないみたい。 とはいえ、DreamWeaverを買うようなお金もないし、emacsをこのためだけに使うのもやっぱり重い気がしたので、けっきょくHTML Tidyに落ち着いて、せっかくなのでサクラエディタから呼び出すようにしてみた。 たぶん、バージョン1.5.11くらい以降じゃないと動かない。はじめ、1.5.3で動かそうとしてて、 GetCharCode()がなくて動かなかったけど、e
HTML5/CSS3にも対応、HTML/CSS/JavaScriptを整形・チェックするオンラインツール -Dirty Markup
Dirty Markup [ad#ad-2] Dirty Markupはウェブ制作者がよく使う下記のツールをまとめたような感じです。 HTML Tidy CSS Tidy JS Beautify Dirty Markupの使い方は簡単で、右側にコードをペーストし、左側でHTML/CSS/JavaScriptを設定し「Clean」ボタンをクリックするだけです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechAcademy [テックアカデミー]![TechAcademy [テックアカデミー]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2c295330d4f51d6ba69336c6835b47fb606bfd53/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Ftechacademy.jp%2F_nuxt%2Fogp%2Fog-image.jpg)
国勢調査のコードレビュー - Qiita
Brackets Extensions
オープンソースのWebアプリ開発向けコードエディター「Brackets」Sprint 23が公開
DirtyMarkup Formatter - HTML, CSS, & JavaScript Beautifier