CSSだけで作れる！背景パターンや模様のサンプルコードまとめ | Web Design Trends

2020/08/27 227 users CSS background-imageプロパティ 模様

CSSで背景パターンを作るメリット Webページ上の要素に背景を適用する場合、一般的には画像ファイルを用意してbackground-imageプロパティに指定することが多いですが、CSSだけでも様々な背景パターンや模様を作ることができます。 画像ではなくCSSで背景パターンを作った場合のメリットとして、例えば次のようなものが... 続きを読む

Webページの特定のテキストにリンクを張れるChrome拡張機能、Googleが公開 - ITmedia NEWS

2020/06/19 102 users 特定 Chrome拡張機能 テキスト Google リンク

Googleが、Webページ内の特定のテキストにリンクを張れるChrome拡張機能を公開した。Chromium版Edgeでも利用可能だ。 米Googleは6月17日（現地時間）、Chrome拡張機能「Link to Text Fragment」をChrome Web Storeで公開した。Webページ上の特定のテキストへのURLを生成できる。 拡張機能をインストールしたら、リンクし... 続きを読む

PDFファイルをExcel形式やテキストに変換してくれるサービス | ライフハッカー［日本版］

2019/10/29 107 users ライフハッカー Excel形式 テキスト PDFファイル 資料

紙ベースやPDFファイルで資料を渡されるときに、ExcelやWordで処理したい…と思うことがあるかと思います。そんなときに便利なWebサービスをご紹介したいと思います。 『PDF.to』は、PDFファイルをWebページ上で一発変換してくれるサービスです。紙ベースの資料は写真やスキャナからPDF化して利用できます。 クリックして... 続きを読む

Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました | Webクリエイターボックス

2019/09/04 64 users Font Awesome アイコン 汎用性 多数 画像

Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました 2019年9月5日 Webサイト制作, 便利ツール Font AwesomeはWebページ上にアイコンを表示させるためのサービス。汎用性の高いシンプルなアイコンが多数用意されています。アイコンの画像をご自身で用意しても構いません... 続きを読む

OpenCV + Node.js で画像からぬりえ用の線画をつくる - ほんじゃらねっと

2019/04/04 192 users OpenCV Python JavaScript じゃら 線画

画像処理で遊びたいな、と思い立ったので、 以前PythonとOpenCVで作成した画像線画化スクリプトを Node.jsで作成しなおしてみました。 blog.honjala.net OpenCVはPythonと使うのがやはり一番使いやすいのですが、 Javascript用APIも提供されているので、 Webページ上のJavascriptやNode.jsからでも利用することができま... 続きを読む

Chromeには3種類の“再読み込み”があるって知ってた？ Webページ上の画像などを最新の状態にするテク - 窓の杜

2018/11/12 56 users Chrome テク 状態 画像 最新

続きを読む

Webページにチャット機能を簡単に導入できるSmallchatを試してみた #Slack ｜ Developers.IO

2017/08/10 96 users Slack 西村祐二 Developers.IO チャット

どうも！西村祐二＠大阪です。 今回はWebページに簡単にチャット機能を追加できる「 Smallchat 」というサービスを紹介したいと思います。 このサービスのいいところは Webページ上のチャットとSlackが連携できる ところです。 通常だとチャット機能の開発コストや運用コストがかかり大変ですが、 このサービスは出力されたJavascriptのタグをWebページに埋め込むだけで簡単にチャット機... 続きを読む

Chrome拡張「Scraper」でWEBページ情報を手軽にスクレイピングしてデータ化する方法

2015/05/04 1020 users Scraper スクレイピング スク Chrome拡張 特定

Scraperとは Scraperは、WEBページ上の規則性のあるデータを手軽に取得することができるChrome拡張です。 例えば、テーブルデータや、Aリンクデータ、のような特定のHTML要素に入っている情報を、片っ端から取得してテーブルデータ化することができます。 また、その取得したデータをワンクリックでGoogleスプレットシートに保存することができます。 テーブルデータのスクレイピングは以下... 続きを読む

よく使うアイコンWebフォントのフォントセットとジェネレーターまとめ | OZPAの表4

2014/08/28 120 users ジェネレーター ベクター Retinaディスプレイ セリ 導入

Webページ上でベクターのアイコンを簡単に表示できる憎いアイツ。そう、アイコンWebフォント。 Retinaディスプレイでも綺麗に表示されるし導入は（そんなに）難しくないし至れりつくせり。 セマンティック？なにそれおいしいの？ そんなわけで今回はよく使っておりますアイコンWebフォントのセットと、ジェネレーターをまとめてみました。 ※紹介しているフォントを使用する際は、ライセンスを必ずご確認くださ... 続きを読む

Webページ上に通知を表示するjQueryプラグインの紹介 （1/3）：CodeZine

2014/06/20 69 users iOS CodeZine タスクバー And 右下

本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。今回は昨今のスマートフォンにおいてなじみ深い通知の表示をWebページ内で行うjQueryプラグインを紹介します。 はじめに　利用者に短い文章などを提示して注意や操作を促す通知は、古くはWindowsのタスクバー（標準では右下）に表示されるバルーン表示、最近ではiOSやAnd... 続きを読む

Excelのテーブルを修飾ごとHTMLへ。数式も保持して表計算も可能なHTML/JavaScriptを生成する「Excel to HTML」。アドバンスソフトウェア － Publickey

2013/10/23 136 users Publickey 数式 Excel HTML 変換

Excelのテーブルを修飾ごとHTMLへ。数式も保持して表計算も可能なHTML/JavaScriptを生成する「Excel to HTML」。アドバンスソフトウェア Webアプリケーションにおいて、ユーザーの入力に対して簡単な計算や変換をした結果をWebページ上に表示したい、というニーズはよくあることでしょう。例えば業務用のWebアプリケーションなら、いくつかの金額を入力すると合計を表示するといっ... 続きを読む

多機能さが売りのダイナミックスライド「jmpress.js」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/01/20 55 users jmpress.js jQueryライブラリ スライド 売り

jmpress.jsはImpress.jsライクなダイナミックプレゼンテーションを実現するjQueryライブラリです。一つのWebページ上でダイナミックなスライドを展開するimpress.jsを先日紹介しましたが、さらにすごいプレゼンテーションを展開できるかもしれないスライドライブラリがjmpress.jsです。 トップページです。 Impress.jsライクにぐるぐる動き回ります。 画像も表示で... 続きを読む

新米webディレクターが紹介する、chromeを使っていて本当に役に立った拡張機能（エクステンション）10選 | ペンギンボックス

2013/01/18 442 users Chrome エクステンション 新米Webディレクター 手間

webディレクター歴2年の新米web屋の私が普段使っていて、本当に役に立っているchrome拡張機能を紹介します。 ここで紹介する拡張機能はweb開発者よりも、どちらかといえばwebを普通の人よりも使ってるくらいの人向けなので、普段の仕事のちょっとした手間を改善するのに使ってください。 MeasureIt! webページ上の要素のサイズを測るのに最適なサイズ測定ツール！ 画像やwebサイトの構成を... 続きを読む

iPadにArduinoをつなぎ，Webブラウザ上でProcessingを使ってセンサデータを可視化 - Imaginable Reality

2011/04/10 62 users ＣＤＳ センサデータ Processing Arduino

タイトルのとおりですが，iPadにArduinoをつなぐのをやってみました．cdsで明るさをセンシングして，Processingを使って書かれたWebページ上で表示しています．（※音声解説つきです）いろいろ苦労したので記録を残しておきたいと思います．コトの発端ArduinoとiPadを連携させる方法をいろいろ調べてたら，USBキーボードのふりをさせたArduinoをカメラコネクションキットを使って... 続きを読む

窓の杜 - 【REVIEW】肥大化した「Firefox」の内部データベースをボタン一発で最適化「Vacuum Places」

2009/08/24 681 users REVIEW Firefox ライブラリサイト 肥大化 最適化

「Vacuum Places」は、「Firefox」の内部データベースを最適化できる拡張機能。「Firefox」v3.5以降に対応するフリーソフトで、ライブラリサイト“Firefox Add-ons”からダウンロードできる。なお、本拡張機能は実験的なアドオンとして公開されているため、インストールするにはWebページ上のインストールボタン左上にあるチェックボックスをONにする必要がある。 「Fire... 続きを読む

78歳、現役FPSプレイヤー「北島さん」にお話を伺ってみました。 | DHARMA POINT

2008/11/25 206 users 北島さん 北島 攻略ルート プレイ 山梨県

現在ゲームをプレイされている皆さんは、年はお幾つだろうか？そしてこれからもゲームをプレイし続けていけるのだろうか？　 安心してほしい、現在78歳になられる現在も精力的プレイを続けられているベテランFPSゲーマーをご紹介しよう。1930年生まれの北島彰さんは現在78歳、山梨県にお住まいで、ご自身のWEBページ上でFPSゲーム各タイトルの攻略ルートを公開されている。 そんな精力的活動をなさっている北島... 続きを読む

コモンズ・マーカー： Webにマークを付け、みんなで共有

2008/07/04 328 users コモンズ web マーク 共有 みんな

任意のWebページにマークを付けて、みんなでマークを共有できます。気付きや知識のメモに、Webを題材とした議論のツールに。コモンズ・メディア株式会社が運営。Webページ上のテキストに、マーカーペンを引くようにマークを付けることができます 思考を妨げない「さくさく感」のある操作性でコメントを残せます オートスクロールにより、Web上のマークとコメントを素早く並べて比べられます マークとコメントをネッ... 続きを読む

窓の杜 - 【NEWS】Webページ上の操作をマクロとして記録・再生できるFirefox拡張機能「iMacros」

2007/04/18 143 users ライブラリサイト マクロ NEWS Firefox拡張機能

Webページ上の定型操作をマクロとして記録・保存できる「Firefox」用拡張機能「iMacros」v0.6.1.1が、9日に公開された。「Firefox」v1.5以降に対応する寄付歓迎のフリーソフトで、編集部にてWindows XP上の「Firefox」v2.0.0.3で動作確認した。現在、ライブラリサイト“Firefox Add-ons”からダウンロードできる。 「iMacros」は、Webペ... 続きを読む

窓の杜 - 【NEWS】IEで開いたWebページ上の各種操作を記録して自動化「RecIE」v0.9

2006/08/23 124 users UWSC NEWS 各種操作 作者 自動化

「Internet Explorer」（以下、IE）で開いたWebページ上の各種操作を記録して自動化できるソフト「RecIE」v0.9が、13日に公開された。Windows 98/Me/2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。なお本ソフトは、同作者製のキーボード・マウス操作を自動化するソフト「UWSC」と連携して動作する仕組みなので、あらかじめ「UWS... 続きを読む

窓の杜 - 【NEWS】Webページ上の表を任意列のクリックでソートできるFirefox拡張「TableSort」

2006/05/24 69 users Firefox Firefox拡張 HTML NEWS 作者

「Firefox」でWebページを閲覧中に、HTMLの表を任意列のクリックでソートできる拡張機能「TableSort」v0.11が公開された。「Firefox」に対応するフリーソフトで、編集部にてWindows XP上の「Firefox 日本語版」v1.5.0.3で動作確認した。現在、作者のホームページからダウンロードできる。 「TableSort」は、「Firefox」でHTML上の表を閲覧中に... 続きを読む

窓の杜 - 【NEWS】Webページを移動しても消えない“マーカー”を引けるFirefox拡張

2006/04/24 65 users マーカー Firefox拡張 NEWS ラインマーカー 文字列

Webページを移動しても消えない“マーカー”を引けるFirefox拡張 蛍光ペン風の背景色やアンダーラインなどで任意の文字列を目立たせられる 「Firefox」などで閲覧しているWebページ上で、ページを移動したりソフトを終了しても消えない“ラインマーカー”を選択した文字列に引ける拡張機能「Line Marker」v2.0.2006041303が、13日に公開された。「Firefox」v1.0以降... 続きを読む

窓の杜 - 【NEWS】「Firefox」でリンクが張られていないURLをクリック可能にする「Text Link」

2005/12/20 56 users Firefox NEWS Netscape URL リンク

Webページ上でリンクが張られていないURLをダブルクリックで開けるようにするソフト「Text Link」v1.3.2005121301が、13日に公開された。Windows 2000上の「Firefox」「Mozilla」「Netscape」に対応するフリーソフトで、編集部にてWindows XP上の「Firefox」v1.5 日本語版で動作を確認した。現在作者のホームページからダウンロードでき... 続きを読む

窓の杜 - 【NEWS】画像を右クリックから登録フォルダへ素早く保存できる「Firefox」用プラグイン

2005/10/05 53 users Firefox フォルダ NEWS プラグイン フリーソフト

画像を右クリックから登録フォルダへ素早く保存できる「Firefox」用プラグイン フォルダ選択ダイアログを経由せずにWebページ上の画像を保存できる 「Firefox」で表示している画像をあらかじめ登録したフォルダへ右クリックから素早く保存できるようにする「Save Image in Folder」v0.6.2が、9月21日に公開された。「Firefox」v1.0以降に対応するフリーソフトで、編集... 続きを読む

窓の杜 - 【NEWS】マウスオーバーするだけで英単語の日本語訳を表示できる「Firefox」プラグイン

2005/06/23 162 users Firefox マウス NEWS 英単語 プラグイン

「Firefox」でWebページ上の英単語をマウスオーバーするだけで日本語訳をサイドバーに表示するプラグイン「FireDictionary」v0.8.1が、12日に公開された。編集部で試用したところWindows XP上の「Firefox 日本語版」v1.0.4で動作することを確認した。現在、作者のホームページからダウンロードできる。なお、本プラグインを利用するには辞書データ「GENE95」を別途... 続きを読む