【CSS】とにかく読みにくいページをつくってみた！pointer-events でイベントを制御する
こんにちは、R&D 部の青野です。 「読者視点で見やすくて読みやすいページを作りましょう」とよく言われてますが、たまには見づらくて読みにくいページがあってもいいんじゃないか。 ということで、読みにくいページを作りました。 と言っても、デザイン、ページ構成的にというわけではなく、ただ暗いだけのページです。 仕組みとしては暗く描画した canvas タグをページの上に重ねているだけとなっております。 また、このページはモバイルとPCでは見え方が少し違いますので、モバイルで見ている方はPCでも見てみてください。 （さすがに暗いままだと記事が読みにくいので、ページを明るくするボタンを付けました。ご利用ください。） ON OFF 通常 canvas 要素や img 要素などが上に重なっている場合、その下にある要素は選択できなくなります。しかしこのページではまっ暗な状態でも上にある[ON][OFF]の
HTMLパーサ
Modulesの他、iOSの新しいトピックについても多数解説（NSProgressなど）。 What's New in Objective-C and Foundation in iOS 7 | Ray Wenderlich 注目は Modules。 Modu...
Sublime TextでMarkdownを快適に書くためのプラグインと設定
メモ書きやらブログの下書きにMarkdownを使い始めたわけなんですが、まぁこれが快適でして。さっくり下書きできて後で簡単にhtmlに起こせると言うのが嬉しいです。学習コストも大した事ないし。 Markdown使うためにMac、iPhone、iPadに導入したエディタアプリ で、↑の記事ではMacでMarkdownを書く時にMouを利用し、ときたまSublime Textを使っていると書いたのですがメインエディタをやっぱりST2にしました。 キャレットが増やせなかったり、やっぱりビジュアルが我慢できなかったり、Mouを使ってると「もう〜」ってなる瞬間が多かったので。Mouだけに。Mouと感嘆詞の「もう〜」がかかってます。すごい。 そんなわけで今回はSublime TextでMarkdownを快適に書くために導入したプラグインと設定を書いておこうかと思います。（なお、私の環境はMac + S
impress.jsでド派手なスライドをつくろうぜ！
“HTML5アプリ作ろうぜ！”連載がスタートしました！ デジタルハリウッドの現役アプリクリクリエイター専攻講師が、最近はやりの「HTML5・JavaScriptライブラリ・CSS3・API」の紹介、またそれらを組み合わせた「sampleアプリケーションの紹介と解説」を厳選し執筆していきます。 最近、セミナーでこの「impress.js」を利用する機会が多いのですが、その際に参加者から評判が良いので、まずはこれを紹介します。 impress.jsとは？ CSS3を活用したオープンソース（ライセンスMIT）のプレゼンテーションJavaScriptライブラリです。 対象ブラウザ Safariブラウザが現状では最もスムーズに動作します。一応、Chromeも推奨ブラウザです。 特徴 【1】ド派手なスライド動作 最大の特徴は派手でイケイケなスライド。始めてみた人は必ず見入ること間違いありません。シンプ
Emacsでの見た目そのままにソースコードをKeynoteのスライドに貼り付ける方法, 松江Ruby会議03に行ってきた - 角谷HTML化計画(2011-07-03)
■1 Emacsでの見た目そのままにソースコードをKeynoteのスライドに貼り付ける方法 RubyKaigi2011の足音が聞こえてくるなか(おい、再来週はRubyKaigi2011だぞ!!)、 社内でKeynote勉強会をしたときにも意外に知らない人が多いんだなーと改めて思ったので説明してみます。スライドづくりのご参考に。 緊張しているトークの最中にソースコードを見せるときには、普段自分が見ている見た目と同じになっていると幾らか緊張がほぐれるものです。Xcodeとか(TextMateも?)を使ってる人はこんな手順踏まなくても良さそうだけど(もしかしてEmacs23の人も?……私はまだCarbonEmacsを使っているのであった)。まあ、それはそれとして、手順は3つ(人によっては4つ)。 0. htmlize.elをインストールする 1. ソースコードをhtmlizeする 2. HTML
libxml2を使って強引にWebアーカイブを作成する
SafariというかWebKitのWebArchiveについて 前回のエントリで、WebArchive *archive = [[[webView mainFrame] dataSource] webArchive];とすることでWebアーカイブを得ることができると書きましたが、これはOSXにおけるWebViewの話で、iOSのUIWebViewではそもそもWebFrameやWebDataSourceにアクセスできないのでこの方法ではWebアーカイブを取得できず、別の方法でやってやる必要があります。 というわけで、libxml2です。Webアーカイブはplistで、その構造もわかっているので、必要なのはWebページの周辺リソースを洗い出すことなわけですが、これをlibxml2でやってやります。libxml2はOSX/iOSの両方で利用でき、非整形なHTMLでもある程度パースできるので、XP
Scrollability
Native scrolling for mobile web apps... or at least the closest thing to it! Scrollability is a single script, it's small, and it has no external dependencies. Drop it into your page, add a few CSS classes to scrollable elements, and scroll away. Scrollability is a work-in-progress and is not yet ready to be used. I will publish documentation when it's ready. Demos (Requires iOS, works best on iPh
HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件
私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密にはエディタではなく、Windows・Mac・Linux用の無料で利用できるIDE（統合開発環境）の一種です。 ちなみに、↓のキャラクターは NetBeans IDE 日本語コミュニティの公式マスコットの「ねこび〜ん」です。 私はWordPressのテーマファイルを作成しているときに、PHPで独自のCMSを開発されている @kawagooch さんに勧められて使い始めたのですがとてもしっくりきたので、以後 HTML/CSS/PHP などWebサイトのコーディングには NetBeans IDE をメインで使っています。 私自身、NetBeans IDE を使うようになってからサ
スマホサイト制作：URLバーをページ読込み完了時に引っ込める方法
今回もあまりがっつり書ける時間が無いので、超小技のエントリー(￣▽￣;) たとえば、Yahooさんとかがやっているんですが、 「ページを読込んだときに、URLバーが引っ込む」という、ちょっとした気配りの動き。 Yahoo! JAPAN （スマートフォンサイト） （Yahooさんの手法とは違うかもしれませんが） その方法を紹介します。 僕の場合は、ページ読込みが完了した時に1ピクセルだけスクロールさせています。 そもそも、iOSのSafariやAndroidの「ブラウザ」は、 ページ読み込み完了時に、スクロール位置が1ピクセル以上あった場合、 URLバーが引っ込む仕様のようです。 （あくまで推測。ページ内リンクなどで、そうなるのが根拠です。） まぁ、これのなにがいいのかというと、 ページの表示範囲を少し広く見せられる。 ってところでしょうか。 やり方は簡単です。 JavaScriptでWin
iBBDemo Mac/Windows/Linuxで動作可能なiPhone/iPadのSafariシミュレータ | favLife with iPhone
2011/5/7 ソフトウェア Mac, Windows, ソフトウェア iBBDemo Mac/Windows/Linuxで動作可能なiPhone/iPadのSafariシミュレータ はコメントを受け付けていません。 ARCH このブログでは、Mac/PCから見れる画面とは別に、iPhoneから見れる画面として、WordPressのプラグインであるWPtouchを使って表示しています。 基本的にテーマを変えたりリニューアルしたりした時以外はあまりiPhoneで自分のブログを見ることは少ないのですが、パソコン上でその画面が見れたらいいなと思ったことは何度もありました。 Mac版（Mac OS X 10.4.7以上）ではすでにそういうソフトウェアのiPhoneyというものがあります。 ● iPhoney 私の使っているパソコンはWindowsなので、iPhoneyが使えず、仕方ないかと諦めて
Cocoanetics/NSAttributedString-Additions-for-HTML - GitHub
Dismiss Octotip: You've activated the file finder by pressing t Start typing to filter the file list. Use ↑ and ↓ to navigate, enter to view files.
プロペシア ジェネクリ・公式【本物を即日発送】
医薬品ガイド 臨床試験によるとプロペシアは初期脱毛や性欲減退や勃起不全というような男性機能の低下、加えてうつ症状とか肝機能不全などの副作用が発生することがあるとのことです。 子供さんや皮脂が減少している中高年、アトピー性皮膚炎に罹っている人などに保湿剤として医者でヒルドイドソフト軟膏がよく処方されるとのことです。 トリキュラーと言いますのは、低用量ピルに類別されます。配合されている成分が排卵を抑え込んだり、精子の侵入を防いだりするため避妊の効果が認められているのです。 ジェネリック医薬品には味に改良を加えた物や小さくしたもの、錠剤やシートに改良を加えた物、そして飲み易さであったり飲み間違いに対する工夫が行われているものも多くなっています。 「直ぐ効く」というのが日本人の体質と欲求（ニーズ）にマッチしているレビトラ20mgではありますが、日本国内でもこの20mgを服用するのが主流になってきま
Safariで使用可能なキーボード - 強火で進め
inputタグのタイプなどを指定する事で以下の入力に適したキーボードが使用可能です。 電話番号 URL メールアドレス 数字 実際にiPhoneで確認したい場合はこちらにアクセスして下さい。 キーボードレイアウトはこの様になります。 通常 <input type="text" /> 電話番号 <input type="tel" /> URL <input type="url" /> メールアドレス <input type="email" /> 数字 <input type="text" pattern="\d*" /> または <input type="text" pattern="[0-9]*" /> 数字 <input type="number" />
Client-Side DatabaseとLocal Storage - 強火で進め
Client-Side Storage(クライアントサイドストレージ)はリレーショナルDB(SQL文を使うようなDB)。バックグラウンドはSqliteで実装されている事が多いみたいです。 Local Storageはキーバリュー型(キーを指定して値を取得)のDBです。 サンプル Client-Side Storage サンプル <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja-JP" lang="ja-JP"><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="initial-scale=1.0"> <meta name="apple-mo
テキストファイルからHTML5のプレゼンテーションを生成する·KeyDown MOONGIFT
KeyDownはMarkdown記法を使ってテキストファイルからHTML5のプレゼンテーションを生成する。 KeyDownはRuby製のオープンソース・ソフトウェア。個人のエンジニア、デザイナーが集まる勉強会ではあまり凝ったプレゼンを見る事が少ない。むしろHTMLやKeyNoteなどを使ってカジュアルに作られる方が多いのではないだろうか。 スライド テキストファイルで作成したプレゼンテーションは検索も容易でWebとの親和性も高い。配布して見てもらうのに特別なソフトウェアも無用と言う事なしだ。とは言え作成にHTMLを使ったりしたくない、という人はKeyDownを使ってみよう。 KeyDownはプレゼンテーションファイルの記法にMarkdownを使えるソフトウェアだ。keydownコマンドを使って（オプションはgenerate）プレゼンテーションのベースを作成する。!SLIDEというのがスライ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yusuke Ito on Twitter: "あった。さすがのHackerNews. || Tether Launches HTML5-Based iPhone Tethering Solution | Hacker News http://t.co/WzOLV6UQ"
GitHub - topfunky/hpple: An XML/HTML parser for Objective-C, inspired by Hpricot.
UIWebViewでつくるUI – yidevで発表してきました | DOTAPON Blog
BlueGriffon 1.0 - soundscapeout (仮)
http://html5snippets.com/