Build Insider OFFLINE vol.01 スマートフォンサイトのこれから ~ レスポンシブ・Webデザインは救世主となり得るか

サイトにYouTube動画を表示したいと思ったとき、イベントを絡めるといったようなカスタマイズをしてとかになるとAPIを使用したりになると思いますが、とりあえず表示するだけであればiframeで簡単に埋め込むことができます。 そんなときに知っておくと便利なパラメータ10種類を自分が使用頻度が高いと思う組み合わせ3つと併せて紹介します。 はじめに どのように表示されるかわかりやすいように実際にこのページに動画を埋め込もうかとも考えたのですが、ページがかなり重くなってしまうので以下ではコードのみ紹介しています。 実際の表示を確認したい場合は、適当な動画で「JSFiddle」などのツールを使ったり、テスト用のHTMLなどを用意して表示確認を行ってください。 YouTubeの動画を埋め込む方法 単純に動画を埋め込みたい際は、上のキャプチャのように動画下にある「共有 > 埋め込みコード」から表示に必
いやあ、もうすぐスーパーマリオ3Dワールドの発売日だねえ!って言ったら「もうマリオはいいでしょ…」って言われた kimoto です。 なんでだよ!すっげえ面白そうじゃんかよ!よくないよ! さて、本日はちょっと小ネタで、window.open で開いた窓に対して Post でデータを渡す方法です。 利用場面としては、フォームの確認画面を小窓で開きたい時などですね。 URL にデータを乗っけて Get で開く方法も無くはないですが、データ量に制限もあったりなど、いろいろと問題があります。 ということで、開いた窓に対して Post でデータを投げる方法です。 function open_preview() { window.open("about:blank","preview","width=600,height=450,scrollbars=yes"); document.input_for
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 今回は、スマートフォンサイト、webビューApp(ハイブリッドApp)等HTML5、CSS3、JavaScript等を用いてコンテンツを制作する際によく使う(使うと便利)JavaScriptをまとめてみました。 ユーザーエージェント スマートフォンサイトを制作する際に、ユーザーエージェントを取得し端末により表示や関数を実行したりすることが多々あります。 取得方法、振分け方等の詳細は当サイトやその他のweb情報サイトにも多々UPされているかと思いますのでそちらをご参照ください。 それではscript var ua = navigator.userAgent, uaFunc = function(s,h) { return (h.indexOf(s) > -1)}; var
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 や、や、やっとリリースされましたぁぁ〜〜!!! 長かった。いやぁなんか長かった。。。 と、言うわけで今回、UI設計、フロントエンド全般 その他etc…を担当させて頂いたプロジェクト 「連撃のブレイブハーツ」がついにリリースされたのです!!! パチパチパチぃ!! 「連撃のブレイブハーツ」 詳細 http://prtimes.jp/main/html/rd/p/000000014.000006973.html ダウンロードページ https://itunes.apple.com/jp/app/id665019202?mt=8 今回のゲームの内容は、擬人化した女の子を仲間と連携して鎧を剥いで行く。 と、なんともグレーなところを進んでいるゲームなんですがw UI制作に関しても色々
Online diagramming tool for collaborating on wireframes, flowcharts, and more
Intuitive HTML lets you navigate, manipulate and use the DOM with intuitive, readable, consistent code. Powerful HTML's functions enable you to flexibly use all native DOM features with brevity, clarity, and more power than ever. HTML document.documentElement The global HTML is the actual document root element and all element tags queried via the dot operator are descendants. HTML.tag... Element|A
https://github.com/mixi-inc/JavaScriptTraining と http://alpha.mixi.co.jp/2013/11844/ とセットでご覧ください。
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. The following is a guest post by Zach Saucier. Zach wrote to me telling me that, as a frequenter on coding forums like Stack Overflow, he sees the questions come up all the time about controlling CSS animations with JavaScript, and proved it with a bunch of links. I’ve had this on my list to write
sitepoint から「本当にjQueryが必要ですか?」とタイトルのついた3本の記事を紹介します。 Do You Really Need jQuery? Native JavaScript Equivalents of jQuery Methods: the DOM and Forms Native JavaScript Equivalents of jQuery Methods: Events, Ajax and Utilities 言うまでもなく著者の Craig Buckler さん の趣旨は、「jQueryを使うのは止めよう」ではありません。ネイティブ関数で代替えできるのは、古い IE のサポートが必要なく、ごく簡単なケースに限られます。その代わりに得るものは「速さ」です。そこで、どの程度「速い」のかを所々 jsperf の結果で補ってみたいと思います。 また JavaScri
Problems, changes and new APIs by Maximiliano Firtman Twitter @firt About Newsletter Published 12 years ago (18 Sep 2013) About 18 min reading time #ios #html5 #webview #homescreen webapps Apple has rolled out iOS 7 with iPhone 5S and iPhone 5C . As expected, Apple has published just 10% of the necessary information for web developers, and I can say without fear of mistake that this is the buggies
「買う」から「共につくる」 STAGEWORKSの大切なキーメッセージです。 暮らし始めたその日から、暮らしを家に合わせ始める。 暮らし始めたその日から、思い描いた暮らしが始まる。 前者は「買う」ことでも叶います。 後者は「つくる」ことで叶います。 わかりやすくいえばそういうことです。 私たちの「リノベーション」とは。 リノベーションは、改装するという意味ではありません。 最良の選択への気付きやひらめきを、提供することです。 古い家を購入して、改装してみる。 思い描いた家をいちから設計する。 「思い」をカタチにすることがリノベーションです。 是非、お気軽に私たちに声を掛けて下さい。 最高のチームが皆様をお待ちしています。 建築家マッチングと住宅資金チェックサービスを提供しています。 住宅資金はどれくらいが妥当なのか、リスクはあるのか等、事前に
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く