INSTAHACK（インスタハック）は、テック系、Web制作系を中心とした記事を掲載するブログです。 ｜ INSTAHACKタグ analyticsapacheApplecssfontGamehtaccessiOSiPhonejavascriptLINELINE PayPhotoshopphpQRコード決済TheThorweb fontWordpressYouTubeアプリカメラトラベルグッズユーティリティ旅行格安SIM画像加工透明
[作って学ぶ！jQuery] 第4回 ページスクロールを作って学ぶ | バシャログ。
ページ内リンクを選択したときにアニメーションしながらスクロールする機能をスムーズスクロールというみたいです。スムーズスクロールの例がjQuery でページスクロール - daily dayflowerで紹介されていましたので、そちらを参考にして、ページ内リンクに対応したものを紹介いたします。 デモ スムーズスクロール サンプル ページの最後に、TOPと中間地点へのページ内リンクを設置しました。 ソースコード $(document).ready(function(){ $('a[href^=#]').click(function(){ var target; target = $( $(this).attr('href') ); if (target.length == 0) { return; } $('html, body').animate({scrollTop: target.off
![[作って学ぶ！jQuery] 第4回 ページスクロールを作って学ぶ | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
CSSでルビを表示する - mukaken's blog
銑鉄網(暫定公開版)さんのページにて配布されているファイルです。 凄くきれいに表示できるルビのCSSを発見しました。いままでｈFxやSafariなどではきれいに表示できなかったのですが、これだときれいに表示できます。 元ファイル http://roheisen.net/dl/sim2ruby.css （銑鉄網(暫定公開版)さんのページにて配布されているファイルです。） 以下、一部抜粋したものです。 @charset "UTF-8"; /* 主にWii用の指定 */ @media tv { /* ルビの縦ずれを補正 rbやrtのfont-size、line-heightによらず0.5em */ html body ruby { padding-bottom: 0.5em; } } /* ruby（ルビ文字組み全体のインライン領域） ------------------------------
i文庫HDにPDFを送るもっと簡単な方法があった！ [iPad] [Net] [Gadget]
昨夜、自分で裁断してScanSnapでスキャン加工したPDFをiPadのアプリ、i文庫HDで読む、というエントリーを書いた。 その際、Macからi文庫HDに作成したPDFを転送する方法として、FTPクライアントを使った方法を紹介したのだが、直後に漫画家の野間美由紀先生から、Twitter経由で、もっと簡単な方法がありますよ、と教えていただいた。 早速確認したところ、野間さんに教えていただいたやり方の方がずっと簡単だった。知らなかった〜(^_^;)。野間先生ありがとうございました！ エントリーを訂正しようかとも思ったが、既に公開して時間が経ってしまったので、別エントリーにした方が親切だろうと思い、早速書いてみる。 ちなみに昨日のエントリーはこちら。 待ってたぜ！ 自分で裁断してScanSnapでPDFにした雑誌と書籍をi文庫HDを使ってiPadで読む！ では、早速その方法をご紹介しよう。 i
![i文庫HDにPDFを送るもっと簡単な方法があった！ [iPad] [Net] [Gadget]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad50beb3882380f25a93487671c635670739cbc5/height=288;version=1;width=512/https%3A%2F%2Fwww.ttcbn.net%2Fwp%2Fwp-content%2Fthemes%2Fcocoon-master%2Fscreenshot.jpg)
デバッグ方法 | Chrome Extensions API リファレンス
デバッグ方法 このチュートリアルでは、Google Chrome に組み込まれている “デベロッパー ツール” を使って拡張機能のデバッグを行う方法を、ご紹介します。 拡張機能に関する情報を表示する このチュートリアルは、まずは はじめてみよう で最初の拡張機能を作ってあることが前提となっています。この拡張機能を読み込み、その情報を取得してみましょう。 最初の拡張機能が実行されていない場合、読み込みを行う。拡張機能が実行され、アドレスバーの横に が表示されている状態にする。 拡張機能の作成や読み込み手順について、必要であれば はじめてみよう を参照のこと。 拡張機能管理画面(chrome://extensions)を開き、デベロッパーモードになっていることを確認する。 最初の拡張機能に関する情報を、確認する。拡張機能の名前、説明、IDなどを見ることが出来る。 拡張機能管理画面上をよく見たま
非同期通信で画像をロードする方法について - プログラミングノート
UITableViewなどのスクロール系のViewでサムネイル画像を出す場合、下記のような記述ではメインスレッドで画像がロードされるため、ユーザーのUI操作に影響が出てしまいます。 NSURL *url = [NSURL URLWithString:@"URL"]; NSData *data = [NSData dataWithContentsOfURL:url]; [instanceOfUIImageView setImage:[[UIImage alloc] initWithData:data]]; こういう場合は非同期通信を行うのが定石だと思いますが、参考になるサンプルがあまり無かったので試しに作ってみました。UIImageViewを継承したUIAsyncImageViewクラスです。 UIAsyncImageView.h 画像URLの指定と、通信中止用のメソッドのみ定義しています。
Cocoa と touch, Cocoa で touch: Table View のセルにインターネットから読み込んだ画像を表示する
今回は Table View の最終回です。 前回は、ローカルに置いた画像ファイルを Table View のセルに表示させてみました。 次に、インターネットのサーバにあるデータを同様に表示させてみたいと思います。 前回の最後に使った imageWithContentsOfFile: では、ローカルのファイルパスしか指定できません。そこで、画像データを NSData 形式で取得して、imageWithData: で UIImage を生成することになります。 問題は、この NSData をどうやって取得するか。 まず考えられるのは、dataWithContentsOfURL: というメソッドで、URL を指定してデータを取得する方法。 NSURL *url = [NSURL URLWithString: urlString]; NSData *data = [NSData dat
UITables with Downloaded Images – Easy Asynchronous Code — markj.net
You'll want to read this post from 2011: HJCache - we've released a comprehensive library for free that makes it easy to use dynamically loaded and cached images in your iOS apps, as per this intro article... Readers... do look through the comments if you plan to use this code, other people have posted improvements. Thanks for all the great feedback everyone. MJ The app 'Postcards' from my iPhone
フッターやヘッダー、ナビゲーションなど、パーツ別のデザイン例のまとめ
Webデザインパーツごとのデザイン例 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。 ヘッダーだけ、フッターだけみたい、 というように、部分的にデザインの 例を見たいことが多いのでそんな 記事をまとめました。まとめのまとめ です。少し重いかもしれません。 主にブログデザインになってしまいますが、ヘッダー、フッター、ナビゲーション、フォームデザインなどなど部分的なデザインを参考にしたいとこに役立つまとめ記事を備忘録としてまとめています。 ヘッダーデザインユーザーにインパクトを与えるヘッダー。派手なデザインが多めです。 30 Creative Website Headers クリエイティブなヘッダーのデザインを30個ほど。凄いのばっかり。 30 Creative Website Headers 27 Stunning
Pattern Tap : Interface Collection for Design Inspiration
A collection of interface design solutions from all over the web, where users can mark patterns they like, and learn from other's design solutionsPattern Tap is here to satisfy and encourage the inspiration needs of my interface design peers and peeps. We aspire to be the one stop pattern shop for your next inspiration need.
ブログにRetweetボタンを設置できるスクリプト – creamu
これはとても面白そう。「tweetmeme」で、ブログにRetweetボタンを設置できるスクリプトが紹介されています。 こんな感じですね。 貼付けるスクリプトは以下です。 <script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script> The button is really smart and will automatically grab the URL of the page it is placed on. However if you want to place the button on more than one page or would like it in your feed, you will need to override the URL. ボタンはとて
Yuriko.Net » WP-PageNavi を使わずにナビゲーション表示 (改良版)
先月下旬に、「WP-PageNavi を使わずにナビゲーション表示」というテクニックを公開しましたが、パーマリンクを使っていても検索などクエリー文字列を使う URL の場合 (http://example.com/?s=検索文字列 など)、不具合が起きることが分かりました。 そこで、全面的に変更したものに差し替えます (元記事も新しいコードに入れ換えてあります)。ここまで長くなると、関数化した上でテーマの functions.php に切り出して、index.php 等からはその関数を呼び出す方がいいですね。 <div class="tablenav"><?php global $wp_rewrite; $paginate_base = get_pagenum_link(1); if (strpos($paginate_base, '?') || ! $wp_rewrite->using_
【iPhone】メモリ不足時のシミュレートとデバッグ | iphoneアプリで稼げるのか
iPachiで起きていた不具合なのですが、 特定の画面を表示中にメモリ不足に陥り didReceiveMemoryWarningを受け取ると アプリがクラッシュするという問題をついに 解消しました。 didReceiveMemoryWarning後にクラッシュするので メモリ管理でどこかがおかしくなっているのだろうとは 予想がつくのですが、いかんせん貧弱なエラーメッセージの ため、まったく発生元がつかめませんでした。 EXC_BAD_ACCESSとか言われてもさっぱりわからんです。 が、すばらしい記事をみつけました。 NSDebugEnabled これでクラッシュをおこしているオブジェクトの生成場所を 特定できるので、格段にデバッグ効率があがります。 というわけで、エミュレータでのメモリ不足時のシミュレートと デバッグのための設定をまとめます。 エミュレータでのメモリ
はてなブログ | 無料ブログを作成しよう
来年も作りたい！ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…
[JS]jQueryのプラグイン33+1選 -2010年1・2月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Notify Bar メッセージやエラーやアラートなどをブラウザ上部からスライド表示。 Slide box パネルをブラウザの上や下
2010-02-03
この動画を見るとSafariもMailも写真管理もiPad専用になっていることがわかる。 でかくなったiPodTouchと紹介されている所が多いけど、それは評価を間違っているのではないだろうか。 店頭で実機を見るのが楽しみだ。 Java基礎文法最速マスター - いろいろ解析日記を参考に、Objective-Cのものを書いてみた。 まだまだ歴が浅いので間違っている所があるかもしれません。 [2012-08-03追記] ARCやリテラル表記など新しい記法が導入され、このページに記載されていることは多少古くなりつつあります。ただ、とっかかりとしてかるく読んでみる程度で良いと思います。今や色んな人が解説記事を出しているので、そちらも是非参考になさってください。 追記おわり 基礎 デバッガコンソール出力 Xcodeのデバッガ出力を行うにはNSLog関数を使います。 printfと同様のフォーマット文
iPhoneアプリ用のログイン情報設定画面の作り方（その２） - tomute's note
iPhoneアプリ用のログイン情報設定画面の作り方という記事を先日書いたのだが、パスワードをNSUserDefaultsを使用して平文で保存する事はセキュリティの面から好ましくないとの事（Storing passwords in iPhone applications - Stack Overflow）。 上記の記事によると、セキュリティ対策としてKeychainを使う事を薦めているのだが、Appleのドキュメント（Keychain Services | Apple Developer Documentation）にもiPhoneにパスワードを保存する場合にはKeychainを使う事が重要であると書かれていた。 ちなみに上記のAppleのドキュメントによると、個々のiPhoneアプリはKeychainにアクセス可能であるが、他のiPhoneアプリのKeychainアイテムにはアクセス出来な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome Extensions API リファレンス
Responsive WordPress Slider Plugin
[iPhone sdk][Objective-C]iPhoneかiPod touchかをUIDeviceで判定