今回はタイトルが長いけどそういう感じのお話。
とりあえずポップアップとか出すっていうのは普通にさくっと実装出来るものだけど、
それを閉じるのは×ボタンや、出すためのリンクを再度クリックするといった場合になってしまうことが多い。
サイトのコンセプト的にそれでいいやっていう場合もあるし、
そうじゃないしっていうこともあったりすると思う。
ちなみにポップアップだけじゃなくて、スマホの横に配置するメニューなどの場合もそうしたいよね的な。
すごく抽象的でわかりづらいかもだけど、とりあえず今日はその話をば。
phpとかjavascriptとかgolangとかreactを中心につらつら適当に書いてたりなんだり。
Home > Archives for 5月 2014
2014年5月30日金曜日
ヘッダーとかでサブメニューみたいなポップアップメニューを出したときに、他の部分をクリックして閉じるようにしたいときのお話
2014年5月26日月曜日
jQueryで弄れない要素たち的なお話(:after、:beforeなど)
最近ではIE8もほとんど無くなって来ているし、
そもそも自分が作ったとかコーディングしたサイトではIEのアクセスが少なかったりもするし、
ってことでHTML5的なものをよく使っている。
その際に便利なのがbackground-imageの重ねがけがあったりするけど、
重ねがけした画像の一番上のレイヤーのものだけ弄るとかって面倒だったりするので、
そういったときに:after要素作ってそこに画像を入れるとかって荒技を使ったりする。
ただまぁjQueryでは弄れない要素がいくつかあるので今回はそのお話をば。
2014年5月1日木曜日
Twitterであの人とあの人をフォローしてる人を探せるSqueezeというWebサービスを作った的なお話
タイトル通りSqueezeというあの人とあの人をTwitterでフォローしてる人を探す事が出来るWebサービスを作った。
例えば@parteepeopleと@getstageをフォローしてる人って誰だろう的な。
ちなみにparteeとgetstageのリンクはこちら。
これからわかる事は株式会社g&h(自分たちがやっている会社)のサービスが好きなんだろうなって感じのこと。
じゃあそういう人たちに対してどうアプローチしていくべきか、
はたまた両方ともフォローしていない人にはどうやってフォローしてもらいアプローチしてもらうべきか、
ということを考える事が出来るためのツールみたいな感じ的な。
こういう視点で検索出来るツールはTwitter上にはないし、
Webアプリとしても存在しないので作ってみた。
まぁ使ってみれば何となくわかると思うし、色んな使い方が出来るツールなので、とりあえずこちらからよかったらどうぞ的な。
Squeeze - あの人とその人をフォローしてるというユーザーを探そう!
ということで若干だけれども解説をば。
Adsense
Adsense
Popular Posts
- ブラウザの閉じるイベント時に何かしたいのでbeforeunloadを使ってみる
- 面倒なテーブルタグの簡単な作り方
- jquery.hashchange.jsを使ってDOMの状態記録?的なことをする
- XMLを読み込んだときにエラーが出る、もしくは読み込めない。(EntityRef問題)
- Macの起動ディスクの容量を確保するために、sleepimageの削除および設定
- json_decodeをする際になぜかエラーが発生してちゃんとデコードしてくれない的なお話
- ブログデザインを動的ビューに変更したら諸々と
- javascriptで子ウィンドウが閉じているかどうかを確認して、閉じてたら何かしたい的なお話
- font-awesomeをcssのbackgroundとして使う的なお話
- jQuery1.9以上はbind・live・delegateをonで書きましょう的な話
Amazon
Labels
- Javascript
- React Native
- AWS
- PHP
- jQuery
- expo
- fuelphp
- React
- Titanium
- iOS
- TypeScript
- webアプリ
- firebase
- jQueryプラグイン
- Node.js
- レビュー
- CSS3
- MySQL
- iPhoneアプリ
- Mac
- Xcode
- golang
- Android
- Blogger
- Facebookアプリ
- webpack
- webサービス
- 購入物
- .htaccess
- HTML
- HTML5
- bootstrap
- wordpress
- Androidアプリ
- Macアプリ
- SQLite
- github
- npm
- アプリ紹介
- サーバ
- Music Hack Day
- docker
- heteml
- iPhone
- python
- react-native-unimodules
- sublime
- 勉強会
- 画像処理
- Apache
- Bitrise
- CSS
- ESLint
- Echo Nest
- FQL
- Linux
- ScrollTween
- SoundCloud
- electron
- ffmpeg
- hooks
- json
- nginx
- redis
- swift
- ゲーム
- スパム
- テンプレート変更
- ブラウザ
- 技術書典
- API Blueprint
- Apple Silicon
- DMM mobile
- Facebookプラグイン
- Gracenote
- IE8
- LESS
- Quirky
- SIM
- SendGrid
- Spotify
- bonjour
- getstage
- googleアナリティクス
- hackathon
- iPad
- iQON
- iScroll
- imagemagick
- jQuery UI
- jQuery mobile
- kampa
- lua
- musiXmatch
- prisma
- rsync
- slack
- spreadsheet
- ssr
- surface
- wasabeat
- windows
- エイプリルフール
- スマホ
- ハッカソン
- ハースト
- パララックス
- ファミマ
- 中華まん
- 動画
- 動的ビュー
- 応募
- 教えて