業務中に堂々Twitterしたい！→TwitterをSlack風に表示できるChrome拡張を開発する天才的サボリ - ねとらぼ
「業務中も堂々とTwitterをしたい」――そんな欲望から、Twitterをビジネス向けチャット「Slack」風に表示するChrome拡張を開発してしまう会社員が現れました。サボるためなら苦労をいとわない、その心意気がステキ。 色調といいレイアウトといい、見た目はだいぶSlack。でも内容はTwitterのタイムライン 作者は面白法人カヤック在籍のデザイナー、ちゃんちー（@chihirooo0707）さん。デモ動画では、Twitterの公式クライアントの画面を、瞬時にSlack風に切り替えています。画像などの表示を簡略化しつつ、ツイートの入力枠は下方にと、インターフェースはすっかりチャットツール風に。それでいて、検索やメッセージなど、Twitterの操作はひと通りできるようになっています。 タイムラインが瞬時にSlack風に。画像表示が省略されて、画面あたりの情報量が増えるメリットも 「天
Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary) - Qiita
経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
不思議!? div要素一つで同じスタイルなのに、すべてのブラウザで見た目が異なるスタイルシート
div要素一つで同じスタイルなのに、IE, Edge, Chrome, Safari, Firefoxなどの各ブラウザで見た目が全く異なるスタイルシートを紹介します。
【便利すぎて神に感謝】効率化を極めたGoogle Chromeの拡張機能13選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
もしも、今まで1時間かけてやってきたことがたったの15分でできるようになったら、凄くありがたいですよね。余った45分間で世界を変えられるかもしれません。時は金なりです。ということで今回は、一気に作業の効率化を図れるGoogle Chromeの拡張機能を調べてみました。 特に役に立つなと思い、神に感謝したものを13個ご紹介します。 効率化の化身！おすすめChrome拡張機能13選 1. ページ全体のキャプチャに便利！ - Awesome Screenshot Awesome Screenshot みなさんはページキャプチャに何のツールを使っていますか？ OS標準のスクリーンショット？ それともSkitch？ これらのツールを使っているとページ全体のキャプチャが出来ず困ってしまうことがありますよね。そんなときにこの拡張機能が入ってると便利です。本当にありがとうございます！ できること Webペ
英語学習者の強い味方、英文チェックツールの「grammarly」が超優秀でオススメ！ | バンクーバーのうぇぶ屋
もしかしたら初めてYoutube広告に釣られたかもしれないと思ったんですが、先日Youtubeをなんとなく眺めていたらgrammarlyの広告が流れていたんですね。これ自体は結構前から知っていたWEBサービスで、英文の校正サービスとしては以前からあったんですね。ただ、英文チェックまでの過程が長かった。たしか以前は、英文アップロードして、チェックして、評価して、内容確認してと、なんか色々面倒なイメージがあったんですね。実際そうだったと思うし。 なので「今さらYoutube広告打ったのかね」と一瞬思いはした物の、その広告がやたら毎回英文チェックめんどくせぇの心を擽るくらい良く出来ていたので、まんまと釣られて使ってみたという流れです。 それがまぁ、以前の原型なんてとどめて居ないくらいに進化していたので、今日はここで共有させて頂こうと思います！ 凄まじく進化した英文チェック工程と精度 とりあえず、
vivliostyleを使う - Qiita
vivliostyleって？ ビブリオスタイル社の提供するcss組版システムです。 例えばhtmlをだらーっと書いてvivliostyleに通すとA4サイズのページに整形されて出てきてpdfで保存、そのまま印刷できたりします。 まだアルファ版なので長い目で見ようと思ってたらこいつが現状でも他ツールでできないことをバカスカやってのけるモンスターだったんですよ。 しかも筆者ライアーノーズは趣味でDTPもどきを色々やっては挫折してきたのですが、vivliostyle(+pandoc markdown)はちゃんとしたドキュメントがほぼ無い現状でも、挫折することなくなんとか公開できるくらいのpdfを作ることができたので相当学習コスト・導入コストが低いツールであると断言できると思います。 [参考]これまでの挫折遍歴 vivliostyleと受け持つ範囲が違うツールもありますが。 MS PowerPoi
Web担当者向け厳選Google Chrome拡張機能 | LISKUL
ブラウザのひとつであるchromeには、リスティング広告やSEOなどを実施する上で作業効率や効果が大きく変わる拡張機能（アドオン）があります。 今回は、その拡張機能を徹底比較しながらご紹介します。 例えば、こんなことを思ったことはありませんか。 参考になるランディングページのキャプチャを残しておきたい競合サイトのSEO状況を知りたい携帯から見たときどんなふうに写るのかチェックしたい自社広告のリンク先を確認したいけど、クリックはしたくない・・・これらすべて、Chromeの拡張機能で解決することができます。 中には、もうすでに「どれも拡張機能で対応しているよ」という方もいらっしゃるかもしれません。 ただ、どれが自分にとって一番いい拡張機能かはご存知でしょうか。 今回は様々な拡張機能を徹底比較するので、ぜひご一読ください。 ランディングページの保存なら Awesome Screenshot自社の
業務スピードが上がる！Google Chromeのおすすめ拡張機能9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。GoogleChrome（グーグル・クローム）をこよなく愛する男、鮫島です。 仕事でもプライベートでもChromeを使いまくっているのですが、今回は超絶便利なChromeの拡張機能（エクステンション）をいくつかご紹介します。 これを全て使いこなせれば、業務の効率は確実に上がるので、特にWeb制作のディレクターの方にオススメですよ！ もちろんディレクター以外の人も使える拡張機能はたくさんあるので参考になれば！ そもそもGoogleChromeの拡張機能（エクステンション）ってなんなの？ 一言で言うと、Chromeに機能を追加するためのもの。Chromeにはいろいろな拡張機能が用意されていて、インストールすると、ページ全体のキャプチャを撮ったり、不必要な広告をブロックしたりする機能を追加できます。GoogleChromeのデフォルトの機能で物足りない方にオススメです。人によっては、
タスク管理ツール「Trello」をもっと便利にするChrome拡張機能まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは段田です。 最近、タスクツールの「Trello」を使い始めました。 このツール、付箋を使うような管理方法で直感的に使いやすく、かなり良いタスクツールです。 ※あくまで個人の感想です。 また、TrelloはChromeブラウザの拡張機能で機能を追加することができ、タスク管理の手助けになります。 そこで、今回はTrelloを使うときにおすすめしたいChromeブラウザの拡張機能を紹介したいと思います。 Trelloとは？ 簡単にTrelloの説明をします。 https://trello.com/ Trelloは、海外製の無料タスク管理ツールです。 個人はもちろんチームでの利用も可能で、タスクを複数人で共有することもできます。弊社でも一部チームではTrelloでタスク管理してたりします。 PCはWebブラウザから利用でき、スマホの場合でもiPhoneとAndroidでそれぞれアプリが用
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
YouTube再生前に表示される広告を簡単にブロックする方法が凄い！｜男子ハック
@JUNP_Nです。YouTubeの動画を再生するまえに「あと◯秒でスキップできます」という広告動画を簡単にスキップする方法がライフハッカーに紹介されていました。 こんなに簡単に広告非表示に！再生前に表示される広告動画が表示されなくなった！ライフハッカーに紹介されていた方法はコマンドを1行追加するという方法。 便利なのが、MacでもWindowsでも大丈夫。ChromeでもFirefoxでも大丈夫という点。早速Mac/Chromeで試してみました！ まずはYouTubeの動画ページを開きます。すると広告動画が流れてきます。 YouTubeの動画ページを開いたらコマンドを入力します。コマンドを入力するために開発者コンソールを開きます。 Macで開発者コンソールを開く方法Chromeの場合：Command+Option+JFirefoxの場合：Command+Option+KWindowsで開
Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Web屋ならチェックしておきたい！作業効率が激変するChrome DevToolsの便利な使い方まとめ こんにちは、デザイナーの王です。 今回の記事では、ChromeのDevTools（デベロッパーツール）について、「多分、周知されていないけど、使わないともったいない！」的な機能を紹介させて頂きたいと思います。 フロントエンジニアにも、デザイナーにも、きっと効率アップに繋がる小技が見つかるはずです。 開発者なら「Chrome Canary」を使おう！ みなさんはChrome Canaryを使っているんでしょうか？一般向けにリリースされている安定版であるChromeより、ほぼ毎日アップデートしている「Canary」ビルトを選ぶ理由があります。 それは、開発者向けの新機能がいち早く利用できるからです！リリースがノロノロしているChromeを使ってたら、いつまでも最新の便利な機能の恩恵が受けられ
ズレる・ハマるChromeのページ印刷トラブルへの対処法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。毎日、1pxに泣いているライターの内藤です。 最近、webページ印刷に関してChromeでハマったことについて3つ書きたいと思います。 Chromeでの印刷に備えてcssスプライトに1pxの余白を足そう ボタンのロールオーバーなどでよく使いますよね、こういうの。 【css】 a { display: block; width: 236px; height: 109px; overflow: hidden; } a:hover img { margin-top: -109px; } 【html】 <a href="#"><img src="common/img/top/ban_blog.png" width="236" height="218" alt="button" /></a> ね、ね、やりますよね？ ところが･･････ Chromeの印刷プレビューではズレる お客さん「
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kandeza.com
ブラウザ上で動くイラストレーターのOSS「mondrian」:phpspot開発日誌