並び順

ブックマーク数

期間指定

  • から
  • まで

121 - 160 件 / 166件

新着順 人気順

便利サイトの検索結果121 - 160 件 / 166件

  • ブラウザー「Smooz」がサービス終了、同じ運営元の「在庫速報.com」もアクセス不能に?【やじうまWatch】

      ブラウザー「Smooz」がサービス終了、同じ運営元の「在庫速報.com」もアクセス不能に?【やじうまWatch】
    • 任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリ・「CSS Code Quality」

      CSS Code Qualityは任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリです。JavaScriptで書かれています。 解析したいCSSを利用しているWebサイトのURLを入力すると自動で解析し、メンテナンス性、複雑さ、パフォーマンスの3項目をそれぞれスコアリングし、その内訳レポートを提出してくれます。 大きくスコアを下げる要因は赤、出来るだけ改善すべき要因はオレンジのラインが引かれます。レポートはその場に表示されますがJSONでも提供してくれます。直接CSSコードを貼り付けてチェックする事も可能です。 CSSの最適化や改善作業などを手助けしてくれそうですね。ライセンスはMIT。 CSS Code Quality

        任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリ・「CSS Code Quality」
      • 最近のWeb制作に役立つ、CSSの便利ツール総まとめ

        最近のWeb制作に役立つ、CSSの便利ツールをまとめました。 CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美しいシャドウやグラデーションを生成するツール、色選びや配色に役立つツール、コピペで利用できるボタン、可変のフォントサイズ、CSSアニメーション、コードの管理・品質・デバッグに役立つツールなど、もりだくさんです。 CSS Layout Generator Webサイトでよく使用される「ヘッダ・メイン・フッタ」「ヘッダ・サイドバー・メイン・フッタ」「カード型」「サイドバー」などのレイアウトを確認しながら、CSSのコードを生成できる無料オンラインツール。以前紹介したときは、CSS Gridのみでしたが、Flexboxにも対応しました。

          最近のWeb制作に役立つ、CSSの便利ツール総まとめ
        • クリエイターの作業をラクにする最新Web、オンラインツール33個まとめ

          クリエイターの作業をラクにする最新Web、オンラインツール33個まとめ これからはこれだ、次世代の便利ツールが大集合 「こんなツール、あったの?」と思ってしまう、話題の最新オンラインツールをまとめてご紹介します。 デザインのインスピレーションが欲しいときや、やりたくなり面倒な作業を一発完了したり、時短にもつながる便利ツールが揃います。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. デザインツール 2. Webデザイン便利ツール 3. モックアップ・UIツール 4. アイコンツール 5. クリエイティブ・面白ツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ デザインツール Ukiyoe Stock 4,200以上の和風、浮世絵イラスト素材を集めたサイト、他の無料イラストサイトと一緒にいかがでしょう。 Palet

            クリエイターの作業をラクにする最新Web、オンラインツール33個まとめ
          • 【やじうまミニレビュー】 eMeetから突如現れた、3,000円の格安ダイヤル型コントローラ「eMute」。どれだけ使えるのか

              【やじうまミニレビュー】 eMeetから突如現れた、3,000円の格安ダイヤル型コントローラ「eMute」。どれだけ使えるのか
            • スマホがスリープすると照明のリモコンが使えなくなる!?意外な相性問題の話 - まだへいき!

              LEDシーリングライトのリモコンが突然使えなくなった! トラブルシューティング 本体が故障していないか確認 リモコンが故障していないか確認 設定の確認 意外な原因 解決 まとめ LEDシーリングライトのリモコンが突然使えなくなった! LEDシーリングライトのリモコンが突然反応しなくなりました。二ヶ月前に買ったばかりなのに! sunoho.hatenablog.com 夕方に照明を点けたときは普通に使えて、深夜になって寝るのに照明を消そうとしたら消せませんでした。消せないどころか、調光も調色もなにもできません。どうして……。 買ったばかりのLEDシーリングライトのリモコンが効かなくて泣いてる— すのほ (@sunoho) 2023年11月15日 トラブルシューティング 仮に故障だとしてもまだ保証期間内なので修理なり交換なりはしてもらえるはずですが、ひとまずトラブルシューティングをやっていきま

                スマホがスリープすると照明のリモコンが使えなくなる!?意外な相性問題の話 - まだへいき!
              • トップページ | 著作権契約書作成支援システム

                画面の案内にしたがって項目を入力・選択することで、著作権等に関する契約書の案(ひな型)を作成することが出来ます。[ 注意事項 ]をお読みの上、必要な契約書の種類をお選びください。 システムの趣旨 昨今のデジタル化・ネットワーク化の進展に伴い、著作物の利用形態も多様化しており、従来は一次利用のみと考えられていた講演や実演についても、ウェブサイトでの提供や電子媒体での配布のように二次利用で用いられる場面が増えてきています。 しかしその一方で、一般の方々の間で行われる著作権等に関する契約については、依然として口頭による契約が多く、その後の多様な著作物等の利用に際してトラブルが発生する場合も見られます。 文化庁では、一般の方々を対象者とし、いくつかの利用場面について、著作権等に関する一般的な契約書式のひな型を調査・研究し、文化庁のウェブサイトを通じて公開し、文書による契約を推進することとしています

                • Googleの「Cloud Run」が正式サービスに。KnativeベースでDockerコンテナをサーバレスとして実行

                  Cloud RunはHTTPでアクセス可能なステートレスなサービスを提供するコンテナを、サーバレス環境で実行可能なサービスです。 すなわち、負荷がない場合にはサービスはまったく起動されず、負荷に応じて自動的にスケール。Dockerコンテナであれば、どんな言語で作られたサービスであっても関係なく利用できます。 課金もおよそ100ミリ秒ごとに、起動しているサービス数などによって計算されます。 また、Cloud RunはKubernetes上でサーバレスコンピューティング環境を実現するフレームワークとしてGoogleがオープンソースとして開発しているKnativeをベースにしています。 Anthos Cloud Runによりマルチプラットフォーム上でサーバレス Googleは、Kubernetesをクラウド基盤の抽象化レイヤとして用いることで、コンテナ化したアプリケーションをオンプレミスとクラウ

                    Googleの「Cloud Run」が正式サービスに。KnativeベースでDockerコンテナをサーバレスとして実行
                  • コピペ一発!便利なCSSレイアウト生成ツールおすすめ12選(Grid & Flexbox編)

                    あなたが、いま実装しようとしているレイアウトは、おそらくCSSで実現できるでしょう。 ただし日常の業務をこなしながら、日々進化するCSSの最新テクニックを習得するとなれば、話はまったく別です。 仕事で使えるCSSの技術を、時間をかけて学ぶよりも、ボタンやドラッグ&ドロップ操作で、思い通りのレイアウトを自動で生成できる「ジェネレーター(英: Generator)」を活用してみましょう。 新しいプロジェクトにコピー&ペーストで利用でき、瞬時に思い通りのレイアウトを作成、はじめてのひとにもオススメの時短ツールを厳選しています。 コピペ一発!便利なCSSレイアウトジェネレーターおすすめ12選(Grid & Flexbox編) ここでは、CSS Grid と Flexbox で表現できるレイアウト用ジェネレーターと便利なリソースを一緒にまとめてご紹介します。 Layoutit! grid-templ

                      コピペ一発!便利なCSSレイアウト生成ツールおすすめ12選(Grid & Flexbox編)
                    • 「彼氏が浮気してるっぽい…っ」というときはだいたいこれを使えば無事発見されます

                      定時ダッシュちゃん(マッチングアプリ婚) @teiji_oriental A子「彼氏が浮気してるっぽい…っ」 私「まじか…私達の出番よ!!いくぞ!彼の年齢、居住地、身長、職業と顔写真グループラインへ投下して!B子はぺアーズで検索!C子はomiai、東カレで検索!A子は彼の家行った時に、Tinderで設定距離2km以内でスワイプしまくれ!!」 だいたいこれで無事発見されます 2019-12-13 14:53:17 定時ダッシュちゃん(マッチングアプリ婚) @teiji_oriental 【ベストな検索すべきアプリの順番】 ・対象男性が高スペの場合 ①東カレ ②ペアーズ ③Tinder ・対象男性がロースペの場合 ①Tinder ②ペアーズ ③with ※東京近辺在住の場合 2019-12-13 15:02:12 定時ダッシュちゃん(マッチングアプリ婚) @teiji_oriental 【注意

                        「彼氏が浮気してるっぽい…っ」というときはだいたいこれを使えば無事発見されます
                      • GoogleフォームとGASを使って利便性高くセキュアな共有ドライブ運用を作る

                        注意事項 かなり高度なGASの使い方なのである程度GWS(Googleフォームやスプレッドシート)やGASをわかってる方前提で書いていますので結構省略しているとこも多いです。 あと作った後に手順を書いているのでなにか抜け漏れあったらごめんなさい。 まだ作ってみただけで実際に運用はしてないのでテスト等も不十分かも。運用してからまた追記します。 コードは直接スクリプトエディタでサクッと作ったサンプルです、実際はローカルでLintかけたりするのでインデントおかしかったりしても許してください。 背景 GWSを使う際にマイドライブで外部共有可能にするとやりたい放題なのでセキュアな環境とは言い難くなる。 また組織のファイルをマイドライブにおいてしまうとファイルオーナーが退職したときの扱いに困る。上長に移管したり、退職者アカウントに移管するのが一般的かと思うが、移管するということはマイドライブのファイル

                          GoogleフォームとGASを使って利便性高くセキュアな共有ドライブ運用を作る
                        • これは便利! HTMLはdiv要素一つ、あとはCSSをコピペするだけでさまざまな形状を簡単に実装できる -CSS Shape

                          HTMLはdiv要素一つだけ、あとはCSSをコピペするだけでさまざまな形状のシェイプを実装できるコードをまとめたCSS Shapeを紹介します。 さまざまな形状はdivだけでなく、imgで画像にも実装することもできます。 The Ultimate CSS Shapes Collection The Ultimate CSS Shapes Collectionを作成したのは以前紹介したCSS Loaders(紹介記事)やCSS Ribbon Shapes(紹介記事)と同じ作者で、前回はCSSで実装されたローダーとリボンでしたが、今回はさまざまな形状を実装するシェイプです。

                            これは便利! HTMLはdiv要素一つ、あとはCSSをコピペするだけでさまざまな形状を簡単に実装できる -CSS Shape
                          • 流出騒ぎのTrello、運営元が声明 「初期設定は『非公開』」「意図しない情報漏えいを止めるためサポート」

                            Trelloを巡っては4月5日深夜から6日の朝にかけて、個人情報が流出しているとネット上で注目を集めていた。閲覧設定を「公開」としていたことが原因とみられ、Twitterでは就活生の個人情報や銀行の暗証番号とパスワード、企業の顧客情報などが流出していると指摘されている。 関連記事 プロジェクト管理ツール「Trello」で運転免許証など個人情報流出 閲覧範囲の設定ミスが原因か 4月5日深夜から6日の朝にかけて、プロジェクト管理ツール「Trello」経由で個人情報が流出しているとする投稿がネット上で注目を集めている。閲覧設定を「公開」としていたことが原因とみられる。 Trelloでの個人情報流出、国が注意喚起 「公開範囲の設定確認を」 プロジェクト管理ツール「Trello」経由で住所氏名などの個人情報が流出していることに関し、内閣サイバーセキュリティセンター(NISC)が公式Twitterアカ

                              流出騒ぎのTrello、運営元が声明 「初期設定は『非公開』」「意図しない情報漏えいを止めるためサポート」
                            • 「Visual Studio Code」がインストール不要に。Webブラウザで動作

                                「Visual Studio Code」がインストール不要に。Webブラウザで動作
                              • ドラッグ&ドロップによるファイルコピーのわずらわしさを軽減してくれる「DropPoint」/狭いデスクトップや仮想デスクトップで威力を発揮【レビュー】

                                  ドラッグ&ドロップによるファイルコピーのわずらわしさを軽減してくれる「DropPoint」/狭いデスクトップや仮想デスクトップで威力を発揮【レビュー】
                                • Google、仕事メアドでWorkspace(旧G Suite)を無料で使える新プラン「Essentials Starter」

                                  米Googleは2月3日(現地時間)、「Google Workspace」(旧「G Suite」)の新無料プラン「Google Workspace Essentials Starter Edition」を発表した。Googleアカウントではなく、ユーザーが既に使っている仕事用メールアドレスで利用できる。日本でも向こう数週間中に利用可能になる見込みだ。 このプランは、仕事用メールアドレスでGoogle Workspaceアカウントを作成することで、無料で15GBのGoogleドライブ、Meet、チャット、ドキュメント、シート、スライド、カレンダーなどを使える。Gmailは使えない。共有できるのは25人まで。クレジットカードの登録は必要なく、完全に無料だ。ドライブやMeetの容量や利用時間を増やしたい場合や招待したい人数が増加した場合は有料プランに移行できる。 Googleは公式ブログで「Es

                                    Google、仕事メアドでWorkspace(旧G Suite)を無料で使える新プラン「Essentials Starter」
                                  • CSSのsubgridがすべてのブラウザにサポートされたので、カード内の見出しやテキストを簡単に揃えることができます

                                    先日の記事(Chrome 117でサポートされたCSSの6つの新しい機能とプロパティ)で触れましたがCCSS Gridのsubgrid値が、grid-template-columnsとgrid-template-rowsの2つで設定できるようになりました。Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できます。 CSSのサブグリッド(subgrid)を使用すると、下記のように子要素(画像・見出し・テキスト)の水平グリッドも簡単に揃えることができます。 CSSのサブグリッド(subgrid)で子要素のグリッドを揃える CSSのサブグリッド(subgrid)のサポートブラウザ デモページの解説 CSSのサブグリッド(subgrid)で子要素のグリッドを揃える 3つのカードがあり、それぞれに画像・見出し・テキストがあります。subgrid以前は、

                                      CSSのsubgridがすべてのブラウザにサポートされたので、カード内の見出しやテキストを簡単に揃えることができます
                                    • https://csslayout.io/

                                        https://csslayout.io/
                                      • 名前はまだないけれど……ログインなしで無料で使えるガントチャートサービスが登場【やじうまWatch】

                                          名前はまだないけれど……ログインなしで無料で使えるガントチャートサービスが登場【やじうまWatch】
                                        • Adobe、WebブラウザーでPDFが手軽に編集できるツール「Acrobat web」を提供開始/「.new」ドメインのURLでも利用が可能

                                            Adobe、WebブラウザーでPDFが手軽に編集できるツール「Acrobat web」を提供開始/「.new」ドメインのURLでも利用が可能
                                          • 香港の化学博士が発案、高機能DIYマスク「HK Mask」とは

                                            本コラムは、世界最長寿を突き進む香港の“ヘルスケア”事情を、現地在住13年の筆者に深堀りしてもらう連載ですが、番外編として筆者が見た香港における「新型コロナウイルス」対応の様子を数回に渡りお伝えしています。(Beyond Health編集部) ――前回の記事はこちら―― 前回まで2回にわたり、香港在住者からの視点で、日本と香港の社会制度の違いから来る新型コロナウイルス感染症への対応策の違いなどをレポートした。 3月9日には、日本政府がついに中国、韓国からの入国制限を開始。その際、他の多くの国では中国とは分けて扱われている香港とマカオが、今回「中国」の枠に含まれてしまい、2週間の隔離措置だけならまだしも、発行済みのビザの効力停止までが実施されるため、4月からの長期留学やワーキングホリデーなどを予定していた学生が行き場を失う事態が続出。日本からの食品輸入量が14年連続世界一である香港では、供給

                                              香港の化学博士が発案、高機能DIYマスク「HK Mask」とは
                                            • 【第5弾】少しのコードで実装可能な10のCSS小技集

                                              2023年9月7日 CSS CSS小技集シリーズの第5弾!「【第4弾】少しのコードで実装可能な10のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています!初心者さんからベテランさんまで要チェック! ↑私が10年以上利用している会計ソフト! 目次 ネストで親子セレクターを管理 チェックボックスやラジオボタンの色を変更 アスペクト比を指定する 新しいメディアクエリーの範囲指定方法 背面の要素をぼかす 要素を画面のど真ん中に固定表示 空の要素にスタイルをあてる 条件に合致しないセレクターにスタイルをあてる スムーススクロールのジャンプ位置 動いているCSSアニメーションを止める HTML・CSSの全コードは各サンプルの「HTML」や「CSS」タブを、別タブでのサンプル表示は右上の「EDIT ON CODEPEN」をクリックしてご覧ください! 1. ネストで親子セレクタ

                                                【第5弾】少しのコードで実装可能な10のCSS小技集
                                              • これは知っておくとかなり便利! details要素にname属性を与えると、連動して開閉するアコーディオンを実装できます

                                                <details>要素でアコーディオンを簡単に実装できますが、懸念点は複数のウィジェットが個別に開閉してしまうことです。1つ目を開いて、2つ目を開くと、1つ目は開いたままです。1つ目を閉じるには、1つ目をクリックして閉じる必要がありました。 しかし、<details>要素にname属性を与えると、すべてのウィジェットを連動して開閉させることができます。1つのウィジェットだけを開くことができる排他的アコーディオンをHTMLとCSSだけで実装する方法を紹介します。 Exclusive Accordion by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 アコーディオンの実装 1つのウィジェットだけを開くことができる排他的アコーディオン 排他的アコーディオンのポリフィル アコー

                                                  これは知っておくとかなり便利! details要素にname属性を与えると、連動して開閉するアコーディオンを実装できます
                                                • これは簡単で便利! レスポンシブ対応のフォントサイズをCSSのclamp()関数で定義できるツール -Type Fluidity

                                                  フォントサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィです。CSSのclamp()関数を使用するとフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのスクリーンサイズが増えた現在に欠かせないテクニックです。 CSSでレスポンシブ対応のフォントサイズを超簡単に定義できるオンラインツールを紹介します。 Type Fluidity -GitHub Type Fluidityの特徴 Type Fluidityの使い方 Type Fluidityの特徴 流体タイポグラフィ(Fluid Typography)は、フォントサイズをレスポンシブ対応にする最新テクニックです。さまざまなスクリーンサイズに応じて固定値を定義する代わりに、CSSで単一の流体値を定義して、フォントの最小値と最大値の中でスクリーンサイ

                                                    これは簡単で便利! レスポンシブ対応のフォントサイズをCSSのclamp()関数で定義できるツール -Type Fluidity
                                                  • Windows 10をより使いやすくするMicrosoft製ツール「PowerToys」とは

                                                    FancyZonesによるウィンドウ配置画面 FancyZonesは、ウィンドウの位置をあらかじめ作成したゾーン位置にレイアウトしていく「ウィンドウマネジャー」。シフトキーを押しながらウィンドウをドラッグすると、ゾーンが表示され、配置先のゾーンが青く表示される。マウスボタンを離せばウィンドウはゾーン位置に配置される。 Windows 10でウィンドウを左半分や右半分などに自動配列するデスクトップマネジャー「Aero Snap」は便利なものの、縦方向には配列できないなど、不便な点もある。また、エクスプローラーではファイル名の一括変更が面倒など、Windows 10にはまだまだ改善の余地がある。 ただ、こうした不便な点は、さまざまなベンダーやフリーソフトウェアで提供されているユーティリティーソフトウェア(ツール)を使うことで改善できる。とはいえ、サードパーティー製のユーティリティーソフトウェア

                                                      Windows 10をより使いやすくするMicrosoft製ツール「PowerToys」とは
                                                    • 科学的根拠あり。朝3分・夜3分で幸せを実感できる「6ミニッツダイアリー」の効果 - STUDY HACKER(スタディーハッカー)|社会人の勉強法&英語学習

                                                      不幸ではないし不自由もないけれど、なんだか満たされない。仕事は順調だけれど、成功に向かって頑張れば頑張るほど、いつまでも満足できない感じがする。 そんなモヤモヤを抱えているあなたは、「いまある幸せ」を見落としているのかもしれません。 忙しいだけの毎日でポジティブな気持ちをもてない人には、日々に隠れた幸せに気づける「6ミニッツダイアリー」がおすすめです。その効果を、筆者の実践例とともにお伝えしましょう。 世界中で大ブームの「6ミニッツダイアリー」とは 6ミニッツダイアリーとは、朝3分、夜3分で書く日記のこと。朝に3つ、夜に3つの質問に、各1分で答えるだけなので、計6分間という短時間で書けるのが魅力のひとつです。 この日記の提唱者は、出版社UrBestSelfのCEOドミニク・シュペンスト氏。カンボジア留学中に遭った大事故で脚に重傷を負い、これまで当たり前だったことが当たり前でなくなったことで

                                                        科学的根拠あり。朝3分・夜3分で幸せを実感できる「6ミニッツダイアリー」の効果 - STUDY HACKER(スタディーハッカー)|社会人の勉強法&英語学習
                                                      • GifCapture - デスクトップ操作をアニメーションGIF化

                                                        アニメーションGIFはとても使い道が多いです。動画だとついつい冗長的になってしまいがちですが、アニメーションGIFはハイライト部分だけを切り出して作られています。面白い部分だけが繰り返し再生され、音声もないとあって、面白さが増幅します。 そんなアニメーションGIFをデスクトップで手軽に作成するソフトウェアとしてGifCaptureを紹介します。 GifCaptureの使い方 起動すると枠だけが表示されます。この部分が録画されます。 設定は保存場所だけ。 保存すると通知が送られてきます。 個人的にはLICEcapをメインで使っていますが、GifCaptureは同じような使い勝手のソフトウェアになります。LICEcapがちょっと機能が追加されて複雑になった気がしますが、GifCaptureはシンプルなままです。好みによりますが、個人的にはGifCaptureのが好きです。 GifCapture

                                                          GifCapture - デスクトップ操作をアニメーションGIF化
                                                        • Webデザイン制作が変わる!便利な最新オンラインツール45個まとめ

                                                          この記事では、Webデザインやグラフィックデザインの制作スピードが爆速になる、便利な最新オンラインツールをまとめています。 うまくツールやサービスを利用することで、時間や労力の必要な作業もラクラクこなし、よりプロジェクトを円滑にすすめることができるでしょう。気に入ったツールを制作ワークフローに取り入れ、さらなる制作スピードアップを目指しましょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. イラスト系ライブラリ 2. Web制作お役立ちツール 3. モックアップツール 4. デザインからコードへの変換ツール 5. プロトタイプツール 6. アイコン素材パック 7. デザインコレクション 8. 面白ツール Webデザイン制作が変わる!便利な最新オンラインツールまとめ イラスト系ライブラリ Fresh Folk スタイリッシュなイラストを作成で

                                                            Webデザイン制作が変わる!便利な最新オンラインツール45個まとめ
                                                          • CSS Gridの便利な無料ツールが登場! レイアウトを確認しながら、コードを生成できる -CSS Grid Generator

                                                            最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介します。 使い方は非常にシンプルで簡単、生成されるコードもシンプルでさまざまなプロジェクトで利用できます。 CSS Grid Generator Bento UIの実装については、Bento UIとはパネルが伸び縮みしながら配置が入れ替わるお弁当箱みたいなUIをご覧ください。 CSS Grid Generatorは、CSS Gridで実装するレイアウトのコードを簡単に生成できるオンラインツールです。このジェネレーターを使用すると、列数・行数・ギャップサイズを設定し、自由にレイアウトを構築できます。

                                                              CSS Gridの便利な無料ツールが登場! レイアウトを確認しながら、コードを生成できる -CSS Grid Generator
                                                            • これはすごい便利! HTMLはdiv一つ、あとはCSSをコピペするだけで500種類以上のローダーが簡単に実装できる -CSS Loaders

                                                              HTMLはdivたった一つ、あとはCSSをコピペするだけで約580種類のローダーを実装できるCSS Loadersを紹介します。 ローダーは、バーやドットのシンプルなアニメーションから他ではあまり見ない面白いものまであり、ローダーを探すときはここをチェックすることをお勧めします。ローダーが不要な人でもCSSアニメーションを楽しめると思います。

                                                                これはすごい便利! HTMLはdiv一つ、あとはCSSをコピペするだけで500種類以上のローダーが簡単に実装できる -CSS Loaders
                                                              • Excelにインターネットからデータを取り込むサイト | ExcelAPI

                                                                Excelにインターネットからデータを取り込むサイト

                                                                  Excelにインターネットからデータを取り込むサイト | ExcelAPI
                                                                • いいね欄を公開する

                                                                  Twitter でいいね欄が全員非公開になってしまった。 わたしはブラウザの Location Bar に tw なり x. なりを入力すると …/likes な URL がいくつかならぶ程度には他人の Likes をたくさん巡回していたし、なんなら相互に Likes 見てるな…という関係もある程度には Likes タブに依存してついった〜を楽しんでいたので大変悲しいニュースだった。 自分が読んでいたアカウントの皆さんが追従するかはともかくとして、一旦自分の Likes を公開する手筈を考えて https://like.sorah.jp/ としてデプロイした。 https://github.com/sorah/publikes にコードを置いてあるので、お手元の AWS アカウンへ terraform apply をすればみなさんも追従できます。 いいねしたツイートを集める 類似事例では

                                                                  • WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できる -Akar Icons

                                                                    アロー・ホーム・サーチ・カート・メール・ソーシャルメディア・ハートをはじめ、WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できるAkar Iconsを紹介します。 コピーしたSVGコードはHTMLに貼り付けて使用してもよし、Adobe XD, Figma, Sketchなどでも利用できます。 Akar Icons Akar Icons -GitHub Akar Iconsには現在、283種類のアイコンが揃っています。少し丸みを帯びたシンプルなデザインは、非常に使い勝手がよいと思います。MITライセンスで、商用プロジェクトでも無料で利用できます。

                                                                      WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できる -Akar Icons
                                                                    • Visual Studio Code for the Web

                                                                      Build with Visual Studio Code, anywhere, anytime, entirely in your browser.

                                                                      • 2つのページのはてブコメントを比較するツール | はてなスターウォーズに勝ち残るためのツールその27

                                                                        2つのページのはてブコメントを比較するツール URLその1 URLその2 チェック開始 スポンサードリンク http://hitsusya.com/abe-munou と https://www3.nhk.or.jp/news/html/20200227/k10012304751000.htmlの共通ブックマーカー name スポンサードリンク

                                                                        • 【あつ森】カブ価予測ツール【あつまれどうぶつの森】| hyperWiki

                                                                          あつ森(あつまれどうぶつの森)のカブ価の変動を予測ツールです。カブの買値と売値を入力することで、今後の株価の変動を予想します。カブの最適な売りどきを見つけるのに活用してください。 カブ価予測ツールについて 入力された値をもとに1週間のカブ価の変動を予測して表示します。 入力されたカブ価が正しければ正確な変動の範囲を出力します。(Ver2.0.5で確認) 表示される結果はあくまでも「予測」なので売買で出た損益については保証しません。 使い方 まずは日曜午前にウリから購入したカブ価を「ウリ売値」に入力します。(必須) 次に月曜~土曜の午前と午後のカブ価を入力していくと予測結果を絞り込んで表示します。 先週の変動タイプが分かる場合は「変動タイプ」を選択します。(分からない場合は不明を選択) 「リセット」を押すと入力が全てリセットされます。 予測結果はカブ価を入力したあとフォーカスが外れるか、「結

                                                                            【あつ森】カブ価予測ツール【あつまれどうぶつの森】| hyperWiki
                                                                          • Web制作にすごい役立つ!無料で使える便利なオンラインツールのまとめ -Tiny Helpers

                                                                            CSSやHTMLやJavaScriptをはじめ、カラーやフォントやアクセシビリティなど、Web制作時に役立つオンラインツールをまとめたTiny Helpersを紹介します。 無料で利用できるツールがまとめてあるので、非常に便利です。

                                                                              Web制作にすごい役立つ!無料で使える便利なオンラインツールのまとめ -Tiny Helpers
                                                                            • 【特集】音声合成ソフトの進化がすごい!無料で使えるVOICEVOXや有料のVOICEPEAKを試してみた - PC Watch

                                                                                【特集】音声合成ソフトの進化がすごい!無料で使えるVOICEVOXや有料のVOICEPEAKを試してみた - PC Watch
                                                                              • Windows 11で iMessageが使えるiPhone連携機能「Phone Link for iOS」提供開始。導入と使いかた | テクノエッジ TechnoEdge

                                                                                著書に『宇宙世紀の政治経済学』(宝島社)、『ガンダムと日本人』(文春新書)、『教養としてのゲーム史』(ちくま新書)、『PS3はなぜ失敗したのか』(晋遊舎)、共著に『超クソゲー2』『超アーケード』『超ファミコン』『PCエンジン大全』(以上、太田出版)、『ゲーム制作 現場の新戦略 企画と運営のノウハウ』(MdN)など。

                                                                                  Windows 11で iMessageが使えるiPhone連携機能「Phone Link for iOS」提供開始。導入と使いかた | テクノエッジ TechnoEdge
                                                                                • 便利なイラスト素材が登場!表情や髪型、さまざまなパーツを組み合わせて使用できる人物イラスト素材 -Wrrooom!

                                                                                  男性・女性の人物イラストをパーツを組み合わせるだけで簡単に作成できるイラスト素材を紹介します。海外の素材ですが、癖がそんなに強くないので、日本のサイトでも使い勝手がよいと思います。 普通のイラスト素材はそのまま使用するしかないですが、人物の表情や髪型、アクセサリなどさまざまなパーツを組み合わせてキャラクターを作成することができます。 Wrrooom! Wrrooom!はさまざまな目的のために無制限の数のイラストを簡単に生成するイラストクリエーターです。アバター画像(無料)と全身画像(有料)の2種類が用意されています。この記事では、商用でも無料のアバター画像を中心に紹介します。

                                                                                    便利なイラスト素材が登場!表情や髪型、さまざまなパーツを組み合わせて使用できる人物イラスト素材 -Wrrooom!