スマホサイトで使えるコピペTips集(Javascript / CSS3 / HTML5) | hi-posi Front-End blog
※ほぼ備忘メモで説明をかなり省いているので、ある程度制作知識のある方向けのエントリーです。 ※JavascriptはjQueryを使う場合が多いので読み込んでいる前提です。 目次 振り分け系 ユーザーエージェントを判別する ページを横幅320pxに合わせて拡大(zoom)する 画面の回転（Landscape-Portrait）イベントを取得する 現在Landscapeモードか、Portraitモードかを調べる スクロール制御系 タップするとページの一番上にスクロールで戻る タップすると指定したidの位置までスクロールで戻る タップすると指定した位置までスクロール無しで戻る iPhoneのSafari(iOS7含む)でスクロールを禁止する タッチ制御系 タッチ開始を検知する タッチ中を検知する タッチの終わりを検知する フォーム制御系 フォームのラベルのタップを有効にする フォームのペース
iPhoneのSafariが10倍便利になるブックマークレット10個
ども！ともぞうです。 iOS 8からSafariに「App Extension」が追加され色々便利になったのですが、それでもまだまだ対応していないアプリも多いのが現状です。 そこで活用したいのが「ブックマークレット」。お気に入りに登録して呼び出すだけで「開いているWebページを見やすく」したり、英語のサイトを「日本語に翻訳」したりできちゃうんですよ。 そんなブックマークレットの中でも特におすすめなものを10個ご紹介します！ Safariにブックマークレットを登録する方法 そもそも「ブックマークレット」っていう言葉を初めて聞く方もいらっしゃると思うので、簡単に説明しますね。 「ブックマークレット」というのは「javascript」というプログラムで書かれたコードをお気に入りに登録して呼び出すことで、様々な機能を実行できるものなんです。 例えば、英語のサイトを開いた状態で「ページを日本語翻訳す
ソーシャルボタンを自作に変更
B! 40 0 0 0 ソーシャルボタンをそれぞれのサービスのオフィシャルな物を使ってましたが、 それぞれ見た目が余り揃ってなくて良くないのと、 幅の取り方とかがCSSだけで行うのも難しくて微妙にずれてたりしました。 それと読み込みにもそれなりに時間がかかります。 ということで、画像とかを呼んでこなくて済むように適当に 自分で作ってみましたというよくある話。 作り方 Octopress用に追加 作り方 それぞれのサービスのAPIを使ってカウント数を取ってきます。 Twitterなら 1 2 3 4 5 6 7 8 9 10 11 12 13 14 var url = encodeURI(location.href); socialData = { type: 'GET', dataType: 'jsonp', url: 'http://urls.api.twitter.com/1/urls
Tumblr Widget for Your Website | JI Apps
This widget is for anyone who wants to display a nice set of pictures from a tumblr blog on his or her website. It doesn’t matter if the tumblr blog is yours or not (just be careful not to break any copyright law), it only has to have some pictures. The code you put on your page is plain Javascript/HTML, so it would work flawlessly on all major browsers. It doesn’t require JQuery or other javascri
簡単ステップでウェブサイトに決済システムを導入でき、収益が最大化するよう手助けしてくれる「Stripe」
利用申請をし、承認が来たら決済システムを導入したいアプリやプログラムにソースコードを貼り付けるだけで利用できるようになるウェブ決済システムが「Stripe」です。PayPalよりも簡単にアプリやプログラミング上に決済システムを構築可能で、決済のたびに顧客をわざわざ他の決済専用ページに飛ばす必要もなくなります。 Stripe https://stripe.com/ Stripeは利用承認を得たら、決済システムを導入したいプログラミングのコードを埋め込むだけで利用可能になります。埋め込みコードはcurl・Ruby・Python・PHP・Java・Nodeと、複数言語で用意されています。 システムを導入するために必要なコストはなく、Stripeを使用して決済が行われる度に、決済額の2.9％＋30セント(約31円)の手数料がかかるのみ。その他の料金は一切必要ありません。なお、PayPalの場合、手
スマフォーでオーバーレイをつくりたいです。…
スマフォーでオーバーレイをつくりたいです。 どうやってつくればよいか教えてほしいです！ 【内容】スマフォの画面を下に下げても、画面下側にバナーがでるものです。よく広告がついている。。
iPhoneのSafariに入れるとSNSシェアからブログ執筆まで捗るブックマークレット10選
ブックマークレットとても便利ですね。 iPhoneで快適にブラウジングするには欠かせません。 iPhone5やiOS6以降のSafariがイマイチだという話はひとまず置いておいて、ブックマークレットについて書いておこうと思います。 ブックマークレットとは ブックマークからいろんなことができます。 URLの代わりにJavaScriptのコードをブックマークしておいて、ブックマークから実行することができます。 何ができるかはこの記事を読んでいただければわかってもらえるかと思います。 ブックマークレットの作り方 普通のブックマークのURL代わりにJavaScriptのコードを、というのを理解していただければ簡単です。 まず、適当なページをブックマークします。 下の矢印みたいなのタップして、ブックマークをタップ この時点ではURLを変更できないのでとりあえず保存をタップ。 ブックマーク画面で編集を
【入門】JavaScriptのド初心者におすすめしたい学習本・教科書７選 | じゆうちょう
JavaScriptの初心者におすすめの教科書・本はどいつだ！？ ウェブサイトを自分の力で構築したい。 そのような願いからHTMLとCSSを勉強し始めました。するとどうでしょう！？ この２つのマークアップ言語だけではイケメンでクールでナウいサイトは作れないことが判明したのです。信じられます！？ なんでだ！ なんでいつもださいんだ！ そうなんです。誰もが嫉妬するウェブサイトを作るにはHTMLとCSSに加えて、JavaScriptを勉強する必要があるのです。いわばJavaScriptはウェブサイトに動きを与えるもの。サイト上の機能を向上させるにはジャバスクリプトさん抜きでは語れないのです、はい。 そこで今日は、ぼくが必死にゲロを吐きながらJavaScriptを勉強した際に利用した、 初心者向けのJavaScript入門書籍・本・教科書・参考書・・・whatever！ を７冊に絞って紹介します。
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
[Blog] Bloggerにzenbackで関連記事を表示しよう
ブラウザの検索機能を使って、ページ内で下記の箇所を探してください。 ※Windowsなら[Ctrl]+[F]、Macなら[Command]+[F]で検索ウィンドウを表示できます。 <b:if cond='data:blog.pageType == "item"'> 〜ここに追加する〜 <b:include data='post' name='comments'/> </b:if> 下記の文字列で検索するとすぐ見つかります。 <b:include data='post' name='comments'/> zenbackからコピーしたスクリプトコードを、メモ帳などで編集します。赤色の行を追加してください。 <!-- X:S ZenBackWidget --> <script type='text/javascript'> // <![CDATA[ document.write(unescap
![[Blog] Bloggerにzenbackで関連記事を表示しよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/5ba20171fdc66be99f22a3a09dfcced9ec69f8f3/height=288;version=1;width=512/http%3A%2F%2F2.bp.blogspot.com%2F-Tz6AvBcDtlc%2FTjPoY129MxI%2FAAAAAAAAAxs%2FVL9rGx8qh-Y%2Fw1200-h630-p-k-no-nu%2F%2525E3%252582%2525B9%2525E3%252582%2525AF%2525E3%252583%2525AA%2525E3%252583%2525BC%2525E3%252583%2525B3%2525E3%252582%2525B7%2525E3%252583%2525A7%2525E3%252583%252583%2525E3%252583%252588%2B2011-07-29%2B23.58.46.png)
2
Tidak ada postingan. Tidak ada postingan. Beranda Langganan: Postingan (Atom)
動画を楽しもう！（Ustream.tvで録画した動画「Past Clips」のFLVをダウンロード可能にするブックマークレット） | Creazy!
Bookmarklet Greasemonkey Ust_DL 小技集 開発実績 動画を楽しもう！（Ustream.tvで録画した動画「Past Clips」のFLVをダウンロード可能にするブックマークレット） 【2012/01/03：更新】 Ust DLの公式ページができました。今後の最新情報はこちらをご確認ください。 Ust DL 公式ページ 【2010/04/13：追記】 スクリプトをアップデートしました。もう少し詳しい説明が以下リンク先にあります。 UstreamのRecordedをダウンロードできる「Ust DL」はUserScriptでもイケます 【2010/03/04：追記】 新しい方法を書きましたので、こちらのエントリーを参考にしてください。 UstreamのRecordedをダウンロードするBookmarklet ちょっと前からwebカメラで手軽にストリーミング配信ができ
Firebugで元のJavaScriptのコードに手を入れずにdebug用のconsole出力を入れる方法 - monjudoh’s diary
Firebugでは条件付きブレークポイントが使えるので、 scriptタブにて該当行にブレークポイントを貼り、 条件としてconsoleへの出力を||区切りで、最後に&& falseを入れる。 console.debug('this.lastPosition') || console.dir(this.lastPosition) && false こうするとブレークポイントを通る度にconsoleへの出力は評価され、 consoleに出力され、最後の&& falseのため式全体は必ずfalseとして評価されるため ブレークすることはない。 追記 console出力系関数の戻り値はundefinedなんだから&& falseは不要か 追記 nanto_vi @monjudoh JSでは||より&&の方が優先順位が高いので、a || b && c はaが真ならbもcも評価されずに全体が真として
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTMLタグ変換ツール - kzWeb