iUIというライブラリを利用したiPhone用Webページの作り方 - 小さい頃はエラ呼吸
はじめに iPhoneに機種変更してからiPhoneでPC用サイトを閲覧することが劇的に増えました。iPhoneでPCサイトを見ていると、ページによっては文字が小さかったり、見にくかったりすることがあります。 株式会社はてなが運営する「はてなブックマーク」には、iPhone専用のページがあり、iPhoneで閲覧すると、とても奇麗に表示されます。これからiPhoneが普及するにつれて、このようなiPhone用のWebページが増えていくものと予想されます。 そこで今回は、iUIというライブラリで静的なiPhone用Webページを作ってみました。 iUIのダウンロードとライブラリの設置 1.以下のサイトのFeatured downloads:からファイルをダウンロードします。 iui - Project Hosting on Google Code 2.ダウロードしたファイルを解凍し、サイトに設
JavaScript基礎文法最速マスター - gifnksmの雑多なメモ
続々と増え続ける基礎文法最速マスターシリーズ(あまりにも増えてきたので他の言語記事へのリンクは別の記事に移しました)。 JavaScript 版は誰も書いていなかったようなので書いてみます。こういう解説記事的なものを書くのは初めてなので変なところがあったら指摘して頂けるとありがたいです。 JavaScriptの基礎概念についての解説はこちら：JavaScript基本概念最速マスター - TechTalkManiacs 1/31 23:58追記 コメント欄のos0xさんのご指摘を基に一部追記・修正を行いました。 2/2 2:52追記 switch文・正規表現・例外処理について追加しました。 2/2 6:44追記 コメントでfavrilさんにご指摘頂いた点(typo & コメント・サンプル追加)を修正・加筆しました。 2/2 7:15追記 トラックバックでLiosKさんにご指摘頂いた点(cal
初心者さんのためのWebサイト制作に役立つリンク集
2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください！」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください！ ↑私が10年以上利用している会計ソフト！ Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため？何のため？Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム（Webサイトのレイアウト）を作成 Webサイトの骨組み: ワイヤーフレームを素早く・
今時のテレクラ事情
当サイトでは20年前に世のおじ様達を席巻したテレクラについて熱く語ります。 テレクラの誕生の歴史から現在に至るまでの経緯や、今テレクラを利用する人の心情について詳しく記載しております。 テレクラとは、すなわちテレフォンクラブの略称です。1985年に生まれたサービスであり、出会い系サイトの前身といっても過言ではありません。 現在ではスマートフォンで相手女性とインターネットを介しコミュニケーションを取ることができますが、当時は携帯電話も無く、個室形式の店舗にまで行って利用しなくてはなりませんでした。 当時は突如現れた新アダルトサービスに法整備が追いつかなく、駅前のティッシュ配りなどで未成年がサービスを知り、援助交際という俗語が誕生するなど、凄い盛り上がりをみせました。 その後、1995年にこういった状況を野放しにはできないと法整備がされ、利用者に年齢確認を求めるなどされ利用者やテレクラ事業者も
透過PNGや角丸などをIE6や7でも実装出来るJavaScriptのメモ - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 IE6のPNG透過や6、7での 角丸、ドロップシャドウを実装 するjsライブラリのまとめです。 同じ用途でもライブラリによっ て良し悪しだと思いますので、 備忘録的にメモ。 もうIEはいいよとも思いますが、現実そうも行かないのはもどかしいですね。万能では無いですけど、作業工数を減らせるならjsに頼ってもいいと思います。そういう訳で、透過の問題や角丸、ドロップシャドウを実装してくれるjsのメモ。 IE7.js IE6以下でもIE7と同じようなXHTML / CSSの解釈をしてくれます。要DOCTYPE 宣言。 IE6以下をWeb標準に準拠させるライブラリ『IE7.js』 DD_belatedPNG.js IE6でも透過PNGを実装できるライブラリ。class名等を指定
jmblog.jp - preventDefault() と stopPropagation()
先日公開した「投稿スラッグ（Post slug）が空白なら警告してくれるWordPress用Greasemonkeyスクリプト」を開発しているときに、JavaScriptでのイベントのキャンセルまわりで見事にハマってしまいました。そのときに調べてわかったことをまとめてみようと思います。（間違いがあれば是非ご指摘ください！） やりたかったこと WordPressの投稿画面で「公開（Publish）」ボタンをクリックしたときに、「投稿スラッグ（Post slug）」のテキストボックスに値が入っていなければ、確認ダイアログを出す。そこで「キャンセル」ボタンが押されたら、フォームの submit を中止する。 最初に思いついた方法 まず頭に浮かんだのは、submit ボタンに対して HTML でイベントハンドラを記述するという、とても古典的な方法でした。
あるＳＥのつぶやき: 07.Ajax開発支援ツールまとめ
Ajax開発支援ツールをまとめておきます。 ・コーディング支援ツール aptana eclipseのプラグインの、JavaScript,CSS,HTML,XMLエディタ。 コード補完機能、JavaScriptのオブジェクト指向、JavaScriptのクラスの階層表示もサポート。 JSEclipse Adobe提供のecliseプラグイン。インストール方法はこちらを参照。 コード補完機能がある他、オープンソースのライブラリもいくつかサポート。 Googlipse Google Web Tookit用のeclipseプラグイン。 JSDoc JavaScriptでJavaのJavaDocと同様のものを作成可能。 ・ブラウザツール FireFox FireBug FireFoxのアドオンツール。JavaScriptの文法チェック・デバッグ・CSSの文法チェックなど高度な機能を提供。 使い方は、下
Google
When I was growing up, my dad had the best job I could possibly imagine: he was an arcade game and pinball technician. For me, that meant summer trips through Poland’s coastal cities with their seasonal arcade parlors; peeking inside cabinets to learn programming and engineering secrets; and—of course—free games! One of my favorites was PAC-MAN, whose popularity transcended the geopolitical barrie
FACEs: HTML5 : TouchController
mouse 系のイベントを touch にバイパスさせれば、スマートフォン用コンテンツもPCブラウザでプレビューできます。 以下の TouchController クラス（書いている内容は mouse のドラッグ＆ドロップ操作）を継承させて ViewController を作れば簡単なものはすぐ作れます。 しっかり書けば iPhone, Android から PC ともに互換するコンテンツなんかも作れそうな気がします。 // IE 使わないならこの分岐いらない if (true && document.all && document.attachEvent) { function eventPreventDefault(){ event.returnValue = false; } //http://yupotan.sppd.ne.jp/web/dom2-msie.html docume
Darkroom
Settings Recovery link GMail Yahoo MSN AOL Other Open page Language Theme sharpen resolution dull resolution color areas Save Cancel Ask MugTug E-mail: Message or Question: Send Cancel At MugTug, we’re committed to our users. Your privacy is important to us, as is the integrity of your computer. To better protect your privacy we provide this notice explaining our software development and online in
px*blog | 画像サイズを大きさによって自動リサイズ表示js
CMSとか組んでいると、 記事に登録している画像の大きさによって、 表示時にリサイズしたり、 サムネイル生成して表示したり、 色々システム側の処理って必要ですよね。 150pxの画像も1200pxの画像も、 実寸表示させちゃったらサイトのレイアウト壊れるし、 一律500px表示しちゃったら、150pxの画像は変に拡大されてぼやけて迷惑です。 サーバにimagemagickがあれば、 システム側で処理するのが、通常だと思います。 でも、HTML側で出来る処理ってあります。 そもそも、IEは7以上、Firefoxとか新しいブラウザが対象なら、 スタイルシートで max-widthとかmax-heightとか指定したらいいんですけど。 まだまだ、max-widthとかmax-heightが使えないIE6が幅を利かせているので、 むやみに使ったところで悲しくなるだけ。
CSS Transitions, Transforms and Animation Tutorial
CSS3 Transitions, Transforms, Animation, Filters and more! Introduction This website is designed to help you build modern sites that are able to make use of some of the newer, exciting parts of CSS. The site is currently focussed on CSS Transitions, Transforms and Animation, though I will be adding other topics as they become available on any major platform. Though of course your browser must supp
HTML5 videoでニコニコ動画風プレーヤーを作ろう (1/7)
HTML5テロッパーのサンプル。テキストエリアの文字がテロップとして動画の上に表示される画像クリックでサンプルページを表示します（Firefox 3／Opera 10／Safari 4で表示可能） 動画投稿サイト「ニコニコ動画」が人気です。ニコニコ動画はユーザーのコメントを再生中の動画にテロップのように表示する機能が特徴で、多くのユーザーがコメントを書き込んで楽しんでいます。 ニコニコ動画のようにブラウザー上で動画を再生しながらテロップを表示するには、従来、Flashが必要でした。Flash（Action Script）に習熟している開発者でなければ、ニコニコ動画のようなWebサービスは作れなかったのです。ところが現在、モダンブラウザーへの実装が進んでいるHTML5 videoなら、JavaScriptを使って簡単に文字や画像を動画に重ねられます。 今回はHTML5 videoとJavaS
HTML5のscript要素でasync, deferを使ってパフォーマンスアップ - IT-Walker on hatena
http://code.google.com/speed/articles/html5-performance.html JavaScriptの高速化手法を紹介する、Googleのプロジェクト「speed」がリニューアルしたと言うので見てたら、「HTML5でパフォーマンスアップ」てなタイトルがあったので「なぬ？」と思って読んでみました。 HTML5使ってもそんな効力得られないだろう・・・と思って読んでみたら、「HTML5の記法を使えばnバイト節約」みたいなチョコザイな手法が主だったのでちょっと苦笑(^^; とはいえ、script要素に今度から加わるasync属性について等は、日本語で説明されている記事がほとんどないので、全体的に要約しておきます（あくまで翻訳ではなくて要約。時間がないので超適当です。正確なところは原文を読んでください）。 DTD HTML4までは以下のように書かなきゃいけな
マウス座標のこととブックマークレットのことと - 三等兵
clientX/Y、pageX/Y、laerX/Y&offsetX/Y、screenX/Yの座標をなんとなくみれます。今日も元気に気の向くまま何も考えず適当に書いていますから、おかしいとこやまずい部分は目をつむるか直してやってください。 目的 clientX/Yてなんだっけとか、pageX/Yってなんだっけと、慣れないうちはどう取得できるのか混乱します。はい、混乱しました。そういうのを手軽に認識できるようになれたらいいなブックマークレット。 要素透過させてますがctrlキーで無くせます。 あとメモ書き。 プロパティ ブラウザ間で違いがあるので名前は統一。 event.clientX/Y クライアント領域の座標を取得 クライアント領域ってのはウェブページが描写される部分。座標(x:0,y:0)がずっと固定 event.pageX/Y ウェブページの座標を取得 そのままの意味。ウェブページ上の
Highslide JS - JavaScript thumbnail viewer
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope
canvasでキラキラした背景を作る方法 - KAYAC Engineers' Blog
tech.kayac.com、ささやかにリニューアルしました！ tech.kayac.comをご覧の皆さん、はじめまして。意匠部ME課のfuchigamiといいます。 どうして技術部ブログに意匠部の野郎が？って感じですが、 技術部ブログのリニューアル記念ということで、ちゃっかりcanvasについて記事を書こうと思います。 最初なので、、、 簡単にぼくの属性を説明すると、html5とか好き、CSS3とか好き、canvasとか興味ある、非モテ、javascriptはjQueryがなんとなくわかる程度、非リア充。こんな感じです。 今回のリニューアルではコーディング全般を担当しました。 特に、プログラミングに関してはド素人だ！ということを強調しておきます。 そんなぼくが、canvasを使ってキラキラした背景を作ってみました 「リニューアルするからには新しいことがやりたいよね。だったらhtml5とc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HugeDomains.com
먹튀위크 【먹튀소식 공유】 메이저놀이터 먹튀검증 먹튀사이트
サービス終了のお知らせ