jQuery でのプログラミングの、基本的なことからプラグインを作るところまで、初心者の頃につまずいた部分を中心にまとめてみました。公式ドキュメントなどで使われている、少し難しい印象の専門用語も織り交ぜながら書きました。jQuery で Webデザインのパーツを作るときの注意書きという感じです。 Webサイトを作るとき、私的にはとってもよく使っている jQuery。jQuery を勉強しだしたころは、自分の書いたコードが動いたりするのが、とっても楽しくて嬉しかった覚えがあります。私はあまり JavaScript でのコーディングが得意ではないので、今でもよく jQuery を使ってコーディングしてます …。 以前:CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました という記事を書いたのですが、今回はその復習 & jQuery
最近タッチデバイスでスワイプしてスライドするようなUIを書く機会が多いので汎用的に使えるようにしてみた。 DEMO pxgrid/js-flipsnap - GitHub iScrollでもsnapっていう機能使うと同じようなことができるんだけど、iScrollでこれをやろうとするとこのスクロールが効いてるところはネイティブの縦スクロールが効かなくなるという問題があって、それを解決しようと思って最初はiScrollの内部をいじってたんだけど、ちょっとiScrollベースだとどうしても無理なところがあったのでこの機能だけ切り出してみたというわけ。 一応Androidでも動いてるっぽい。 iScrollみたいに多機能じゃないけどまあこれだけ使いたいっていうこと結構あるので割といいんじゃないかと。TODOはとりあえずドキュメント。 追記(2012/02/04):クロスブラウザに対応しました。
AWSWordpress April 5th 2016 Amazon EC2でWordPress – Amazon S3にメディア画像等の静的ファイルを設置する方法 AWSWordpress April 5th 2016 Amazon EC2でWordPress – パーマリンクがうまく動作しない場合 AWSWordpress April 5th 2016 Amazon EC2でWordPress – SSH接続からWordPressのインストールまで AWSWordpress April 4th 2016 AWS Amazon EC2上でWordPressを動作させる方法 – EC2のインスタンス作成からMySQLの設定まで AfterEffects May 25th 2015 After Effects 埋め込み動画/静止画から指定色を透過させ、背景透過のPNG画像(連番)で書き出す方
iPhoneでフリックギャラリーを実装できるjQueryプラグイン「flickGal」を作りました。ぜひ使ってみてください! 公開にあたって意見をくれたid:hokut_o氏、ありがとうございました。 デモページ がありますので、見てみてください。 http://stakam.net/jquery/flickgal/demo ※iPhoneかiPad向けです。友達がAndroid でも動くと言っていました。PCでもそこそこ見れます。androidで最初うごかないことがあるみたいです。yuuriさんありがとうございます。android でorientation change しても動くv1.2 をリリースしました。 実装のしかた 説明ページを見てみてください。 http://stakam.net/jquery/flickgal/ 基本的にはこんな風に実装する方式です。 いくつかのルールにそっ
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。(ムービーはiOSシミュレータによるデモです)iPhone・Androidでご覧の方はデモに直接アクセスしてください(ムービーは再生されません)。 【デモを見る(iPhone・Androidで見てください)】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置(position:absolute)を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。
HTML、CSS、Javascript、デザイン、絵を描いたり。 このページの先頭へ戻る
fontBombはウェブページ上のテキストに爆弾を仕掛けて木っ端みじんに爆破できる面白いツール。 ブックマークレットとして公開されているこちらは、上記ページより『fontBomb』と書かれたリンクをツールバーなどにドラッグしておき、任意のページ上で実行できるようになっています。 仕組みとしてはJavascriptによってテキストが一文字単位で分解され、それぞれにCSSのtransformプロパティによって適宜変形されるようになっているようです。 なので、文字数が多いページだと当然途中でJSがハングアップすることになります。 まぁ、実用とは無縁のネタ的なツールなので、そういうことを気にすること自体がナンセンスかもしれませんが・・。
Search Photography Behold: Chickens Like You've Never Seen Them Before March 20, 2024 Street Art A Banksy Tree Grows in North London March 19, 2024 Painting Fátima de Juan Highlights "XOXO" in Seville March 20, 2024 Radio Juxtapoz: Johanna Bath read more The Dadaism of Dada Khanyisa read more Gretchen Scherer: If Rooms Could Talk read more Tweet Photography Behold: Chickens Like You've Never Seen
ちょうどAppEngineでXMPPやメール受信を試していて何に使えるかな?とネタを探していたところ、彼女を作ってる人が居たので僕も彼女を作ってみました。 僕の彼女はこんなのです。 XMPPで話しかけるとズレた返信を返してくれる。 メールにも答えてくれる。 彼女の詳細は以降で説明します。 XMPP彼女 現時点でAppEngineの日本語ドキュメントにはXMPPの記述が無いのですが、英語に切り替えるとServiceメニューの下にXMPPが登場します。使い方は結構簡単で以下のポイントを押さえればすぐに使えました。 まずXMPPメッセージの受信を行うには app.yaml に以下のような設定を追加してやります。これにより /_ah/xmpp/message/chat/ でXMPP受信用のハンドラを割り当てできるようになります。 inbound_services: - xmpp_message 後
最近、フォント名を知らないデザイナーが増えてきていると思うんですよね。 実は使ってるんだけど、どのフォントを使っているか意識していなくて、「これ何のフォント?」と聞くと、「ちょっと待ってくださいね。調べます。」という会話を良く耳にするようになったような気がします。「会社のPCに入ってたー」みたいなノリでしょうか。 というわけで、今日は僕がWEB屋をやってきた中で、「最低限、これは知っておいた方がいいんだろうな」と思ったフォントを幾つかご紹介。 英文フォントを中心に、色々有名どころを総当りしていきます。主に僕が仕事で使ったことがある物を中心に紹介していきますね。(順不同、のつもりで僕の好きな順) Helvetica 世界中のデザイナーに愛されるデザイナーフォントと言えばやっぱりHelveticaですよね。 元はスイスのデザイナーによって作られたフォントでMacだと標準フォントのひとつになって
ここまで読んでいる方は、「WordPressとは何か」ということは既にご存知だとは思いますが軽く触れておきます。 あと、WordPressの仕組み(どのように動作しているか)や、WordPressで作られたWebサービスの紹介も致します。 目次 PHPとは 開発環境の構築 MAMPやXAMPPのインストール WordPressとは(⇐今ここ) WordPressの仕組み WordPressで作られたWebサイトやWebサービス WordPressでWebサービスを作るために何をしなければならないのか WordPressテーマの作り方 WordPressの「テーマファイル」とは WordPressのテーマファイルを作る: Free.Stockerの場合 functions.php とは loop.php とは WordPressをWebサービス用のCMSとして使うために 写真のアップロード先
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く