作成：2014/04/21 更新：2014/10/24 Web制作 > 前回コーポレートサイト制作が捗るjQuery プラグインをまとめましたが、今回はCSS版ということで、使用頻度が高いものと、これから必要になりそうなものを、忘れないようにメモしておきます。コーポレートサイトやWeb サービスサイトでさりげなく使われているものや、今後増えそうなものなど。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 横並び １．今までの回り込み解除 ２．横並びや並び順 ３．均等に並べる／段組み ナビゲーションメニュー ４．多階層 ドロップダウン ５．amazon風 メガドロップダウン ６．ドロワーメニュー コンテンツメニュー ７．モーダルウィンドウ ８．アコーディオン ９．タブパネル テーブル １０．ストライプテーブル １１．レスポンシブ＋テーブル リスト １２．カウント
知っておくと速い！CSS3に関する「便利」なまとめ
作成：2013/11/25 更新：2014/10/24 Webデザイン > 先週WordPressの自作テーマを作っていたときに、もっとCSSで効率化できないものかと、色々調べてたら結構使ってないものがありました。出来るだけ短縮できるところは短縮したいので、今回はCSSの中でもサイトを作る上で「知っておくと効率的」なものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 知っておきたいプロパティ １．カウント数を出力 ２．要素の前後に文字や画像 ３．カーニング ４．画像フィルタ ５．均等幅にレイアウト ６．アニメーション一覧 スマホサイト対策 ７．viewport ８．改行削除 ９．Webクリップアイコン １０．UIリセット／入力フィールド拡張 １１．横並び １２．ボタンサンプル １３．画像を使わない矢印 １４．自動改行 １５．はみ出しを隠す １
ここ数日、Firefox OSがにわかに盛り上がってまいりました。 2013年1月21日に開催した「第35回 HTML5とか勉強会（テーマ:『Web+OS最前線！』）」では、浅井智也さんのプレゼンテーションが大好評だっただけではなく、サプライズゲストとして登場した田中社長がFirefox OS搭載端末について言及しました。 そして本日、ついに開発者向けの実機もリリースされるというニュースが世界中を駆け巡りました。 そんなFirefox OS、昨年の味見部で触ってからずっと気にはなっていたのですが、いよいよ勢いも出てきたということで、ちょっと調べて見ることにしました。 とは言えぼくは、インストール可能な実機を持っているわけではないので、Firefox OSシミュレータを用いて、全部デスクトップで試してみます。 Firefox OSアプリの基礎知識 Firefox OSアプリ開発に必要なスキル
白石 俊平 ニュース jquery 0 Comment 2013年1月17日、jQuery「公式」のプラグイン・レジストリ（プラグインの集積場）が公開されました！ URLはこちらになります。 http://plugins.jquery.com/ このプラグイン・レジストリの目的は、従来のプラグインサイトでは解決できなかった、「断片化」と「配布」の問題を解決することだそうです。 「断片化」・・・「jQuery プラグインがWeb上の至る所にあり、探すのが面倒」という、現在の状況 「配布」・・・作成したプラグインを配布するためのサイト作成や宣伝に手間がかかる、従来のプラグインサイトでは登録が面倒だった 新しいプラグイン・レジストリは、GitHubと連携することを前提として、こうした問題をエレガントに解決し、従来のプラグインサイトを完全に置き換えるものです。 開発者にとっては、プラグインを公開
OperaやChromeなどいくつかのブラウザでは既に使用可能となっている2012年3月頃に正式勧告予定のHTML5。そのHTML5関連技術やweb標準について福岡で開催されたカンファレンス「HTML5 Tech Talk @Fukuoka」に招待されたので参加してきました。HTML5に追加されたaudio要素、video要素、canvas要素などの新しい機能やAPIについて多種多彩なデモを交えたスピーカの方々の講演でHTML5の新しい世界に触れることができました。 「HTML5って何？」、「実際どんなことができるの？」、「動いているサンプルを見てみたい」と感じている人もいるのではないでしょうか。そこで、著名な専門家の方々が今回の講演で用いたスライドやデモプログラムを紹介したいと思います。 詳細レポートは、以下から。開場前の様子。机といすが整然と並べられているだけでガランとしています。 会
大手メディアのネットニュースでも増える「通せんぼ広告」 連載と言いつつ、1年ぶりの寄稿となってしまいましたが、どうしても「Advertimes」で広告界の皆さんに訴え、考えてほしいことがあり書きます。 突然ですが「広告は民主主義を支えている」と言われて皆さんどう思うでしょう。広告と民主主義なんて関係ないでしょ。そう笑う人も多いでしょう。私も最近までそうでした。 でもみなさん、いまネットがおかしなことになっていると思いませんか？かなり危機的な状況ではないか。それをはっきり思い知らされたのが、2月27日に電通が発表した「2023年日本の広告費」でした。 毎年恒例の、メディア別に広告費を集計して発表する、日本のメディアを考える上で重要なデータです。今年は広告費全体が史上最高の7兆3167億円、中でもインターネット広告費は3兆3330億円で前年比7.8%増。相変わらずネット広告の成長が広告業界全体
Web制作のトレンド追うなら見逃せない！厳選ブログ70サイトに各RSSと推薦記事まとめ - すしぱくの楽しければいいのです。
公開日：2013年5月21日 カテゴリ：Web制作に役立つネタ はい、個人的に好きなサイトをぐるっとまとめてみました！ iGoogleとGoogleリーダーが終了するので、なんとなく代替サービスの iSoople に移行しようとまとめていたら、いつのまにかボリュームが多くなる → 記事にしてしまったという感じです。大手や声が大きいサイトは少ないかもしれませんが、是非参考にしていただけると幸いです。 Ginpen.com | 横浜ペンギンWebを行く 【 すしぱくが好きなエントリ 】 Chromeで画像の角丸枠線がボケるのを回避する。（CSS おれおれ Advent Calendar 2012 – 20日目） | Ginpen.com 【 RSSフィードはこちら 】 http://www.ginpen.com/feed/ Web Design KOJIKA17 【 すしぱくが好きなエントリ
[取り組み] フロントエンドでコーディングスピードをアップさせる６つの方法！と思って書いてたら30個も書いちゃった。 - YoheiM .NET
[取り組み] フロントエンドでコーディングスピードをアップさせる６つの方法！と思って書いてたら30個も書いちゃった。 こんにちは、@yoheiMuneです。 フロントエンドとしてHTML,CSS,JSを中心と開発を行うことを仕事にして早くも半年が経ちました。 最近はだいぶ効率的にコーディングが出来てきたとやっと実感してきたので、ブログにも自分のコーディングスピードアップのコツを書きたいと思います！ 「こんなのよりももっと良いのあるよ」などたくさんの感じる点があるかと思います。ぜひTwitterなどで教えて頂けると助かります。 コーディングをスピードアップする６つ＋αのポイント 自分が思うにコーディングをスピードアップする最も大切なポイントは以下ではないかと思います。 めんどくさいと感じること、そして改善に動くこと 幸い自分はかなりのめんどくさがり屋で、コーディング中も「これ手動！？」「マウ
![[取り組み] フロントエンドでコーディングスピードをアップさせる６つの方法！と思って書いてたら30個も書いちゃった。 - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/d5148c26b0ae2a3585b08c6cf755d68966d223de/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F225.jpg)
メリークリスマス！ このブログは、HTML5 Advent Calendar 2013の12/25用です。 とはいえ、HTML5カンファレンスとかあったせいで、最近あまり技術的なトピックを追っておらず・・・ ここは、つい最近目にした gulp というプロダクトを触ってみたレポートでもしようかと思います。 Node.js製なので、実はHTML5ともあんまり関係ない。すいませんすいません gulpは、自身のことを「ストリーミング・ビルド・システム」と称しています。つまり、Gruntなどと同カテゴリの「ビルド用ツール」です。 Gruntは、JSON形式で宣言的にタスクのパラメータを記述していく形式です。慣れればスッキリしていて見やすいし、設定を変更するのも容易なのですが、細かくタスクの動作を制御する必要が生じた時に「何をどうすれば求める結果が得られるのか？」がわかりにくいという欠点があります。あ
以前から気になっていたCSSフィルタについて、ちょっと調べてみました。 結果、あまりにお手軽に、効果絶大なエフェクトをかけられることが判明して、ちょっと興奮しています。これはすごい！ CSSフィルタは、SVGで従来から規定されていたFilter Effectsを、CSSの世界に持ち込んだものです。 CSSとSVGのワーキンググループが共同して立ち上げたCSS-SVG Effects Task Force (FX TF)により、「Filter Effects 1.0」という仕様として策定が進められています。 この仕様によって新しく導入されるCSSプロパティはいくつかありますが、主なものはfilterプロパティです。 filterが素晴らしいのは、ぼかしやドロップシャドウといったエフェクトを、CSSのみで簡単に指定することができるからです。 例えば、要素にぼかしをかけたい場合は、以下のようなプ
今、Google I/Oに来ています！ そこで参加したWeb Components in Actionというセッションで、以前から注目していたWeb Componentsについて、大きな動きがあったことを知りました。 Polymer.jsというライブラリにより、Web Components仕様の大部分が動作させられるだけではなく、様々なカスタムコンポーネントを既に利用可能とのことなのです！ ちなみに、Web Components仕様について多少詳しく知りたい方は、昔白石が書いたこちらの記事を参考にするといいんじゃないでしょうか。 Polymerのコードを取得 PolymerはGitHubでコードが公開されています。まずは適当な空ディレクトリに移動し、そのコードを手元にクローンします。 このコマンドを実行すると、Polymer本体だけではなく、依存しているいくつかのモジュールも同時にクローン
GitHub - ripienaar/free-for-dev: A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev
Brainboard - Collaborative solution to visually build and manage cloud infrastructures from end-to-end. Cloud 66 - Free for personal projects (includes one deployment server, one static site), Cloud 66 gives you everything you need to build, deploy, and grow your applications on any cloud without the headache of the “server stuff.”. Pulumi — Modern infrastructure as a code platform that allows you
FlasherがHTML5で遊んだらこうなった（Flashにファイルをドロップ！） | _level0 - KAYAC Front Engineer Blog
お久しぶりです。インターンから正社員にジョブチェンジした新卒の堀口です。 ちまたではHTML5が騒がれていますね。 大抵Flashと比較されるのでFlash vs HTML5 みたいな構図が出来上がりつつあるの？？ みんなFlash嫌いなの？ って気持ちになってきますが、そもそもぼくはFlash vs HTML5というのに疑問を感じます。 お互のいい所を引き出せるクリエイターになりたいです！ いい機会なので、HTML5も覚えちゃいたいですね。 ともかくまずはHTML5に触ってみないと何も始まらないので、先週末に少し遊んでみました。 以前プログラマーの先輩に見せていただいたブラウザ上へのファイルのドラッグアンドドロップが衝撃的だったので、 ぜひこれをやりたいの、僕は。 ＊調べたらブラウザ上へのファイルのドラッグアンドドロップはFirefox3.6の対応のみでした。 ということでこんなデモを見
アイコン関連ブックマーク激増の2012年を振り返って、今年見てきたアイコン系リソース全部紹介！ | バンクーバーのうぇぶ屋
今年はアイコンWEBフォント系のサイトが本当に増えましたねー。知らずの間に僕のブックマーク内のアイコンカテゴリも、もはや収集がつかない勢いで増えている事に気づいて、さぁちょっと個人的に整理が必要だと思いましたので、今日はこれまでも利用／参考にさせてもらってきたアイコンリソースサイトと、今年僕が知ったアイコンWEBフォントを紹介しているサイト交えて、完全にオンリーアイコンネタで今日は記事を書かせて頂ければと思います！ 半分以上は僕の備忘録になりますが、こういったリソース関連は今年も来年もやっぱりできる限り周りのWEB屋同士でも共有させて頂ければと思っています！念のためライセンスは一個一個のアイコンに対して表記してあったりパッケージで表記してあったりまちまちなので、ご自身でご確認頂けますと幸いです！っていうか、まとめ出してちょっと公開したのですが、とんでも無い量になってしまってホントすいません
感心。Firefox OSアプリはWebページからインストールでき、デスクトップでもAndroidでも動く！ | OpenWeb
この記事は、「Web技術者に朗報！Firefox OSアプリ開発、触ってみたら簡単だった！」の続きです。 今回の記事の概要 どうやら、Firefox OSはWebの理念を最大限体現したOSである、という触れ込みに嘘はないようです。 Firefox OS向けのアプリは、実は環境を選ばずインストールすることも、動作させることもできます。 今回は、WebページからFirefox OSアプリをインストールさせる方法を調べてみました。 Webページからインストール可能な、ホスト型アプリ（Hosted Apps）のサンプル まずはタイトルの説明から。 「Webページからインストール可能」というのは、もっと具体的に言うと、「例えばWebページ上のボタンをクリックすると、そのままアプリのインストールを行える」という事です。 しかも、Firefox OSにインストール可能なだけではありません。Mac版の
Docs and Articles Get started, educated and secure. Components Additional Bootstrap specific addons to supplement the base Bootstrap features Display BOOTSTRAP-MAXLENGTH Uses badges to display the maximum length of the field where the user is inserting text. This plugin uses the HTML5 attribute "maxlength" to work. WATABLE a pretty decent jQuery table plugin BOOTSTRAP-TIMEPICKER A simple timepicke
何でも制作できる！色々なサイトの「つくりかた」と知識まとめ
作成：2014/03/10 更新：2014/11/01 Web制作 > 慣れていないジャンルのサイトを制作するときに素早く構築できるよう、コーポレート・ペライチ・通販・ポートフォリオ・サービス系ページなどジャンルごとに「つくりかた」や、簡単にシステム構築できるプラグインなどをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ポートフォリオサイト １．つくりかた コーポレートサイト ２．つくりかた（WordPress版） ３．受注から納品後までの全工程 Ｗｅｂサービス系＋ペライチ ４．ブラーエフェクト（曇りガラスっぽく） ５．フルスクリーン（画面幅にピッタリ） ６．パララックスデザイン ７．横スクロール系 ８．Modern UI ９．可変グリッド 販売系サイト １０．ＥＣサイト １１．電子書籍を販売 １２．画像販売 １３．不動産サイト １４．予約管
livedoor Readerで購読しているブログ 最近、livedoor Readerに登録しているフィード1万件を間違って全件消してしまいました。取り急ぎ復旧させたのが、この3,019件のフィード。職業柄、技術系のブログが多めです。あとは、まとめサイトとか、はてな村の定点観測とか。各種RSSリーダーで読み込めるように、OPMLファイルも公開しますので、良かったらどうぞ〜！ 私が読んでいるブログ一覧 哲学ニュースnwk My Codex Leicester 暇人＼(^o^)／速報 データサイエンティストのタコ部屋 ITライフハック すがブロ ライフハッカー［日本版］ Colorless Green Ideas 職業プログラマの休日出勤 やねうらお−俺のブログがこんなによっちゃんイカなわけがない YAPC::Asia Tokyo 2013 “blank”>ガジェット速報 » ggsokuで
jQuery 1.9が正式リリースされましたね！ で、同時にjQuery 2.0 β版がリリースされました。 この二つのバージョンの違いは、サポートブラウザの違いです。 jQuery 2.0は後方互換性を切り捨てて、IE6-8では動作しなくなった代わりに、内部のリファクタリングやファイルサイズの縮小を狙っています。 デスクトップブラウザ以外を対象としている場合、2.0は非常に魅力的な選択肢となることでしょう。 そこで気になるのが、「jQuery 2.0はどれくらい小さくなったのか？」という事です。 ただし、jQuery 2.0はまだまだ開発途上で、リファクタリングやサイズ縮小の余地はまだまだあるとのこと。 なので、jQuery 2.0の新しいリリースが出るたび、結果は更新して行きたいと思います。 jQuery 1.9, 2.0, zepto.js,そしてjqMobiを比較してみる
OpenWeb
It's time to save online conversations.There’s a crisis of toxicity online. The social platforms meant to bring us together are pushing us apart. It doesn’t have to be this way. We create trusted spaces for quality conversations that move our society forward, improving how and where we talk to each other online. We’re building an open, healthier web.
AU Openwebエミュレーター
このファイルは削除されました(File Not Found) 戻る(back)
http://openweb-labs.appspot.com/slides/jqtouch/presentation.html
jQTouchとそのテクニック 白石俊平@OpenWeb Technology 自己紹介 株式会社OpenWeb Technology代表 Google API Expert (HTML5) / html5-developers-jp管理人 著書に「HTML5&API入門」があります。 本日のアジェンダ jQTouch入門 jQTouchのテクニック（Mobile Safari/Webkitの知識） jQTouch入門 jQTouchとは Webアプリを「ネイティブアプリっぽく」見せるためのWebアプリフレームワーク iPhone/iPad専用 jQueryに依存 現在のバージョンは1.0 Beta2 ライセンスはMIT Licence 「ネイティブアプリっぽく」とは？ ブラウザのフレームなしで動作する ネイティブアプリに近いUIを実現する ホーム画面のアイコンから機動できる jQTouc
気になる！夢がある！JavaScript.next (ECMAScript6) (1) – ES6の基礎知識/関数のアロー記法/let/const/分割代入など
白石 俊平 es6 ECMAScript, javascript 0 Comment 昨日（2013/1/17）、Web先端技術味見部#15でECMAScript6について学んできました（参加者によるツイート）。一応主催者という立場上、勉強会を円滑に進めるため、事前に割と下調べして勉強会に臨んだわけですが、せっかくなので、その成果をまとめて公開しておきたいと思います。 とは言え、量が非常に多いので、複数回に分けての掲載です。 ECMAScript6の基礎知識 仕様に関するあれこれ ECMAScriptとは、ご存じの方も多いと思いますが、JavaScriptの公式な仕様です。ECMAScriptが仕様、JavaScriptが実装に当たるわけですね。 ECMAScriptのメンテナンスはTC39という部会によって行われており、最新バージョンである6は、現在絶賛仕様策定中です。コードネームは「
今、Google I/Oに来ています！ そこで参加したWeb Components in Actionというセッションで、以前から注目していたWeb Componentsについて、大きな動きがあったことを知りました。 Polymer.jsというライブラリにより、Web Components仕様の大部分が動作させられるだけではなく、様々なカスタムコンポーネントを既に利用可能とのことなのです！ ちなみに、Web Components仕様について多少詳しく知りたい方は、昔白石が書いたこちらの記事を参考にするといいんじゃないでしょうか。 Polymerのコードを取得 PolymerはGitHubでコードが公開されています。まずは適当な空ディレクトリに移動し、そのコードを手元にクローンします。 このコマンドを実行すると、Polymer本体だけではなく、依存しているいくつかのモジュールも同時にクローン
オリンピックの暑さ対策にみんなで打ち水とか、科学的根拠に乏しい対策を次々と打ち出して失笑を買っていた東京2020方面だけれども、ついにホコリを被っていた「サマータイム」なんて過去の遺物に手を出し始めたようだ。まさに溺れるものは藁をも掴むというか、サマータイムまで頼るくらいじゃもう打つ手が本当にないんだろうな的な絶望感を感じさせるわけだが、自分が影響を被る当事者になりかねないとなると、そう他人事のようなことを言ってもいられないわけだ。 そんなことで、まずは7月27日に組織委員会の森会長が首相官邸に要望したらしい。ふざけんなと思ったけれども、まあ常識的に考えて無理だよそれはと思ったので静観。 mainichi.jp 7月30日に菅官房長官が、「国民の日常生活にも大きな影響が生じる」と発言し、慎重な姿勢を見せたということで、流石にそこまでおかしな案に飛びついたりはしないよな、と少し安心していたの
【連載】Extend.jsで楽しくJavaScriptプログラミング！ - 第1回 Extend.jsのつかいかた (JavaScript,javascript,extend.js) - 株式会社あゆた
Extend.jsって？ どうも皆さんこんにちは。白石俊平と申します。 F-Questで書かせて頂く初めての技術記事として、今回はExtend.jsと言うフレームワークのご紹介をしたいと思います。 Extend.jsは、軽量なJavaScriptライブラリで、先日公開したばかりの新しいプロダクトです。 現在のバージョンは0.8で、今後は1.0のリリースに向けて、テストやドキュメントの整備を行っていく段階です。 ライセンスは制限の緩いMITライセンスなので、商用利用も自由に行えます。ディスカッション用のGoogleグループはこちらになります。 Extend.jsの目的は、JavaScriptでよく利用されるユーティリティ関数をコンパクトにまとめたライブラリを提供する事です。JavaScriptプログラミングをある程度経験した事のある方なら、頻出する処理をまとめた自作のライブラリ（common
W3Cメンバーからの推薦状 2012年12月17日 - World Wide Webコンソーシアム (W3C)は、本日、HTML5およびCanvas 2Dに関する仕様策定完了を発表いたしました。これらの仕様は、現段階ではW3C標準ではないものの、現在各企業やデベロッパーが実装やプランニングに向けて安定的なターゲットを持つことができる、機能的に完成した・機能策定完了段階にあります。HTML5は、W3Cが推進するOpenWeb Platformの根幹を担っており、ビデオやアニメーション、グラフィクス、スタイル、タイポグラフィ、およびデジタルパブリッシング向けのその他ツール、ネットワーク機能拡張など、デバイス機能へのアクセスを行うクロスプラットフォームアプリケーションに対応するフルプログラミング環境です。 「ステークホルダーは、ウェブテクノロジーの広まりにともない、さらに安定した標準を望むように
達人出版会から『もうすぐ絶滅するという開かれたウェブについて 続・情報共有の未来』ベータ版が刊行されました！ - YAMDAS現更新履歴
達人出版会において『もうすぐ絶滅するという開かれたウェブについて 続・情報共有の未来』ベータ版が公開された。 もうすぐ絶滅するという開かれたウェブについて 続・情報共有の未来【電子書籍】yomoyomo 達人出版会 発行日: 2017-12-25 対応フォーマット: EPUB, PDF 詳細を見る 前著『情報共有の未来』が WiredVision 連載をまとめたのに続き、今回は WirelessWire News の連載をまとめたものである。連載終了から一年以上が経っての電子書籍刊行で、正直、ようやくか……という思いである。 2017年中に発売できて、正直ほっとしている。 今のワタシの願いはこれだけだ。 どうか『もうすぐ絶滅するという開かれたウェブについて 続・情報共有の未来』を買ってください！ なにとぞよろしくお願いします。年末年始のおともにどうぞ。価格も前著よりもお求めやすい700円（
[JS] ECMAScript6をまるっと学ぶ。重要用語とか、仕様策定の進め方とか、新機能とか。 - YoheiM .NET
こんにちは、@yoheiMuneです。 ECMAScript6について断片的には知っているけど、なんだかぼやっとしている。 そんな自分の状態を解消したいと思い、ECMAScript6を全体的に学べるブログを書きました。 ECMAScript6で使われている用語、仕様策定の進め方、そして新規機能を議題としています。 このブログを読んで頂いた方にも、ECMAScript6についての全体的な知識を提供できたらいいなと思ってます。それでは始まりですー。 Special Thanks to https://flic.kr/p/baAtKT 目次 ECMAScript6とは ECMAScript6とは、現在広く使われているECMAScript5の次期バージョンです。 ECMAScript6（以下、ES6）では、let、Map、Proxyといった各種ブログで取り上げられる新機能も含めた、仕様策定が行われ
![[JS] ECMAScript6をまるっと学ぶ。重要用語とか、仕様策定の進め方とか、新機能とか。 - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/dee890f85e0d45e6b873f2b6770614637bcf0c3d/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F329.jpg)
Netforest Developer's Note - HTML5 Drag and Drop APIとFile APIのデモ
take©です。 まずはこれをみていただきたい。 Amazing! ブラウザにドロップした画像ファイルの内容が表示されているではないですか。 さらには、テキストファイル、動画ファイル、Webページのサムネイルまでドラッグ＆ドロップで表示できています。 ついにここまで来たんですね。 元ネタはこれ。 モジラのHacks Blogで公開されたDrag and Drop APIとFile APIを使ったデモです。 http://hacks.mozilla.org/2009/12/file-drag-and-drop-in-firefox-3-6/ (元記事) http://demos.hacks.mozilla.org/openweb/DnD/ (デモ) このデモはFirefox 3.6 betaが実装したHTML5の新しい規格、Drag and Drop APIとFile APIで実現されていま
[Firefox OS アプリ開発] Web 技術者なら誰でも超簡単に開発できる！まずは使ってみよう | DevelopersIO
Firefox OS とは Firefox OS とは、みなさんご存知 Firefox の開発元である Mozilla 製のモバイルプラットフォームです。ソニーモバイルや LG といったメーカーが搭載スマホの発売が発表されたりと、業界大注目となっています。ちなみにアプリは HTML/CSS/JavaScript で組み立てるので、Web 技術者であれば誰でも容易に開発が始められます！ ということで、流行を先取りすべく、とっても気になっていた Firefox OS アプリ開発を始めてみました。そのメモをつらつらと書いていきたいと思います。 開発環境を構築する Firefox OS Simulator をインストールする Firefox OS Simulator のインストールはとっても簡単。Firefox にアドオンをインストールするだけです！ Firefox OS Simulator |
![[Firefox OS アプリ開発] Web 技術者なら誰でも超簡単に開発できる！まずは使ってみよう | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/e2414ad2bcb1266732e5fcd897673a3ba7da2ca1/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F03%2Fcatch1.png)
Firefox web browser - Faster, more secure & customizable 公開が近づいているFirefox 3.6 (Gecko 1.9.2)ではCSS関連の機能が強化される。従来サポートされてきた機能の強化に加え、CSS3からいくつか新機能の取り込みと、Mozillaが提案する独自の機能が追加されることになっている。Mozillaが提案する機能のうち、グラデーションに関する説明がcss gradients in Firefox 3.6 at hacks.mozilla.orgで紹介されている。 グラデーション機能がどのように動作するかは、Firefox 3.6 beta4などでCSS Gradient & Firefox 3.6ページを閲覧するとよくわかる。Firefox 3.5で閲覧した場合と3.6で閲覧した場合では表示される内容が異なっている。
Web上で一緒に音楽を作ろう！オンラインスタジオ「Soundtrap」で音楽制作 河合良哉 概要 Google I/O 2014のセッションの1つ「Making music mobile with the Web」のレポート記事です。Officialに公開されているYouTubeはこちらです。 OpenWeb 技術であるWebRTC、Web Audio APIは一度は耳にしたことのあると思います。この2つの技術、そして標準化が始まったばかりのWeb MIDI API（電子楽器とブラウザを直接接続するAPI）を利用した音楽制作アプリケーション「Soundtrap」。これらを使って、実際にセッションのオーディエンス、遠隔地の人とコラボレーションをして、Google I/Oのテーマ曲を作成するデモンストレーション中心のセッションでした。本レポートと合わせて映像もぜひご覧ください！ このセッション
css gradients in Firefox 3.6 – Mozilla Hacks - the Web developer blog
Firefox 3.6 includes many CSS improvements. In this post we’re going to show you how to use CSS gradients. If you are running the latest beta of Firefox 3.6, you should check out our interactive demo and take a look at the corresponding code. Use the radio buttons to switch different style options on or off. Backgrounds with CSS Gradients Using CSS gradients in a background allows you to display s
HTML5 & API & IE9入門@Fukuoka
HTML5 & API & IE9入門 @Fukuoka 2010/4/24 白石俊平@OpenWeb
File API & Firefox 3.6
Supported objects: JPEG images with EXIF data (GPS data supported). To test, here is a working image (full of EXIF and GPS data): link. Drop here
『もうすぐ絶滅するという開かれたウェブについて 続・情報共有の未来』への反応 その20 - YAMDAS現更新履歴
『もうすぐ絶滅するという開かれたウェブについて 続・情報共有の未来』だが、そろそろ反応も出尽くしたかなという感がある。 とても面白いです。、、、もうすぐ絶滅するという開かれたウェブについて 続・情報共有の未来 - 達人出版会 https://t.co/PUcamMC74s— 生うどんつちや (@namatsuchiya) March 13, 2019 こうしたツイート一つで元気百倍になってしまうのだが、それでもそろそろこの本の宣伝目的で更新を続けてきたこのブログもまた元に戻るときが近づいてきた。 一年以上『もうすぐ絶滅するという開かれたウェブについて 続・情報共有の未来』の宣伝に励んできたが、売れてないんだなと時々実感して悲しくなる。円城塔さんやブレイディみかこさんに過分な言葉を頂きながらこの有様は、著者の知名度、人徳などの問題としか言いようがない https://t.co/dRCQogW
『もうすぐ絶滅するという開かれたウェブについて 続・情報共有の未来』の宣伝をしつこく続けていたら売り上げが伸びたという話 - YAMDAS現更新履歴
『もうすぐ絶滅するという開かれたウェブについて 続・情報共有の未来』だが、このブログを続けていること自体、この本を宣伝が主目的なのである。が、現実は厳しい。それでも頃合いを見計らってツイッターでも宣伝を行っている。 ここで宣伝をさせてください。円城塔が「読んでおいた方がよい」と推し、ブレイディみかこが「ボーナストラックの長編エッセイに泣きました」と書いても売れない不遇の電子書籍『もうすぐ絶滅するという開かれたウェブについて 続・情報共有の未来』が達人出版会で発売中です https://t.co/dRCQogWcYR— yomoyomo (@yomoyomo) October 26, 2019 土曜の夜にふと思い立って唐突に宣伝ツイートをさせてもらったのだが、運よく RT と like をこの手の宣伝ツイートにしてはもらってありがたいことである。 やはり、円城塔さんが再度言及くださったのが大
「インターネット＝オープンな空間」は、もはや時代遅れ？ 「インターネットというのは、すべからくオープンなものであり、自由なコンテンツの配信とアクセスが保証されているべきである」、「オープン性こそが価値の源泉であり基本原則である」という考え方がある。コンテンツのオープン化、フリー戦略といったビジネスキーワードとして耳にしたことのある方も少なくないことだろう。 この思想は、元々インターネットが草の根感の強い学術ネットワークであり、自発的な相互協力のネットワークとして生まれてきたという歴史にも根ざしたものだ。 しかし、「インターネット＝オープンな空間」という理解が時代遅れになりつつある。 1つは、言うまでもなくソーシャルの流れ。SNSというサービスが存在感を増してきたという単体の動きを超え、あらゆるサービスがソーシャル的な特性を得つつある。もう1つは電子書籍のトレンドである。 この潮目の変化を、
2. techfeed.io Who? • OpenWeb Technology 取締役 CXO • html5j 代表 -‐‑‒ 毎⽉月の「HTML5とか勉強会」や年年1回の 「HTML5 Conference」を主催しています • Google Developer Experts (HTML5, Chrome) • HTML5 Experts.jp 副編集⻑⾧長 兼 Expert 吉川 徹 / Toru Yoshikawa @yoshikawa_̲t
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
すごく役立った！サイト制作でさりげなく使われているCSSテクニックまとめ
Web技術者に朗報！Firefox OSアプリ開発、触ってみたら簡単だった！ | OpenWeb
jQuery公式プラグイン・レジストリが公開。GitHubと連携など、今風の仕組みに惚れ惚れ
福岡で開催されたHTML5カンファレンスに参加してwebの新しい世界を体験してきました
ネット広告を良くしなければ社会が悪くなる、2024年度はその分岐点です。
打倒Grunt！Node.js用の新たなビルドシステムgulpことはじめ | OpenWeb
【2013年注目必至！なCSS仕様】CSSフィルタ、これはすごい！（デモ付き） | OpenWeb
Web Components普及の夜明け！？Polymerを試してみた。 | OpenWeb
Big Badass Bootstrap List
私がRSSリーダーで購読しているブログ・ニュースサイト - データサイエンティストのタコ部屋
レガシーブラウザを切り捨てたjQuery 2.0、どれくらい小さくなった？
Web Components普及の夜明け！？Polymer.jsを試してみた。 | OpenWeb
オリンピックのためにサマータイム導入検討とか…ご冗談でしょう？ - xckb的雑記帳
W3CがHTML5仕様策定完了を発表、相互運用性テストおよびパフォーマンス向上へ
Firefox 3.6でCSSグラデーションを使う方法 | エンタープライズ | マイコミジャーナル
Web上で一緒に音楽を作ろう！オンラインスタジオ「Soundtrap」で音楽制作
ネットはどこへ向かうのか？ソーシャル化と電子書籍が導くネットコンテンツの未来
TechFeedというテクノロジーキュレーションサービスを作った話