[B! Web] tetsu23のブックマーク

「YouTube、わざと遅くされている？」FirefoxやMicrosoft Edgeで回避する方法 | ライフハッカー・ジャパン

どうやら2023年は、Googleが自分たちの思うとおりにユーザーにYouTubeを使わせようと決めた年だったようです。その第一弾として同社は、広告ブロッカーを使いながらYouTubeを訪れる視聴者への攻撃を開始しました。最初に、広告ブロッカーの使用を中止するように警告するポップアップが表示されますが、それを閉じれば先へ進めます。ところが、すぐにポップアップが閉じなくなります。少なくとも、広告ブロッカーの無効化が検知されるまで、消えることはありません。いまのところ、すべての広告ブロッカーユーザーがこの攻撃の対象になっているわけではありませんが、だからといって、Googleが手をこまねいているわけでもありません。どうも同社は、今度はFirefoxやEdgeといったChrome以外のブラウザで、YouTubeのスピードを落としているようなのです。 YouTubeでスローダウンが起こる仕

tetsu23 2023/12/04

ブラウザの問題なのか、広告ブロッカーの問題なのか、よくわからん。

WEB
YouTube

リンク

UIデザインの「あれ」の名前を知ろう｜株式会社ドヴァ

こんにちは。ドヴァマーケティングサービス部所属デザイナーのマリコです。 WebのUI・UXデザインの仕事をしていると、デザイナー同士なら﹁ここのデザイン、コレをこうしたい︵身振り手振り︶﹂だけでほとんど伝わるけど……、クライアントに説明するときはそのイメージと一緒に、正式名称で正しく伝えるようにしよう、と思うことがよくあります。でも、パーツデザインの名称って意外と知られていないものが多いので、今回はその一部を紹介します。﹁これは絶対この名前で、それ以外は間違いです！﹂というわけではなく、さまざまな呼び方がある場合も多いため、こういう呼び方もあるんだなぁという気楽な感じで読んでいただければ嬉しいです。﹃三本線のボタン﹄⇒ハンバーガーメニューボタン今や、どのWebサイトでも使われている超定番のナビゲーションメニューボタン。名前のとおり、ハンバーガーのパティとバンズのような形状からこの名

tetsu23 2023/03/25

WEB
言葉

リンク

わたしはページ内検索を普通に使いたい

以前にも少し書いたのですが、ウェブブラウザーで使えるページ内検索による体験が阻害されるのが本当にストレスで、その例を残しておこうと思います。採用側の気持ちも分かりますので、どうなると皆が幸せになるのか分からないという種類のものなので困ったところです。省略されたテキストoverflow: hiddenとtext-overflow: ellipsisまたは-webkit-line-clampによってテキストが省略された場合、その省略部分がページ内検索にヒットすると非常に探しづらいです。特に、グリッドで区切られたアイテムが複数列・複数行で並んでいる際に顕著です。以前の記事のとおり、わたしはYouTubeでよく遭遇します。下記のデモは、1000個のアイテムを並べたものです。このうち、「Red Rose」というワードは12個のアイテムに含まれています。デモを開いて「Red Rose」で

tetsu23 2023/01/23

検索はされて画面内にはあるけど、どこがハイライトされてるのか分かりづらいときもある。点滅とかしてほしい。

WEB

リンク

Bootstrap（ブートストラップ）を使ったランディングページの無料デザインテンプレート35選

初心者でもWeb制作ができる！CSSフレームワーク﹁Bootstrap﹂入門編 Bootstrapは、Twitter社が開発したCSSのフレームワークです。本来、CSSを書く場合はスタイルをすべて自分で作る必要がありますが、あらかじめ用意されたテンプレートを使うことで、初心者でも簡単にWebページを制作することが可能なBootstrap。今回は、無料のものから有料のものまで種類が豊富なBootstrapのテンプレートをご紹介していきます。 Webサイトを簡単に構築できるフレームワーク﹁Bootstrap︵ブートストラップ︶﹂ Bootstrap︵ブートストラップ︶とは、Twitter社が開発した、Webサイトやアプリケーションを構築するためのHTML／CSS／JavaScriptのフレームワークのことです。決められたテンプレートを使って手軽にWebサイトの制作ができるため、開発工数の削

tetsu23 2022/11/21

リンク

見分けが不可能な偽サイトがGoogle検索最上位に堂々と表示されてしまう、「i」をURLに含む全てのサイトが信用できなくなる極悪手法

Googleは独自のルールに従って検索結果の表示順位を決めていますが、Googleの広告枠を購入すれば任意のウェブサイトを検索結果の最上部に表示することができます。この広告枠を悪用して人気画像処理ソフト「GIMP」の公式サイトになりすました偽サイトが検索結果の最上部に表示されてしまう事態が発生しました。偽サイトはドメインの見た目までソックリで、インターネットに慣れている人でも見分けることは困難となっています。 Dangerous Google Ad Disguising Itself as www.gimp.org : GIMP https://www.reddit.com/r/GIMP/comments/ygbr4o/dangerous_google_ad_disguising_itself_as/ Dangerous Google Ad Disguising Itself as www

tetsu23 2022/11/01

正しいURLを入れていてもハッキングされることもあるようで、もう何も信じられない・・・。 https://gigazine.net/news/20180704-fake-website/

詐欺
WEB

リンク

16行のHTMLで使える3D日本地図 powered by 国土地理院地図

deck.glをESモジュール化したdeck-esを使って、﹁地理院タイルとdeck.glで3D地図をつくろう - Qiita﹂で紹介されていた、地理院地図の標高データを使った3Dモデル表示﹁deckgl-gsi-terr ain-layer﹂をESモジュール化！リアルな3D地図が気軽に使えるようになりました。﹁deckgl-gsi-terr ain-layer﹂地理院地図、src on GitHub 高低差が反映された日本地図をぐりぐり動かせます。シフト押しながらドラッグでぐるぐる回転、スクロールアップダウンでぐぐっとズームします。ESモジュール化に当たって、deck-esで足りない分は、元のソースから必要な分だけもってきてutils.jsにまとめました。﹁deckgl-gsi-terr ain-layer - 鯖江市の見慣れた風景﹂地理院地図いろいろ名所を巡るのも楽しいですね。デジタ

tetsu23 2022/10/20

リンク

サブスク解約しやすく　改正消費者契約法が成立、情報提供努力義務に：朝日新聞デジタル

","naka5":"","naka6":"","naka6Sp":"","adcreative72":"\n\n\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">

tetsu23 2022/05/26

WEB上で解約できる、トップページに解約ページへのリンクを必ずわかりやすく載せる、登録完了のメールに解約ページへのリンクを載せる、解約ページは2ページ以上遷移しない、くらいはやってほしい。

WEB

リンク

［速報］マイクロソフト、手書きのスケッチをAIでアプリ画面に手軽に変換できる「Power Apps Express design」発表。Microsoft Build 2022

［速報］マイクロソフト、手書きのスケッチをAIでアプリ画面に手軽に変換できる「Power Apps Express design」発表。Microsoft Build 2022 マイクロソフトは現在開催中の開発者向けイベント「Microsoft Build 2022」で、ローコード／ノーコード開発ツール「Power Apps」の新機能として、手書きのスケッチやPDFのフォーム画面、Figmaのデザインファイルなどを元に、AIがアプリケーションの画面作成を支援してくれる「Power Apps Express design」を発表しました。公開された動画を元に、Power Apps Express designの機能を見ていきましょう。 Power Apps Express designでは、画面スケッチをキャプチャするとAIがUIコンポーネントを認識します。

tetsu23 2022/05/25

べんりー。でも手で書くのさえめんどくさいw

Web

リンク

本当は教えたくないWebデザイン参考ギャラリーサイト37選

ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。このリストは2年ぶりにまとめ直したアップグレード版となります。コンテンツ目次【2024追加分】最新Webギャラリーサイト landing.love Design Spells Godly BentoGrids 404s Footer Navbar Gallery 国内Webギャラリーサイト SANKOU! URA

tetsu23 2022/05/19

ブクマ数に対するコメントの少なさよ。

WEB

リンク

webブラウザのタブをたくさん開いたままにしてしまうのはブックマークの利便性が追い付いてないからでは？という話に集まるあるあるの声と便利情報

画力・博士号・油田 @bd_gfngfn ユーザがタブを開きすぎる問題，端的な原因は「履歴とブックマークの利便性がタブを開き続ける場合のそれを超えることができていないから」に思える（少なくとも自分はそう） 2022-04-26 22:16:07

tetsu23 2022/04/28

むしろタブをブクマのトップ画面みたいにタイル状に表示して欲しい。Windows版で。

WEB

リンク

UIデザインの最近のトレンド、近未来的なかっこいいグラデーションを実装するCSSのテクニック

近未来的なかっこいい印象を与えるグラデーションを使用した、テキスト・ボタン・背景のスタイルを実装するCSSのテクニックを紹介します。白地のテキストをわずかに輝かせたり、ダークモードに映えるグラデーションでテキストやボタンを目立たせたり、カードに美しいグラデーションの背景を実装したり、少し色味を変えてライトモードに使用してもかっこいいグラデーションです。 CSS Tricks to Create that Dark Futuristic Web3 Look by Trisha Lim 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめにかっこいいグラデーション使用したテキストのスタイルかっこいいグラデーション使用したボタンのスタイルかっこいいグラデーション使用した背景のスタイルはじめにダークモードのWeb3の美しさ

tetsu23 2021/12/02

かっこいい・・・か・・・？フローライトの結晶ぽいね。 https://www.kenkengems.com/apps/note/fluorite-column/

WEB

リンク

最初の数行を入力すると小説の続きを書いてくれるAI登場　設定次第で俳句やニュースも

ユーザーが冒頭の文章を数行書くと、続きをAIが作文するWebサービス﹁AIのべりすと﹂が登場し、一部で話題になっている。例えば、﹁吾輩は猫である。名前はまだない。そんな吾輩は今﹂のように書き出しを入力すると﹁とある場所にいる。そこはどこかというと、我が家のリビングだ。ソファに腰掛けてテレビを見ているのは、俺の妹である美夏だ﹂のように続きを出力する。

tetsu23 2021/10/22

こういう記事ならサイトのリンクは冒頭に大々的にはってくれ。広告の下にこじんまりとはってあってもわからんよ。

WEB

リンク

Web・アプリ開発のエンジニアが知っておきたい、デザインツール「Figma」の基本 - JMDC TECH BLOG

JMDCでアプリのデザインを5月から担当しているはんざわです。 Webやアプリのフロント開発者のみなさんはデザインツール Figmaをご存知でしょうか？ JMDCではこれまでAdobe XDをメインで使用していました、今年からFigmaに乗り換えました。乗り換えに伴い、デザイナー以外のメンバーにもFigmaを操作できるようになるべく、勉強会を開催しました。勉強会はオンラインで開催。Figmaで資料を作成、参加者に資料を開きながらGoogle Meetを繋げて詳細を説明していきました。勉強会で使用した資料はFigmaのCommunityにアップしているのでぜひ見てみてくださいね。 www.figma.com エンジニアがFigmaを触れるようになることのメリット基本知識と基本操作実装するために使うデザインシステムについてそのほか便利な機能さいごにエンジニアがFigmaを触れ

tetsu23 2021/10/15

WEB

リンク

Small Dev tools useful for all developers

Sort a list of numbers or strings alphabetically or by length

tetsu23 2021/09/15

Web

リンク

時短してますか？Web制作が変わる最新オンラインツール38個まとめ

日頃の忙しい業務を少しでも楽にしたい、効率化したいと考えている人にぴったりな、Web制作で使える最新オンラインツールをまとめてご紹介します。コピペで利用できるお手軽CSSツールやSVGツール、コード知識不要のノーコードツール、色に困ったときに便利な配色ツールなど、クリエイティブな案件で活用したい新しいツールを揃えています。カテゴリごとに整理しているので、制作フローに新しく追加してみてはいかがでしょう。コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. プロトタイプ、アイコンツール 5. コラボ、リモートワークツール 6. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツールクリックで一発コピペできる、120種類以上のCSSボタンを集めたライブラリ。3Dやグラデーション、レトロな

tetsu23 2021/09/10

リンク

「丁目、番地が全角しか入力できない」「何の入力チェックでエラーが出ているのかわからない」みんながネットでイラつく#クソ入力フォーム選手権開催中

米村歩@日本一残業の少ないIT企業社長 @yonemura2006 ・丁目、番地が全角しか入力できない・電話番号が全角しか入力できない・建物名が全角しか入力できない・生年月日がカレンダーで果てしなきページ送りを要求される・何の入力チェックでエラーが出ているのかわからない・入力チェックエラーになると入力内容が全部消える #クソ入力フォーム選手権 2021-09-06 22:44:39

tetsu23 2021/09/09

送信されたメールを確認してください、と表示されたもののいつまでたってもメールが届かない。

WEB

リンク

はてなに居る人達は、はてなの衰退を止められなかったのは何故だろうか

はてなは一時期はWebの最先端を走っていたはずだ。 Web技術、デザインといったものから、文章や漫画やサブカルといったものもあった。はてなアンテナで情報感度の高い人が何を見ているのか知ることもできた。どの時点から狂ってきたのか。 Webデザインはもうブックマークすらされなくなった。 2ch系のニュース板のようなものになったのか。はてブで話題になるのはヤフーやTwitterで話題になっているのと変わりない。ヤフーのコメントも酷いが、はてブのコメントも酷い。はてなキーワードもなくなった。キーワードを通して他の記事を読むという導線もなくなった。昔から有名な人の記事は取り上げられるが、新規に面白いことをやっている人の記事は出てこない。 Webの目利きも居なくなった。 Webも面白くなくなってきた。こちらについてはマネタイズが勝ったのだろう。時間をかけて作った所でアクセス数が稼げるわけ

tetsu23 2021/07/01

はてなに限らず、Webサービスなんてどんどん盛衰するもんでしょ。

Web

リンク

Web制作の現場で使えるWebサービス13選！無料で使えるサービスを集めてみた | BUILD Journal

CSSコーディングに役立つサービスやWebサイト運用で役立つSEO関連のツールなど、Web制作の現場で使えるWebサービスを13個紹介します。ワンクリックで取得できるコードや、ドラッグ&ドロップだけで完結するものなど、直感的に作業できるサービスばかりです。あなたの現場でもぜひ利用してみてください。 Fancy Border Radius Generator CSSのborder-radius を使ってボックスや画像をユニークな形状に変化できるWebサービス。 Fancy Border Radius Generator シンプルなコードで実装可能です。正方形の写真をCSSで変形させました上のように正方形の写真をユニークな画像に見せることができます。 Fancy Border Radius Generator Clippy – CSS clip-path maker CSSのclip-pa

tetsu23 2021/05/15

Web

リンク

一銭も払わずにクラウド上でWebサービスを公開する(2021/02時点) - Qiita

これはなに？ Webサービスを開発する際に使えるサービスのうち、無料枠があるものをまとめました。自分でちょっとしたWebサービスを作ろうと思ったときに一銭も払いたくないなという気持ちがあるが、そもそもどの程度までちゃんとした構成が取れるんだっけというのをこれまでに100万回調べている気がするので自分用にまとめたメモです。前提として、基本的にはAWSとGCPを対象に調べて、一部はそれ以外のサービスも追加で調べている、という感じです最初に結論﹁無料でWebサービスを提供する﹂というところだけに集中するならAWSよりはGCPのほうが良さそう(ハードルが低そう + できることが多そう) 無料枠だけで完結させるならherokuはSQLも使えるし視野に入れて良さそうドメイン周りだけはどうにもならないので諦めてお金を払うか各クラウドサービスのドメインのまま使いましょう無料の範囲内で最低限のW

tetsu23 2021/03/04

WEB
無料

リンク

鳥取県のホームページ制作会社8選【HP作成】おすすめのWeb制作会社【2024年版】

鳥取県でホームページ制作している会社の中から、おすすめの制作会社を厳選してご紹介します。同じWeb制作を行っているプロが総合的に判断して選んでいるので、何を基準に選べば良いかわからない方や、それぞれの会社の違いがわからない方など、鳥取県のホームページ制作会社について詳しく知りたい方は、ぜひご覧ください。鳥取県のホームページ制作会社おすすめ8選︻2024年版︼鳥取県のWeb制作会社の2024年最新データを調査して、おすすめの制作会社を選びました。選んだポイントは、これまでの実績、制作料金の安さ、技術力、デザイン力、集客力、サポート力などを総合的に判断しています。

tetsu23 2021/02/04

リンク

はてなブックマーク

タグ

関連タグで絞り込む (92)

Webに関するtetsu23のブックマーク (237)

お知らせ

今週のはてなブックマーク数ランキング（2024年6月第5週）

今週のはてなブックマーク数ランキング（2024年6月第4週）

今週のはてなブックマーク数ランキング（2024年6月第3週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス