今のウェブデザインの流行りは「レスポンシブ・ウェブデザイン」！ 昨日、とあるアプリの紹介ページについて話し合っていたのだが、株式会社LIGのデザイナブログに書いてあった「必読！5分でわかる流行のレスポンシブWebデザインまとめ」に載っていた「NHKスタジオパーク」のレスポンシブ・ウェブデザインがイケイケすぎて感動したので、紹介する！これは本当にすごい！！ まず普通に表示するとこんな感じ。よくある3コラムベースのウェブサイト。 少し幅を狭めると、下にあったコンテンツが右サイドバーに移動し、右サイドバーにあったコンテンツが下に移動した。 さらに狭めてみると、右のサイドバーが完全に無くなった。 さらに狭めると今度は左のサイドバーが消えた。 ブラウザの限界まで狭めてみると、各パーツの幅も狭まってこのような形に落ち着いた。 これを試している時、各要素の動きがあまりにも滑らかでものすごく感動した。皆さ
お金をかけずMacのネット環境を3倍高速化！騙されたと思ってdolipoとGooglePublicDNSを導入しよう(Lionも対応）｜男子ハック
Macおすすめアプリお金をかけずMacのネット環境を3倍高速化！騙されたと思ってdolipoとGooglePublicDNSを導入しよう(Lionも対応）2011年1月10日819 @JUNP_Nです。最近の男子ハックはどうやらMacの記事が人気があるみたいです。人気ついでに2〜3分でMacでのブラウジングが高速にする方法をご紹介。 昔からMacを使っている人には定番ですが、最近Macに移行してきたひとのための覚え書きです。これを知らないMacユーザーさんには是非教えてあげて下さい。
いろいろなところから2011年1月に集めてきた情報を要点を抑えて紹介していきます。これは何か、どんなシーンで使えるのかということを書くようにして、気持よく読めるようにまとめて行けたら良いです。情報を集めるのが苦手なあなたはこれだけ読めば結構身になるかもしれませんね。 これは Web サービスに使えると思った情報 使い方をその場で再現するスクリプト目の前でアニメーションして説明するスクリプト「Embedded Help System」 – GIGAZINE Web サービスのヘルプなどで使えるかもしれません。導入がそこまで難しくないようなので、ヘルプを作る際は一番最初にこちらを検討すると良いかもしれませんね。 ビジネスモデルについて学べるわかったつもりになっていませんか：「ビジネスモデル」とはなんだろう? 余談や説明が長すぎたので、個人的にためになりそうな要点だけ抑えておきます。 なんか微
CSSの基本や使える小技テクニックなどを幅広くまとめました。以前書いて今もそこそこアクセスがある「CSSの知識をもっと深める30+2の小技テクニック集｜Webpark」という記事があるのですが、2年近く前の記事ですしパワーアップさせて作り直しました。 恐らく過去最長の記事ですので目次を作りました。クリックするとするりと移動します。基本的な内容が多いですが、お役に立つ項目があればうれしいです。 ということで順番に説明していきます。 1. 全般的なこと 1-1. CSSリセット ブラウザごとでデフォルトのスタイルは異なっています。その違いをそのままにしておくと、後でブラウザ間の表示の違いに悩むことになり、どこが原因か分からないとイライラしてしまいます。 そんなことのないように、いったんデフォルトのスタイルをリセットしてしまおうというのがリセットCSSです。 方法は色々ありますが、個人的には一番
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ
この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり：私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント 大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ
通常のアクセス解析はある程度時間が経過してからでないとその結果がわからないため、「まさに今！このページがヒットしている！」というのがわかりにくいのですが、この「Woopra」というアクセス解析サービスはとんでもないリアルタイム性がウリとなっており、誰かが訪問しに来たら即座にわかるようになっています。 リアルタイムアクセス解析を最大限活用するため、ブラウザ経由での利用だけでなく、Javaをベースとして作られたWindows・Mac・Linux対応の専用ソフトがあり、来訪者にタグ付けして個別に追跡、IPアドレスなどあらゆる条件で絞り込めるクイックフィルタ、誰がどこから来たのかすぐにわかるマップ、特定の条件のユーザーが来たらポップアップしたり音を鳴らして知らせてくれる機能などなどを搭載。そのすべてがリアルタイムに刻一刻と変化して最新の情報を教えてくれます。Google Analyticsで実現し
import.ioとは import.ioは、データ化したいページのURLを入力するだけで、自動でデータ箇所を判断して情報を集めてくれるスクレイピングサービスです。 無料で利用することができ、セットアップも、データ収集用のトレーニングなども必要ありません。 URLを入力して、ボタンを押すだけという簡単さから、誰にでも利用できるデータ収集ツールだと思います。 以下では、その簡単な使い方や、利用例などを紹介したいと思います。 定期的なサイトへのスクレイピングは相手サイトの負荷になるので、一日に何度も何度も同一サイトに使用するのはやめましょう。加えて、取得したデータを、そのまま何かに利用すると著作権違反になる恐れもあります。 基本的な使い方 import.ioの最大の特徴は、使い方の簡単さです。 以下では、その使い方の例として、IKEAのソファー検索結果ページのデータを取得してみたいと思います。
Firebugの使い方 | THE HAM MEDIA
Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会（SaCSS）にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ！」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認
動画も音声も、 1クリックで今すぐ保存 Craving Explorer は、動画や音声を簡単にダウンロードできるブラウザーです。 YouTubeやニコニコ動画、radikoなどにアクセスすると、いつものサイトにダウンロードボタンが出現！ クリックするだけで、その場ですぐダウンロードが始まります。
私がweb制作でよく使うサイト47+α 作業ごとリスト
web制作でお世話になっている便利サイト 今回は画像もなしに一覧にしてしまおうと思います。使うときにパッと一覧するような実用性を考えているので、詰めてあった方がいいですよね。 webcre8がwebサイトの制作をしているとき頻繁にアクセスするサイトリストです。これらは大半、webcre8がこれまで「*役に立つ」タグをつけてブクマ管理していたものですが、他にも漏れがあったり他のタグに入っていたり、何故か毎回検索して使っていたサイトも多いので今回ひとまとめにしてついでにシェアしてみようかなって感じです★要はリンク集ですね。 これらのサイトをぐるぐる回っているうちにみるみるwebサイトが…出来てくると良いですねｗ 素材サイト まずはよくある素材サイト集。当然全てフリーで商用可です。webcre8は写真をバナーや商用サイトに使う事が多いので、有料素材が用意出来る場合を除き普段からクレジット不要のこ
cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า
Chromeで使えるエクステンション厳選25本！ (1/6)
ページ分けの多い記事も自動でめくれる、クリック一発で翻訳出来る――。 便利な拡張機能の豊富さで知られる人気ブラウザーといえばFirefoxだ。だが、そこに現在Google Chromeが「エクステンション」と呼ばれる拡張機能で猛追を始めている。グーグルが9日に公開したサイト「Chrome Extensions」にはすでに、500本を超えるエクステンションが登録されている。 エクステンションに対応するChromeは現在、Windows版およびLinux版のみ。いずれも正式版ではなく4.0ベータ版で、体験したい人はそれぞれをインストールすることになる（エクステンションを入れようとするとダウンロードを促されるので、それに従えばオーケー）。Mac版も近いうちに対応予定とのことなので、しばしお待ちを。正式版の4.0リリースは2010年の見通しだ。 リリース間もない現在の問題は、Firefoxのときと
?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+clockmaker+%28ClockMaker+Blog%29
アップルの新デバイス iPad が Flash に対応していないことや、アップルの CEO スティーブ・ジョブズ氏の苦言により、HTML5 は Flash に取って代わるのかという論議が現実味を帯びて論じられるようになりました。 「なぜAppleはiPadにFlashを載せるべきではない」のか AdobeのCTO、Kevin LynchがFlashを擁護―「HTML5はウェブビデオを暗黒時代に投げ戻す」 そこで、HTML 5 と Flash は何が違うのか両者の違いを図にまとめてみました。 (上の画像はクリックで拡大できます) 左側が HTML5 にしかない機能、右側が Flash にしかない機能で、中央の重なっているところが両方が利用できる機能です。グラフィック関係では、HTML5 では描画やビデオ関係はサポートするものの、テキスト周りや高度なグラフィック処理、デバイス機能ではまだ Fl
2010年6月26日に行われたイベント、オープンソースカンファレンス2010 Hokkaido内のセミナーで使われた発表スライド「PHPで大規模ブラウザゲームを開発してわかったこと」Read less
Intro Web の https 化が進み、それに伴って https を前提とする API も増えてきた。 そうした API を用いた開発をローカルで行う場合、 localhost という特別なホストを用いることもできるが、それだけでは間に合わないケースも少なからずある。 localhost を https にするという方法もあるが、そのように紹介されている方法には、いくつか注意すべき点もある。 この辺りの話を、直近 1 ヶ月で 3 回くらいしたので、筆者が普段使っている方法や注意点についてまとめる。 特に推奨するつもりはない。 Update chrome の --host-rules について追記 localhost での開発の注意点 例として https://example.com にデプロイする予定の ServiceWorker を用いたアプリがあったとする。 開発をローカルで行う
注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。「これはもう動かないよ」という印をつけたいのです。 この記事はYou Don't Need jQueryの日本語訳と同じ内容です。 先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。 なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。 追記 この記事は当初は「もうjQueryは必要ない」というタイトルで
http://www.web2pdfconvert.com/ 久しぶりの当たりでしょうか。日本語でもちゃんと使えるし、なにより拡張が揃っているのがいいですね。 URLを入れて Convert to PDFってすれば、PDFの完成。 様々あるサービスの中でもここの特殊なところは、設定があること。 Images Compression Level 画質の設定。数字が小さいほど高画質。 PDF Page Size PDFのサイズを決められる。デフォルトではA4。 PDF Page Orientation 縦（Portrait）か横（Landscape）か。 PDF Document Margins (mm) 余白。 Date and URL Stamp 「Created by Web2PDF Converter at 日時, URL: ページのURL 」っていう文字がPDFについてくる Enab
DeepLの”公式”Chrome拡張がヤバイ。TwitterもSlackも英語でつぶやき放題 | DevelopersIO
ちゃだいん（@chazuke4649）です。 DeepLの公式Chrome拡張機能がヤバかったので勢いにまかせて紹介します。 "公式版"がリリースされてたの知ってた？ DeepL翻訳（ベータ版） - Chrome ウェブストア ベータ版ではありますが、いつの間にか公式版がリリースされていました。自分は今まで公式版がなかったので、以前は非公式版のツールを使っていました。 インストールする Chromeウェブストアからインストールすると、右上にアイコンが表示されます。それをクリックすると以下ポップアップ画面が表示されます。 現時点では以下２つの機能が存在します。 読む: ブラウザ上の文章を任意の言語に翻訳して表示できる 書く: ブラウザ上に入力している文字を任意の言語に変換できる それぞれ試してみます。 「読む」 一般的にはこちらがよく認知されている機能だと思います。 下図のように、翻訳したい
The domain has expired and may be available at auction. If this is your domain, you can still renew it. Register or transfer domains to Dynadot.com to save more and build your website for free! shinji.asia 2023 著作権. 不許複製 プライバシーポリシー
みなさん、 iCloud をがっつりと使っていますか？ 「いや、みんな iCloud がどうこう言っているけど、全然わからない。。」 そんなあなたのために、iCloud とは何か、使うメリットは何なのか、どこから設定するのか、そんな iCloud に関する基本的なことを解説いたします！さらに iCloud の基本的な機能である、情報の同期も解説いたします。 iOS 5 と iCloud を一緒に使わないなんて非常にもったいないです。ぜひこの記事を参考に使い始めてみてください！ なお、iCloud には今回ご紹介する内容の他に「フォトストリーム」と「バックアップ」という超絶機能もあります。それらは別の記事でがっつりと解説いたしますので、もう少々お待ち下さい。 それではさっそくどうぞ！ iOS 5 の新機能などのまとめはこちらからチェックできます！ぜひどうぞ！ 【ただいま更新中】iOS 5 の
FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは？ FireMobileSimulatorは、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ
このページではiPhoneの使い方を解説した記事をまとめています。 最新のiOS 7に関する使い方はこちらからどうぞ→【iOS 7まとめ】デザインや使い心地が一新されたiOS 7の使い方まとめ！ 最近iPhoneを購入した方に必要であろう情報はもちろん、iPhoneを2年以上使っているという方でも、「これは知らなかった！」という情報も多く紹介しています。 4つの標準アプリ(電話、メール、Safari、iPod)の徹底解説はもちろん、他の標準アプリも詳しく解説しています。さらに、iPhoneでの文字入力の基本や覚えておくと便利なTipsも多く紹介していますよ。iPhoneを使っている全ての人にチェックして欲しいですね！ iPhoneをお使いのみなさんのお力になれれば、と思います。 「はじめてのiPhone」 iPhone買ったら最初に知りたいこと。ボタンの名称、操作方法（用語）、電話、文字入
Webアプリケーションのファンクションテストを行うツールとして注目されている「Selenium」のバージョン1.0が6月20日にリリースされました。安定性が向上するとともに、Firefox 3.0、3.5（Selenium IDEは1.0.2から、Firefox 3.5に対応）や、Internat Explorer（以下、IE） 8などの最新のWebブラウザにも対応しました。 本稿では、Selenium 1.0をベースとしたSelenium IDEとSelenium RCを利用した効果的なSeleniumの利用方法を紹介します。 Webアプリのテストで誰もがイラつく大きな課題 Webアプリケーションテストを手で行うと、非常に煩雑です。Selenium登場以前の従来のやり方では、次のような問題がありました。 回帰テストに時間がかかる バグ修正や仕様変更などで、Webアプリケーションを変更した
はてブの機能を組み合わせるとこんなことが出来る。 まぁまずは見てほしい。 http://bukuma-diver.com/ ブックマークをWeb上に記録したり、Webページにコメントを付けたり出来るサービスは世の中にたくさんある。日本においては、はてなブックマーク、いわゆる「はてブ」が最王手最大手である。 そのため、ややIT系に偏っているものの、はてブのホットエントリーをチェックすればネットでの旬のページをだいたいチェックできる。 さらにはてブの拡張機能を入れると、閲覧しているページのブックマーク数が表示されるため、そのページがどれくらいブックマークされているかで人気度を把握することが出来る。それだけでなく、拡張機能のボタンをクリックすれば閲覧中のページに寄せられたコメントを確認することも出来る。 そしていつしか、「ブックマーク数が多いほど良いページ」となんとなく思うようになり、「良い」と
シンプルで軽い操作が魅力のブラウザ、「Google Chrome」。登場以来順調にシェアを伸ばし続けていますが、中でも注目なのが昨年12月にベータ版が公開されてから、既に2000種類以上登場している「拡張機能」ですよね。今回は「たくさんありすぎて何から入れていいか分からない！」という人のために、はてなブックマークでも人気の「Google Chromeの拡張機能」についてのエントリーをご紹介します。 ■仕事の効率アップにも使える！オススメ拡張機能いろいろ まずは最初に入れたいものから仕事や趣味に役立つものまで、オススメの拡張機能をまとめたエントリーです。 ＜最初に入れておくと便利な拡張機能は？＞ ▽Google Chrome に最初に入れた６つのエクステンション – ライフハック心理学 「とりあえず、最初に入れておくと便利なものを知りたい！」という人には、筆者が最初に入れた拡張機能についてま
Chrome DevToolsを使いこなそう！ Web開発に必須なブラウザ開発ツールによるデバッグの基本 - エンジニアHub｜若手Webエンジニアのキャリアを考える！
Chrome DevToolsを使いこなそう！ Web開発に必須なブラウザ開発ツールによるデバッグの基本 開発者ツール（DevTools）とは、ブラウザに搭載されているデバッグツールです。多岐にわたる技術の集合体であるWebページやWebアプリケーション、いわゆるフロントエンドの開発において、なくてはならないツールです。 皆さん、どうもこんにちは。今回で3度目のエンジニアHubの登場となる大竹智也です。春の季節もそろそろ終わりを迎え、新生活を迎えた人たちも新たな環境に慣れてくる時期だと思いますが、元気にお過しでしょうか。 前回までエディタの話ばかりしてきましたが、今回はエディタから離れてWebブラウザ（以下、ブラウザ）の話をしたいと思います。ただ、ブラウザの話といっても、エンジニアHubは開発者向けの媒体なので、ブラウザに搭載されている開発者ツール（Developer Tools）のお話を
Tomblooを使えばたった１秒で「はてなブックマーク」できる*二十歳街道まっしぐら（FC2ブログ時代）
「Tombloo」というFirefoxアドオンがあります。 これを使えば、簡単に「Tumblr」や「Twitter」その他Webサービスに投稿することができます。 いろんなサイトに対応していて、設定次第では手放せないツールになります。 そんな「Tombloo」を利用して，「はてブ」をする方法を以下にのせておきます。 （2009/03/07/14:24 キーボードだけでブクマする設定を追記しました） はてなブックマークレットを使っても簡単にブックマークすることができます。 しかし、ブックマークレットの仕様で多少使いづらいなあと思うところがあります。 一番気になるのは、ブックマークレットを押したとき！多分リロードしていますよね。 普通のウェブページだと大丈夫なんですが、 YouTubeやニコ動などの動画サイトでやると動画が再ロードされちゃいます。 あと、タグ付で、[はてな]みたいに [ と ]
Python Webスクレイピング テクニック集「取得できない値は無い」JavaScript対応@追記あり6/12 - Qiita
この記事について 本記事はPythonを使ったWebスクレイピングのテクニックを紹介します。 ※お酒飲みながら暇つぶしで書いたので割と適当です。 今回紹介するテクニックを使えれば経験上大体どんな値でも取得でき、これらはRubyだろうがGolangだろうが同じ様に動作します。 Webスクレイピングが出来ないサイトがあればコメントにて教えてください。全身全霊を持ってやってみます。 また、Webスクレイピングをしたことが無い方は下記の記事を読むことをお勧めします。 Python Webスクレイピング 実践入門 - Qiita 追記更新 6/12 コメントに対応しました。 はじめに 注意事項です。よく読みましょう。 岡崎市立中央図書館事件(Librahack事件) - Wikipedia Webスクレイピングの注意事項一覧
23人のカヤック社員がおすすめする「つくるときに役立つ三種の神器」まとめ | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
7月7日に行われる面白法人カヤックのイベントである「777☆カヤックフェスティバル」に向けて、 6月6日〜7月6日までの間、 ディレクター、エンジニア、フロントエンジニア、デザイナー、 全職能のブログを、同じテーマの記事でつなぐ「777ブログウェイ」を実施していました。 23人のカヤック社員が、「つくるための3種の神器」をテーマにブログを書きました。 そのまとめ記事になります。 デザイナーまとめ 新しいPCに入れる基本ソフト3つ：Windows版 新卒Webデザイナーが考える「五月病」を脱却する方法 Workflow para reducir el tamaño de tus assets デザインするための三種のリファレンス グラフィッカーの三種の神器！？ 思わず絵が描きたくなる（！？）三種の神器 ディレクターまとめ もっと知りたい！「好奇心」をつくる３つの視点とサービスを紹介します
WindowsとMacに対応し、ワンクリックでグローバルIPアドレスを偽装してインターネットの利用を可能にするのが「spotflux」です。無料で安心と安全を実現する「spotflux」のインストール・操作などは以下から。 実際に「確認くん」を利用して確認してみます。「spotflux」使用前。 使用後、現在接続している場所（現IP ）つまりグローバルIPアドレスが変更され、プロバイダー名が見えなくなりました。 Spotflux - A more secure, private, and open internet experience. http://launch.spotflux.com/ ◆インストール 上記サイトの「PC」をクリック。Windowsを使っているので、Windows版である「PC」を選んでいます。 ダウンロードした「spotflux-latestPC.exe」を起動。
今回は私が実際に使っていて便利だなぁと日頃思っているおすすめのChrome拡張機能を紹介します。 Google Mail Multi-Account Checker https://chrome.google.com/webstore/detail/google-mail-multi-account/mcpnehokodklgijkcakcfmccgpanipfp メインのアカウントとSNSやブログ関係のアカウントを使い分けているのでこれが無いとめちゃくちゃ不便。これのおかげでメーラーアプリはめったに立ち上げなくてもよくなりました。 HD for YouTube™ HD for YouTube™ - Chrome Web Store YouTubeを開くと強制的に最高画質に変更してくれる優れもの。 ちょっとの手間だけどあったらやっぱり便利。 Speed Dial [FVD] Speed D
Google Chromeに乗り換えて1年、私がWEB活動に欠かせない拡張機能11個まとめ | フリーソフトラボ.com
昨年のちょうど今頃の時期に、FirefoxからChromeに乗り換えたので導入した拡張機能＋周辺ツールまとめという記事をエントリーしましたが、今回、実際に筆者がGoogle Chromeを本格的に使い始めて一年と少しが経過しました。 そこで、上記エントリーでは紹介しなかった、その後新しくインストールした拡張機能や、今はもう使わなくなって消してしまった拡張機能もいくつかあるので、改めて現在愛用している拡張機能をまとめてみます。 AutoPagerize for Chrome Greasemonkeyで超人気のスクリプト「AutoPagerize」のChrome用拡張機能。Googleの検索結果など、ページごとに分けられたウェブページを自動で読み込んで、継ぎ足し表示してくれます。 Readmine 筆者も愛用している”あとで読む”系サービス「Read It Later」のChrome用クライア
HOME>jQuery>7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。（っていうかそんな偉そうなこと言える程修めてない
Webブラウザ上で純粋なHTTPだけで単方向リアルタイム通信を可能にするHTTPのストリーミングアップロードが遂にやってくる - nwtgck / Ryo Ota
Web標準のHTTPクライアントfetch()でストリーミングしながらアップロードできるようになる。
「俺の邪悪なメモ」跡地
Firefox 3を使っていて、起動が異様に遅くなっていて困っていました。 今回、どうやら解決した模様なので備忘録までに記載します。 Firefox 3にバージョンアップしてから、メインで利用しているPCで Firefox の起動が遅くて仕方がない、ipv6検索を無効にするとか試してみたけどもかわず、という状態でした。 だいたい同じAdd-onを 他のPCにも入れて利用していますが、そちらははそう遅くはないので、プロファイル系かあ、までは切り分けしてそのまま利用しておりました。 プロファイル再作成、面倒ですしね。 で、ふと思い立って Firefox 3 で利用している、SQLite データ群をかたっぱしから Reindex したら、 昔のスピードが再現しました。はやい！ 改善：２つ １）起動が速くなった（起動に1-2分かかる→すぐ起動。劇的に改善。） ２）サイト表示もはやい。 cookie
GoogleChromeは実はオープンソースのコード「Chromium」から作られており、そこへいくつかの機能をGoogleが独自に実装することで完成させたブラウザとなっています。ということは、その余計な追加機能を外せばもっとプライバシーに配慮され、そして軽量化＆高速化ができるはずだ、ということで作られたブラウザが「Iron」となります。GoogleChromeと互換性があるため、GoogleChromeで動くスクリプトはIronでも問題なく動きます。 SRWare Iron - The Browser of the Future http://www.srware.net/en/software_srware_iron.php GoogleChromeとIronの差については下記ページに一覧表形式でまとめられています。 Chrome vs Iron http://www.srware.n
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！ | ゴリミー
2011年1月のこれだけ読めば分かる Web 制作者向け情報まとめ | ウェブル
CSS(スタイルシート)の基本、小技、テクニック総まとめ
CSSのみで実装するボタンデザインやホバーエフェクト 20＋α - NxWorld
JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD
Google Analytics以上の超強力なリアルタイムアクセス解析ができる「Woopra」を試しに使ってみました
URLを入力するだけ！コンテンツをスクレイピングしてデータ化してくれる無料ツール「import.io」
YouTubeダウンロードブラウザ Craving Explorer
逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)
PHPで大規模ブラウザゲームを開発してわかったこと
ローカル開発環境の https 化 | blog.jxck.io
You Don't Need jQuery - Qiita
webページを綺麗にpdfにしてくれる、至れり尽くせりな"Web2PDF"。 - あまたの何かしら。
海外で3年間働いて、今でもめちゃ使っている英語の補助ツール活用3選 | 俺日記
ちいさな Web ブラウザを作ってみよう
iCloud を使い始めよう！設定、同期、ブラウザからアクセスなどなど、基本を解説します。
Top - FireMobileSimulator.org
iPhoneの使い方、設定方法、便利なTipsまとめ。 | AppBank
ブラウザを選ばずWebテストを自動化するSelenium
意外と知られていない、はてブの神機能 - CGMプランナーの思考
Google Chromeのオススメ拡張機能 - はてなブックマークニュース
再インストの前にこれをバックアップしろ！！ - windows
IPアドレスを偽装して安全にインターネット接続を可能にするフリーソフト「spotflux」
私が愛用している Chrome拡張機能 おすすめ14選 - ネットの海の渚にて
7つのサンプルでjQueryを学ぼう！「jQueryが全く分からない人のため」の超初級者向け入門講座
firefox 3が遅くなった→ SQLite reindexで解決＆高速化 - しおそると
GoogleChromeから余計な機能を取り払いさらに軽量・高速化したブラウザ「Iron」 - GIGAZINE