URLに2文字加えてGitHub上のWebページやコードをVSCode風のUIで表示する・「github1s」
github1sはURLに2文字加えてGitHub上のWebページやコードをVSCode風のUIで表示するWebアプリです。 https://github.com/conwnet/github1s例えば上のようなURLを https://github1s.com/conwnet/github1sというように、github.comをgithub1s.comとするだけでVSCode風のUIでGithubを閲覧できるようになる、というもの。昔別の用途ですが似たようなものがありましたね。Youtubeをなんか便利にする、みたいなのだった気がする。 各ブラウザのエクステンションも用意されていますが、前述のようにGithubのドメインに1sを加えるだけなので無くても良さそうですね。 勿論ツリーもコードもVSCodeライクになりますのでユーザーの方なら見やすくなるかもしれませんね。こちらのアプリはOSS
無料＆超簡単にパスワード付きのURLを作成できるオープンソースなウェブサービス「Link Lock」レビュー
DropboxやGoogle Driveといったクラウドストレージにアップロードしたデータを共有する場合など、URLを誰かに伝えることは日常的な行いです。無料で公開されているオープンソースサービス「Link Lock」を使うと、簡単にURLにパスワードをかけることができます。 Link Lock - Password-protect links https://jstrieb.github.io/link-lock/create/ GitHub - jstrieb/link-lock: Distributed application to password-protect URLs using AES in the browser https://github.com/jstrieb/link-lock さっそくウェブサイトにアクセスすると、URLやパスワードを入力する画面が表示されます。
無料でウェブページ、写真、ファイルなどをオンライン上で管理して他人と共有できるウェブアプリ「Pearltrees」を使ってみた
自分が興味のあるウェブページ、インターネット上の写真や、ローカルのファイル、PDF形式の文書など、さまざまなコンテンツを「アイコン」の形で1つのページにまとめて保存できるのが「Pearltrees」です。自分だけのコレクションが作って他人と共有できるウェブアプリとのことなので、実際に使ってみました。 Pearltrees https://www.pearltrees.com/ まずは上記のURLから公式ページにアクセスして、アカウントを作成します。Twitterアカウント・Facebookアカウント・Googleアカウントでもログインが可能ですが、今回はアカウントを作成することにします。アカウント名・メールアドレス・パスワードを入力して、「join」をクリック。 アカウントのプランを「Public」(無料)、「Personal」(月間2.99ドル・約331円)、「Advanced」(月間4
HEY META - Website Meta Tag Check
Why your website should have meta tags? Your website visitors are visual beings (with the exception of robots). When they see the awesome content, product, video, or all of the other cool things they discover on there, they will share it. Now how great would it be if that wasn’t just a plain link in the message, post, comment or tweet but a quick preview of your awesome stuff? Meta tags enable sea
ウェブページにコメントやハイライトを付けて他人と共有できる「Hypothesis」を実際に使ってみた
ウェブサイトの文章を読んでいると、分からなかったことや疑問に思ったことをメモしたり、誰かに聞いてみたりしたいと思うことがあります。そんな時にウェブページ上の任意のテキストに対し、自由に「ウェブ・アノテーション」を付与＆閲覧ができる「Hypothesis」を実際に使ってみました。 Hypothesis – The Internet, peer reviewed. https://web.hypothes.is/ 本来「アノテーション（Annotation）」とは英語で「注記、注釈」という意味を持ちますが、ここでのアノテーションとは注釈だけにとどまらず、ハイライトやタグ付けなどの情報も含む広い意味を持ちます。テキストや動画、画像などのデジタルコンテンツに、作者や管理者以外もアノテーションをつけられるようにする枠組を「オープン・アノテーション」と呼び、この枠組をインターネット上に応用し、ウェブサ
Webページの表示が早くなる！既存ページのクリティカル レンダリング パスを最適化するオンラインツール
スタイルシートを外部ファイルで管理されている人が多いと思います。しかし、最近では上部のコンテンツを表示するためのスタイルシートをインラインで記述し、残りは後にロードさせ、ページの表示を早くしているサイトが増えてきました。 Googleなどでも積極的に採用されているテクニックです。 既存ページのクリティカル レンダリング パスを改善するためのスタイルシートを簡単に生成できるオンラインツールを紹介します。 ※秒数は目安です クリティカル レンダリング パス(Critical Rendering Path)とは、ブラウザがページを表示する際にサーバーからHTMLのレスポンスを受け取ると、スクリーンにピクセルが描画されるまでに多くのステップが必要になり、この時にブラウザがページの最初のペイントを実行するために必要とするシーケンスのことです。 クリティカル レンダリング パスについて詳しくは、下記を
こんなツールがあったのか！Webページが世界各地でどのように見えるか、位置情報を使ったコンテンツも確認できる -Geo Screenshot
Webページが世界各地のブラウザでどのように見えているか、位置情報を使ったコンテンツのローカライズ、コンテンツが国によってフィルタで妨げられていないかなどを確認できる無料オンラインツールを紹介します。 対応都市の一覧 ワールドワイド ローケーション 世界各地65ヵ所以上のデータセンターに対応。 結果はすぐに サーバーのクラスタはキューを使わずに、直ちにスクリーンショットを生成。 Webkitエンジン レンダリングには、WebFonts/CSS3をサポートしたWebkitエンジンを使用。 マルチデバイス 多数の異なる解像度のデバイスをサポート。 ローカライズ HTTPヘッダーに含まれる言語指定、多言語フォントのサポート。 API スクリーンショットを処理するバッチのAPIを提供。 単に世界各地でどのように見えるかだけでなく、Geo Location（位置情報）を使ったサイトの確認にも役立ちま
スマホ向けサイトのアドレスを入力するだけで100点満点中何点かを表示するGoogleの「Mobile Website Speed Testing Tool」公開
スマートフォンやタブレットなどモバイル端末の普及に伴い、モバイル端末でウェブサイトを閲覧するユーザーの割合が増加していることを受けて、Googleがウェブサイト制作者向けに「ウェブサイトがどのくらいモバイルフレンドリーか」を測定できるサービス「Mobile Website Speed Testing Tool」を公開しています。 Mobile Website Speed Testing Tool - Google https://testmysite.thinkwithgoogle.com/ Mobile Website Speed Testing Toolは、Googleの既存のサービス「PageSpeed Insights」を使い、スコアをより分かりやすく表示したもの。ウェブサイトを分析するには、URLを入力して「TEST NOW」をクリックするだけです。今回はYahoo! JAPAN
ウェブページの重さを計測して高速化に向けたアドバイスをくれる「imgix Page Weight Tool」
ウェブサイト上に画像をアップロードする際、複数サイズの画像を用意したりファイルフォーマットを変換したりすることで、少しでもファイルサイズを小さくしてサーバーに負荷がかからないようにしますが、こういった地味な作業は取り扱う画像の数が多くなれば多くなるほど面倒になっていくものです。そんな画像加工関連の処理を自動かつリアルタイムで行ってくれるサービスが「imgix」で、ウェブページを表示する際に重要な「ページの重さ」を計測してくれるサービス「imgix Page Weight Tool」を提供しているので実際に計測してみました。 imgix Page Weight Tool • Learn how to improve your site or app’s speed. https://pageweight.imgix.com/ 「imgix Page Weight Tool」の使用方法はとても
スクリーンショットにコメントをつけてシェアできるツール
2017年11月23日 便利ツール Webサイトに修正指示を出す時、どんなツールで、どのようにシェアしていますか？該当ページのスクリーンショットを撮影し、その画像に指示を入れていく…という方が多いかな、と思います。今回はWebサイトの制作者のみならず、制作者に指示をだす人や、クライアント側も使える、修正指示がグンと楽になりそうなツールをいくつか紹介します！ ↑私が10年以上利用している会計ソフト！ AUN[あうん] AUN[あうん]はふせん紙の感覚でWebサイトや画像にコメントを残し、共有できるツールです。登録不要！無料で気軽に利用できるところが魅力的。対象となるWebサイトのURLを入力するだけでスクリーンショットを撮影でき、指示やコメントを残していけますよ。さっそく試してみましょう。 サイトからURLを入力し、読み込みが終わると、画面をトリミングするかどうかの選択画面が表示されます。読
こいつぁ便利ね…！他サイトの記事紹介リンクをかっこ良く作成してくれる「Embedly」
人様のブログや他サイトの記事を紹介するためにいろんな方法をとっておりましたが、@shintarowfresh さんの最近捗ったweb系のあれこれって記事で知ったEmbedlyというサービスがなかなか良かったので導入＆カスタマイズしてみました。 Embedly 外部サイトを紹介するのに便利なEmbedlyの使い方 まずはこちらのページへGO。 ブックマークレットをブックマークバーにぶち込みます。 これで準備は完了。あな簡単し。 あとは紹介したいページにアクセスして、先ほど登録したブックマークレットをクリックすると… いいじゃない！下部のソースコードを貼り付ければおしまいです。 できあがりは↓こんな感じ。 ホント買って良かったこのレンズ！Sonnar T* FE 55mm F1.8 ZA（SEL55F18Z）実写レビュー レスポンシブ対応ですし、使い方も非常に簡単。こいつぁ便利ですね！ 最近捗
Magic Mockups • Free real-life mockup generator
Follow and get notified when new environments are added: Do you like this project? Tell your friends.
Typ.io | Useful typography | Typ.io
We're revealing designers' decisions for all to see; peeking under the hood of beautiful websites to find out what fonts they're using and how they're using them. This month the fonts Lora, Founders Grotesk, Brandon Grotesque, Poppins and Greycliff CF are all proving popular. There have been a bunch of sites relating to business, vc, investment, government and health. Out of the font services we t
URLだけでサイトのスクリーショット（サムネイル）を表示できるAPIまとめ | QWERTY.WORK
サイトのサムネイルに『Mozshot』を使っていましたが、使用者が多いせいか最近は画像が重たくてページの表示が最近遅いです。でも、こういったサービスは便利なので、他にないか探してみました。 wordpress.comのAPI エンコードしたURLを指定します。「w」パラメータで画像の幅を自由に指定できWordpressのプラグインではないので、Wordpressを使用していないサイトでも使えます。 https://s.wordpress.com/mshots/v1/https%3A%2F%2Fja.wordpress.com?w=250 【サンプル】wordpress.com のスクリーンショットを幅250pxで取得してみました。 WordPressのプラグインは以下があり、ショートコードでサムネイル表示できるので便利です。 Browser Shot BM Shots HeartRails
Red Pen
From the beginning, our goal has been to make collaboration super-fast. No matter where your colleagues are in the world, if you work with visuals we’ll help you collaborate with your team effortlessly. Explain your thinking Point and click to give feedback. Everyone sees comments live as they happen. And we’ll show you who has the page open. It feels just like they’re standing next to you, withou
指定したウェブページをまるごとPDF化してくれるウェブサービス「PDF Burger」 | ライフハッカー・ジャパン
PayPayカードのメリット・デメリット|怖いと言われる理由と評判レビュー。ゴールドと一般どっちがおすすめ?
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
URLを入力すると、そのWebページの全体スクリーンショットを撮ってくれる・「Fullpagescreencapture.com」
レスポンシブの確認が快適に！ブラウザやOSを問わず各デバイスをシミュレートしてWebページを表示できるオンラインサービス
これはスゴイぞ！Bootstrapのページ作成が積み木感覚で簡単にできてしまうジェネレーター -lollytin
IDEA * IDEA
