コードのスニペット管理にSnippiを利用していたのですが、何故かTwitterアカウント連携ができなくなってしまい、こつこつ貯めていたコードが見られなくなってしまいました。 バックアップでNotefileに取ってあったため事なきは得たのですが、コードスニペット管理の方法としてはいかんせん使いにくい。 なんかいい方法あんめえかと思って探したところ、GitHubアカウントがあれば無料で使用できるスニペット管理ツールGistBoxが良さげだったので試してみたところ非常に快適でしたのでシェア。 参考：GistをメーラーのようなUIで管理する「GistBox」がいい感じ | REFLECTDESIGN メーラーのようなUI 使用はGistBoxでログインするか、Chromeアプリから。UIは一緒です。 私はChromeアプリを使用することにしました。 GistBox – Chrome ウェブストア
html5先日公開した 絶対にコピペできない文章を作ったったwwww はおかげさまで好評だったようで嬉しい限りです。「不思議！」「どういう仕組みなんだ？」という声も多かったので裏側を紹介します。コピペできない訳ではないタイトルは「コピペできない」としていいますが、実際にはコピペはできます。正確に表現すると「コピーすると違う文字になる」という状態になっています。 ではなぜ違う文字になるのでしょうか。結論をいってしまうと「そこにある文字が、人間の目に見える文字とは違う」からです。といっても、これでは分からないですね。今回のために作成された独自フォントトリックの肝は「フォント」です。フォントといえば、文字の見た目を変えるために利用するものです。たとえば、「ほ」という文字を「メイリオ」フォントで表示するとこうなります。フォントを変えて「HG創英角ポップ体」フォントで表示すると、ポップな雰囲気になり
You pay a fixed amount, and receive total ownership of this domain. Ideas for showqase.com Here are some possible uses for this domain name: Digital Portfolio Showcase. Showqase could offer a platform for artists, designers, photographers, and other creative professionals to showcase their work online. With customizable templates and user-friendly interface, this platform would attract individuals
「Mobage」の人気コンテンツ「ロワイヤル」シリーズ初のスマートフォンアプリ「忍者ロワイヤル」について、企画担当と開発担当それぞれの視点から解説、工夫した点と今後の改善点などが、CEDEC2011講演「忍者ロワイヤルの今までと今後 」で語られました。担当する部分が違うことで、同じゲームを説明しているのに「武器より防具が売れる」「ngCoreはアプリで2Dソーシャルゲームをつくるのにイケてる」など、全く別の切り口で見せてくる内容となっています。 講演は2部構成になっていて、第一章では企画担当者が開発経緯や機能の説明を非常に丁寧に行っているのですが、「○○ロワイヤル」をやったことのある人、特に「忍者ロワイヤル」のユーザーであれば、おおよそ理解しているような内容がほとんど。ゲーム開発の裏側という意味では、Mobage開発に使用されているゲームエンジン「ngCore」についての正直すぎる使用感や
rubyのgem「em-websocket」を使ったらいとも簡単にwebsocketを導入できた。
とても簡単です。 10分もかからずに試せるのでよかったらどうぞ。 一応githubにソースも置いてますので、興味があるかたはそちらも見てみて下さい。(❍ʻ◡ʻ❍) https://github.com/nihitok/Kantan-websocket 作るもの websocketで動くチャット 最初に、gemでem-websocketをインストールします。em-websocketの詳細はこちら。https://github.com/igrigorik/em-websocket $ gem install em-websocket 環境によっては依存するライブラリがなくて怒られたりするかもしれませんが、その場合はエラーメッセージでググッて見て下さい。 次に、適当なHTMLで「index.html」を作ります。 <html> <head> <script src='http://ajax.go
Eolasの悪夢、再び
Patent Troll Claims Ownership of Interactive Web – And Might Win | Threat Level | Wired.com Eolasと聞いただけで身震いする者は、有能な技術者である。わからないものは、未熟者である。Eolasは「HTML内に自動的に外部アプリを起動させてやり取りをさせ埋め込みオブジェクトを表示するための手法」というあまりにも明白過ぎる特許を取って、一時期Webを混乱に陥れた特許ゴロである。わかりやすく言うと、Flashを埋め込むHTMLコード、embedやobject要素がこの特許に抵触する。 Eolasはマイクロソフトを相手取って特許侵害の訴訟を起こした。この訴訟には、WWWの父であるW3Cの長であるTim Berners-Lee本人をはじめ、様々な企業、団体がマイクロソフトを援護したにもかかわらず、結局、特許
「CSS の ID 名や CLASS 名の単語の連結にハイフンを使うべき、キャメルケースとかアンダーバーとかダメ」的な主張を去年ぐらいにどこかで読んだ記憶があるのですが(うろおぼえ)、 /* たしか… これがオススメのスタイルで */ .hoge-huga-piyo {...} /* これとか… */ .hoge_huga_piyo {...} /* これはイケてない(らしい) */ .hogeHugaPiyo {...} 個人的には「ちょっとそれ CSS に寄り過ぎてて、視野せまくないかー」という考えをもっていたので、つらつらと書いてみます。 E:first-child や E[key|="value"] などのハイフンを前提とした構文に関してはもちろんありですよ。ここで取り上げてるのは、属性セレクタや擬似クラスセレクタについてではなく、IDセレクタ と CLASSセレクタ についてです
おとそ気分で社内を暇そうにウロウロしていたら「HTML5の常識、わかっていますよね」と怖い怖い一回り年下の編集長から叱られてしまいました。この後、HTML5関係の仕事がくることは間違いがありません。 しかし、ワタクシは50代。困ったことに、この編集長の「わかる」とワタクシの「わかる」とは程度が違います。これは困りました。正月早々、首筋がすーっと寒くなってしまったので、優しいけど仕事に関しては編集長よりも厳しい二回り年下のデスクに相談。 「HTML 4と比較しながらHTML5の違いをまとめて記事にするところから、始めてみてはどうですか」と先手必勝のようなお題を与えてくれました。どこまでこのお題をこなせるのか。65歳定年になれば、あたりまえの日本企業の縮図のなかで、50歳を過ぎての「HTML5の基礎知識」をまとめてみました。 DOCTYPE宣言が超簡単に DOCTYPE宣言が超簡単になったのは
6. • 現在の要素数は108 • 30種類の新要素 • 14種類の既存要素が変化 • time要素、hgroup要素、data要素 （WHATWG HTMLのみ）などが争 点。 HTML5マークアップ 7. • リッチな入力フォーム、新たなフォーム要素、宣 言的なバリデーションなど。 date datetime datetime-local month week time number range email url search tel color HTML5 Forms 8. • HTMLにマシンリーダブルなデータを埋 め込むための仕様 <div itemscope> <p>お名前: <span itemprop="name">白石</span></p> <p> : <time itemprop="birthDate">1978/03/24</time> </p> </div> HT
国产成人18黄网站,伊人久久大香线蕉午夜,成人免费看的A级毛片,亚洲欧美日韩精品久久,爆乳2把你榨干哦在线观看,国产成人AV乱码免费观看,国产AⅤ精品一区二区三区久久
Mozillaは6月21日、Firefox向けのアドオン開発キット「Add-on SDK 1.0」をリリースした。同時に、Webベースのビルド環境「Add-on Builder」（ベータ版）も公開した。 Add-on SDK、Add-on BuilderはともにJavaScriptやCSS、HTMLといった技術でFirefox向けアドオンを構築できるツール。従来Firefoxのアドオンを開発するにはユーザーインターフェース言語「XUL」やコンポーネントオブジェクトモデル「XPCOM」の知識が必要だったが、これらのツールを利用することで、一般的な動的Webサイト作成技術を用いてFirefoxアドオンを作成できるという。両ツールを使って構築したアドオンはインストール時の再起動が不要で、将来の互換性もあるという。 Add-on SDKはMozilla Labsの「JetPack」プロジェクトとし
Sony Electronics Inc. ("SEL") California "Do Not Sell My Personal Information" Request Under the California Consumer Privacy Act of 2018 (“CCPA”), California residents have the right to opt-out of the “sale”1 of their Personal Information to a third party, also referred to as the right to opt-out. To opt-out of the “sale”1 of your Personal Information to third parties, you may: • Complete the fo
■ [ruby][rails] Hamlを越えるシンプルさを実現したテンプレートエンジン、Slim 今日から始まるRuby Advent Calendar jp: 2010参加記事です。 http://slim-lang.com/ Rails界隈ではHTML(ERB)よりシンプルなテンプレートエンジンとしてHamlが人気ですが、SlimはHamlからさらに記号を減らしたようなテンプレートエンジンです。 ! doctype html html head title Hello Slim body h1 Hello, Slim! div id="main" | これはSlimのサンプルです。 | シンプルでしょう？ p.note | Hamlのように「#」や「.」を使うこともできます。 Rails 3で使う場合、 gem 'slim', :require => 'slim/rails' と書く
Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的*1 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*2 そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example.com/ajax.html#!key=value」のサーチエンジン用URLは「www.example.com/ajax.html?_escaped_fragment_=key=value」になる。 TwitterやFacebookはこの仕様に従うことで、Ajax な UI と SEO を同時に実現している、というわけ。ということを調べたなう。 参照: Getting Started |
HTMLタグというのはWEBの文章やグラフィックの配置や装飾を指定する便利な記号です。かけだしブロガーも、バリバリのプロフェッショナルも要チェック！意外と知らない便利なタグがあるかも！ 原宿: うーーーん………どうもホームページ作りがうまくいかないな…… リックェ: こんにちはー 原宿: おー、リックェ リックェ: 「HTMLタグ」のことでお困りだって聞いたんですけど？ 原宿: そうなんだよ、全然わかんなくてさ リックェ： 任せといてください！ 僕、一応そっち系の仕事してますんで詳しいですよ 原宿： 頼りになるー！ 悪いけどちょっと教えてよ リックェ： はい。まぁHTMLタグってのはマークアップ言語（ランゲージ）のひとつで、ドキュメント、つまり文章やグラフィックですね。これの配置を決めたり装飾をしたりする…… 原宿： あー、ちょっと待って。口で説明されてもイマイチわからないから、とりあえず
A vocabulary and associated APIs for HTML and XHTML Ajaxian - Video Conferencing with the HTML5 Device Elementにおいて、HTML5の策定とともに策定が進められているdevice要素が紹介されている。device要素が仕様として確定し、主要ブラウザがこの機能に対応した場合、専用のアプリケーションのインストールやプラグインのインストールなどをすることなく、USB接続のビデオカメラやWebカメラを経由したビデオ会議が実施できるようになる可能性がある。 策定中のdevice要素の仕様はHTML Deviceでチェックできる。device要素がどういった使われ方を想定しているかは、HTML Deviceに掲載されている次のサンプルを見るとわかりやすい。 <p>To start chattin
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
