並び順

ブックマーク数

期間指定

  • から
  • まで

241 - 280 件 / 11172件

新着順 人気順

テキストの検索結果241 - 280 件 / 11172件

  • テキストエリアとかリサイズ可能にする JavaScript

    ■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサイズも変わります。 自分はグリモンスクリプトで快適なんですが、サービス提供側でこういう機能を提供してくれたら幸せな人が増えるんじゃね?とか思ったので作ってみました。 実際のリサイズ方法に関しては、愛用している Changing <textarea> Size のコードが大変参考になりました。ありがとうございます。 コードは次の通りです。 メイン部分。 var ElementResizer = {

    • テキストをかっこよく魅せるPhotoshopのチュートリアル集:Part 5 | コリス

      テキストにメタル・クローム・ピクセル・グランジ・泡・水などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。

      • リモートライフを支えるサービス - 灰色ハイジのテキスト

        婚約をしてからそろそろ10ヶ月ほど経とうとしているが、この夏ようやく2人の籍を作った。 私の婚約エントリーからバトンを繋ぐように結婚については、はまちゃん id:hxmasaki がエントリーを書いた。 籍を作ったその週の終わりには夫であるはまちゃんはサンフランシスコへと帰っていった。つまり新婚生活は早々に遠距離生活となった。 「遠距離恋愛」や「単身赴任」という言葉があまりにもしっくり来ないため、婚約当初から私は「リモートライフ」と呼ぶことにしている。そう呼んでいる為か、いわゆる同居をする新婚生活ではないかもしれないが、これが私たちの新婚生活なのだ、と胸を張って言うことが出来る。 リモートライフにあたって、この10ヶ月の間に2人でいろいろ試してみたことがある。 離れていても同居生活をする apeear.in + Chromecastで常時部屋を繋ぐ まず導入したのは、リモートワークでも導入

          リモートライフを支えるサービス - 灰色ハイジのテキスト
        • テキストメモからのパワポスライド作成にコピペは不要! アウトライン化で高速作業【残業を減らす!Officeテクニック】

            テキストメモからのパワポスライド作成にコピペは不要! アウトライン化で高速作業【残業を減らす!Officeテクニック】
          • 「ポメラ」に新作 スマホアプリでテキスト転送 台本用モードや限定の“ホワイトカラー”も

            キングジムは7月12日、テキスト打ち込み専用デバイス「ポメラ」シリーズの新モデル「DM250」を発表した。2016年に登場したDM200の後継モデルで、スマートフォンとの連携機能を搭載。価格は6万280円、発売は7月29日を予定している。キングジムの公式オンラインストアで、ホワイトカラーを250台限定で用意する。 キーボードはキーピッチ17mmを確保したJIS配列。旧モデルよりタイプ音を低減したという。英字を中央に配置しており、可読性が高くモダンな雰囲気を与えるAXISフォントを採用している。ボディはダークグレーと旧モデルよりやや明るい色を採用したことで、キーの形を把握しやすくなったという。US配列、親指シフトに対応するシートを付属。親指シフトは、親指が自然な配置になるよう右手を横に1列ずらしたレイアウトを追加している。

              「ポメラ」に新作 スマホアプリでテキスト転送 台本用モードや限定の“ホワイトカラー”も
            • 画像内の日本語テキストを抽出できる「Online OCR」が無料なのに便利すぎる

              Online OCRとは Online OCRは、46ヶ国の言語に対応して画像からテキストを抽出することができる無料のオンラインOCRツールです。 登録なしでの利用 現在、登録なしの状態で、15MBまでなら以下の形式の単一ファイルを読み込むことができます。 PDF (単一ページ) TIF/TIFF (単一ページ) JPEG/JPG BMP PNG GIF そして、以下の形式で出力することができます。 Microsoft Excel (xlsx) Microsoft Word (docx) プレーンテキスト (txt) 登録なしでも、ライトユーザーであれば十分すぎるくらい便利です。 無料登録をすると Online OCRは、登録しなくても十分便利なのですが、無料登録を行うことにより、さらにできることの幅が広がります。 以下の形式のファイルを200MBまで読み込むことができるようになります。

                画像内の日本語テキストを抽出できる「Online OCR」が無料なのに便利すぎる
              • 不倒城のしんざきが書く糞以下のテキストを、僕等はもう二度と目にしなくて済む事を祝う日。

                私達は、自らの体験について語る事に極めて抑制的である。私達というのは、ゲーマーであり、かつテキストを書いている人間のことである。そのような態度に陥らざるを得ない最大の理由は、老人の昔語りは美化された自らの人生と歴史に対する言及に他ならず、即ちそれは自虐であろうとなんであろうと自慢である事を避けられず、私達によるゲームに対する言及は、年配者の自分語りによる自慢へと陥る事を避けられない。本人は雑談をしているつもりが説教になるだとか、本人は親身になってアドバイスをしているつもりがうざいだけの自慢になるといった、我が国に存在している当たり前の事は、当然のようにして私達の身に降りかかる。 こと、ビデオゲームはさらに大変である。 ビデオゲームは全てが接続されている。突然変異的にいきなり生まれたビデオゲームなどは存在しない。何かがあって何かがある。2018年に流行っているゲームのどれか1つを遡って辿れば

                • Stability AI、無料で起承転結のある最大3分の音楽を生成可能な「Stable Audio 2.0」を公開/テキストだけでなくアップロードしたオーディオから音楽を生成可能に

                    Stability AI、無料で起承転結のある最大3分の音楽を生成可能な「Stable Audio 2.0」を公開/テキストだけでなくアップロードしたオーディオから音楽を生成可能に
                  • Perlで入門テキストマイニング » SlideShare (share powerpoint...

                    2. テキストマイニング(1) 評判情報。ポジティブ、ネガティブ • プロフィール。ブロガーの性別、年齢、地域 • そのページに関連した広告とか。 • 関連語。 • もしかして○○? • クラスタリング。グルーピング。 •

                      Perlで入門テキストマイニング » SlideShare (share powerpoint...
                    • やっと見つけたモチベーションが上がる英語・リスニング&発音テキスト2冊 - 読書系女子のあれこれ

                      私、ずっと思ってたんですよね。 外国語の発音テキストに付いてるCDの音声って、なんでこんな無表情でつまんないんだろうなって。 私、飽きっぽい上に集中力が30秒くらいしかもたないので、発音とリスニングは本気で無理。 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー モチベーションが上がる一冊 軽いノリで発音を細かく解説 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 私は話している人とかシーンを想像して入っていくタイプなので、あの棒読みCDだとこれっぽっちも頭に入ってこなくなるんですね。 なんで8歳の少年(の設定)がこんなに野太い声なの?みたいなところばかりに気がいってしまって・・・。 それで英語の発音テキストを何冊も試していて、これというのをやっと2冊見つけました。 集中とモチベーションをめちゃくちゃ上げてくれる一冊と、発「音」

                        やっと見つけたモチベーションが上がる英語・リスニング&発音テキスト2冊 - 読書系女子のあれこれ
                      • テキストをかっこよく魅せるPhotoshopのチュートリアル集:Part 7 | コリス

                        テキスト自体に3Dやメタルやグランジのエフェクトをかけたものから、背景も合わせてデザインされたものまで、テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。

                        • テキストリンク (Text Link) :: Add-ons for Firefox

                          Webページに書かれたURI文字列を、ダブルクリックするだけで読み込めるようにします。 この拡張機能が無い場合、Webページ上でリンクになっていないURI文字列(例:「 http://piro.sakura.ne.jp/ 」)を見付けたときには、以下のような操作をしないといけません。 1. URI文字列を空白などを含めないで完全に選択する。(プロポーショナルフォントで表示されているテキストだと、これが難しい……) 2. クリップボードにコピーする。(Ctrl-Cもしくは「編集」メニューの「コピー」を選択) 3. ロケーションバーに貼り付ける。 4. Enterキーを押す。Firefoxがそれを読み込む。 あるいは…… 1. URIテキストを完全に選択する(またかよ!) 2. 選択された文字列をFirefoxのタブバーにドラッグ&ドロップする。すると、Firefoxがそれを読み込む。 でも、

                            テキストリンク (Text Link) :: Add-ons for Firefox
                          • 窓の杜 - 【REVIEW】大量のテキストをメーラー風の3ペインで効率よく管理「外部記憶データベース」

                            「外部記憶データベース」は、メールソフト風の3ペインでテキストを管理できるテキストデータベースソフト。Windows 2000/XPに対応するフリーソフトで、編集部にてWindows Vistaでの動作も確認した。作者のWebサイトからダウンロードできる。なお、動作にはフリーのデータベースエンジン「Firebird」v2.0以降が必要だが、本ソフトに同梱されているため別途用意する必要はない。 ローカルのテキストファイルをただ単にまとめて管理するのではなく、データベースエンジンを利用することで大量のテキストを管理しやすくなっている。データベースエンジンには、オープンソースの「Firebird」が採用されているため、高速に検索できるほか、複数のキーワードをスペースで区切ることにより絞り込み検索できるのも特長だ。 本ソフトは、編集機能も備えているが、テキストを管理することに特化しているため、プロ

                            • 宇宙探索タイムループSF『Outer Wilds』5周年記念でプロトタイプ版が無料公開。テキストベースながら好奇心を刺激するゲーム性は構築済み | ゲーム・エンタメ最新情報のファミ通.com

                              Happy 5th orbit around the sun Outer Wilds! To commemorate the occasion I thought it'd be fun to finally release the text adventure I made back in 2014 to prototype the game's overarching mystery. Enjoy! ::Dhttps://t.co/h20c3mKZfj — Alex Beachum (@AlexBeachum) May 28, 2024 上のX(Twitter)による投稿は、『Outer Wilds』を手掛けたMobius Gamesのクリエイティブディレクター、Alex Beachum氏によるもの。投稿内容によると、無料公開されたプロトタイプバージョンは2014年に作ったもので、この

                                宇宙探索タイムループSF『Outer Wilds』5周年記念でプロトタイプ版が無料公開。テキストベースながら好奇心を刺激するゲーム性は構築済み | ゲーム・エンタメ最新情報のファミ通.com
                              • Kazuho@Cybozu Labs: (Twitter の XSS 脆弱性に関連して) 構造化テキストの正しいエスケープ手法について

                                昨日の Twitter の XSS 騒ぎは、まだ皆さんの記憶に新しいことと思います。いい機会なので、ツイートのような構造化テキストのエスケープ手法について触れておきたいと思います。 Twitter のメッセージは、単なる平文(プレインテキスト)ではなく、「@英数字」のような他のユーザーへの言及と「http://〜」のような URL を自動的にハイパーリンク化する構造化テキストです。 このような複数のルールをもつ構造化テキストを HTML 化する際には、どのようなコードを書けばいいのでしょう? まず「@〜」をリンク化してから、URL をリンク化すればいいのでしょうか? それだと、@〜 のをリンク化した A HREF タグの中の URL がさらにリンク化されていまいますね。 では、URL をリンク化してから @〜 をリンク化すればいいのでしょうか? それだと、@ を含む URL があった場合に

                                • Youtuberと声優とSNS凸キッズとテキストサイト世代の溝 (500件通報しました) - 玖足手帖-アニメブログ-

                                  もう名前や詳細はここでは出さないんですが、人気ゲーム実況者ユーチューバー男性と若手女性声優のゴシップが話題だ。 浮気とかは悪いと思うけど、僕はそういう恋愛関係の揉め事は当事者同士で勝手にやってくれと思う。 「キャラクターのイメージを傷つけるので辞めろ」とか、ディレクターでもない人間が文句を言うのもあんまり好きじゃない。 ともかく、外野のくせにガタガタ文句を言うのは下品だと、僕は思う。 人の命に関わるということのリアル ゴシップに関わる人間から浮気の証拠のLINE画面(捏造との疑惑もある)を晒された女性声優は自殺するかもしれないと発言したらしい。 先日、浮気が発覚したとされる男性声優も自殺するかもしれないと言ったらしい。 しかし、悪いインターネットの人たちは「もう死んだ?」「早く死ねよ」などと声優本人のツイッターアカウントにリプライをしている。性的な悪口を含むひどい暴言も多い。 彼らは「自殺

                                    Youtuberと声優とSNS凸キッズとテキストサイト世代の溝 (500件通報しました) - 玖足手帖-アニメブログ-
                                  • 独習者のためのおすすめ経済学入門テキスト。 - すらすら経済学を学ぶ日記。

                                    「ミクロ経済学とマクロ経済学の学部レベルのおすすめの教科書を教えてください。」 えー、Ask.fmでご質問が来ましたので、経済学徒のはしくれ(はじっこ)としていくつかお勧めの本をあげたいと思います。 私は学部では経済学をやっておらず、入門書はいろいろ独学して苦労しましたw そこで初心者が読みやすいのをいくつか。 追記:2015年版・kindle版として更新しております。 sura-taro.hatenadiary.jp ①導入編 教養としての経済学 -- 生き抜く力を培うために 作者: 一橋大学経済学部出版社/メーカー: 有斐閣発売日: 2013/02/27メディア: 単行本(ソフトカバー)この商品を含むブログ (6件) を見る一橋大学の教授陣による経済学ガイド。経済学部へ進みたい高校生へ向けてという意図もあるようですが、社会人で独学で学ぼうという方にもお勧めです。 最近の経済学のトピック

                                      独習者のためのおすすめ経済学入門テキスト。 - すらすら経済学を学ぶ日記。
                                    • テキスト生成AI利活用におけるリスクへの対策ガイドブック(α版)|デジタル庁

                                      デジタル庁では、デジタル社会の実現に向けた重点計画(令和4年6月7日閣議決定)を踏まえ、AIの実態と動向を把握し、リスクと必要な対応策を特定したうえで、官民における適切な活用の検討を進めています。 昨今の生成AIなどの技術革新により、さまざまな利点を得られるようになってきており、政府でも、このような技術の動向を見極めつつ、関係省庁における生成AIの業務利用について第10回デジタル社会推進会議幹事会・書面開催等の議論を重ねてきました。また、2023年12月より生成AIの適切な利活用に向けた技術検証を実施し、その結果※を公開しました。 ※技術検証結果の詳細は、2023年度 デジタル庁・行政における生成AIの適切な利活用に向けた技術検証を実施しましたをご覧ください。 これまでの議論の経緯や検証結果を踏まえ、「テキスト生成AI利活用におけるリスクへの対策ガイドブック(α版)」として公開します。実際

                                        テキスト生成AI利活用におけるリスクへの対策ガイドブック(α版)|デジタル庁
                                      • niw.at — iOS で文字数制限つきのテキストフィールドをちゃんと作るのは難しいという話

                                        「そんなん簡単やろ」と思いますよね。 たとえば、「UITextField 文字数制限」でググれば山のようにブログ記事やらコードが出てくるし、Stack Overflow に載ってるコードのコピペ一発で解決しそうに思えませんか? 実は文字数制限をつけたテキストフィールドはそんなに簡単な話ではないのです。 shouldChangeCharactersInRange:replacementString: は使えない子 今回はこれに尽きます。 UITextField や UITextView のデリゲートで呼ばれる textField:shouldChangeCharactersInRange:replacementString: やtextView:shouldChangeCharactersInRange:replacementString: は使ってはいけません。 より正確に言うと、使うとき

                                        • スライドショーのようにテキストを読むGreasemonkeyスクリプト、YHC - FAX

                                          JavaScript YHC – Userscripts.org 長文をスライドショー形式で読むテキストリーダーです。デモビデオ(1分半)は以下。kotorikoさんの『捨松定吉』を、ランダムフィルタをかけて読んでいます。 機能説明ウィンドウ右下のGreasemonkeyメニューから[YHC]を選びスタートさせます。先に文章の一部を選択している場合はその部分を、そうでない場合は対象となる部分をマウスで指定します。 操作は主にキーで行います。 キー機能Esc終了↓ or S再生開始/停止→ or J or Space次のスライド 再生中はスピードアップ← or K前のスライド 再生中はスピードダウンGジャンプHome先頭のスライドEnd最後のスライド ↓キーで再生を開始して、→キーで再生速度を少し速くして、速すぎたら←で遅くして。気になるところに戻りたい場合は、↓で止めて、←→で移動して手動

                                          • Alexaの音声を聞いてテキスト化するスタッフ、日本のAmazonも募集中 在宅勤務、時給1300円

                                            Amazon.comのAIアシスタント「Alexa」にユーザーが入力した音声の一部をAmazonのスタッフが聞いている――米Bloombergがこう報道し、「盗聴ではないか」と話題になったが、日本でも、Alexaに入力された音声を聞くスタッフがいるようだ。(追記あり) アマゾンジャパンは複数の求人サイトを通じて、Alexaを通して集められた音声データのテキスト化などを行う在宅勤務の契約社員を募集している。テキスト化した音声データにタグを付けるなどして、Alexaの音声認識技術向上に役立てるという。 求人サイトによると仕事内容は、Alexaに入力された音声をヘッドセットで聞いてテキスト化し、タグ付けやデータの意味づけなどを行うというもの。ネイティブに近い日本語能力や国語力が必要だ。在宅勤務で、給与は時給1300円。実働8時間のシフト制になっている(1日8時間・月20日間勤務で月額換算20万8

                                              Alexaの音声を聞いてテキスト化するスタッフ、日本のAmazonも募集中 在宅勤務、時給1300円
                                            • テキストをハイライトすると絵が出てくる! - sta la sta

                                              ※Firefox(推奨)またはSafariでご覧ください。(未確認ですがFlockでも良いようです。) via http://metaatem.net/highlite/ まずは以下のテキストをマウスでハイライトさせてみてください。(あるいはCtrl+Aでテキスト全選択ですね。) One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches int

                                                テキストをハイライトすると絵が出てくる! - sta la sta
                                              • 見えているのにコピーできないテキストをコピーできるようにする「PointClip」NOT SUPPORTED

                                                  見えているのにコピーできないテキストをコピーできるようにする「PointClip」NOT SUPPORTED
                                                • テキストリンクのホバー時に使えるエフェクト・デザインサンプル 15 - NxWorld

                                                  文章内のテキストリンクやテキストのみで実装しているようなナビゲーションリンクなどで使えそうなホバーエフェクト・デザインのサンプルです。 文字数が変化したり改行が頻繁に入るような場所などでは正直使い辛くて利用できる場面が限られてしまうものも多いのですが、シンプルなHTMLとCSSで様々な見せ方ができます。 サンプルの中で特にdisplay: inline-block;を記述しているタイプのものが意図しない箇所で改行されたり、逆にされなかったりということがあるので注意して下さい。 実際にどのような動きになってしまうのかはブラウザを縮めて確認してもらったり、または自身で環境を用意して実装・確認をしてもらうとよりわかりやすいと思います。 ここで紹介するエフェクトは、基本的に<a href="#">リンク</a>のようなHTMLに対して実装したものになります。 また、サンプルコードに含まれていません

                                                    テキストリンクのホバー時に使えるエフェクト・デザインサンプル 15 - NxWorld
                                                  • 今のテキストサイト懐古って歴史修正主義じゃない?

                                                    今のインターネットはつまらない、昔のテキストサイト時代は自由で面白かったよな〜。 みたいなことを言う人が後を絶ちませんし、僕も一部は同意するんですが、 侍魂をリスペクトするのだけは「?」が出るんですよね。 というのも、当時、インターネットをよくやっていた人たちほど「侍魂(笑)」的な評価を下してましたし、今で言うリア充やスイーツの読み物として扱われてたんですよ。 「一般ウケはするけど、それだけだよね」 「先行者だけの一発屋だよね」 「しかもそれも自分で作ったわけじゃないからね」 といったところがコアなネットユーザーのコンセンサスだったんですよ。 それなのに今は侍魂が頂点で、最も尊敬を集めていたみたいな「歴史観」が流布されてるじゃないですか。 いやいや、読者はともかくテキストサイトの作り手で本当に侍魂をリスペクトしていたやつなんて少数でしょ。 むしろ「あんなもんどこが面白いんだ」みたいなエネル

                                                      今のテキストサイト懐古って歴史修正主義じゃない?
                                                    • 画像からテキストを抽出、ファイル名を一括変更…Windowsを快適にする公式無料ツール「PowerToys」おすすめ機能7選 | 文春オンライン

                                                      「PowerToys」という無料ツールをご存知でしょうか。Windowsをさらに使いやすくする十数個の機能をまとめた、Microsoftの公式ツールです。カユイところに手が届く数々の機能はいちど使うと手が放せなくなるほどで、どうしてこれがWindowsに最初から組み込まれていないのだろうと首をひねってしまうほどです。 そんな「PowerToys」は、今年9月に入って登場した最新版の「0.62.0」で、これまでなかった新機能がいくつか追加され、より充実したツールへと生まれ変わりました。 今回は最新の「0.62.0」で追加された機能も含め、筆者が「これは特に便利」と感じたPowerToysの便利機能を厳選して紹介します。ピンと来る機能があれば、ぜひこの機会にインストールして試してみてください。ダウンロードはMicrosoftストア、もしくはこちらから行えます。

                                                        画像からテキストを抽出、ファイル名を一括変更…Windowsを快適にする公式無料ツール「PowerToys」おすすめ機能7選 | 文春オンライン
                                                      • AIでコードを生成! テキストを入力すると、UI要素やコンポーネントを実装するHTMLとCSSを生成してくれる -AI CODE

                                                        AIは、Web制作にもすごい速さで浸透しそうですね。今までも似たツールがいくつかあったのですが、かなり出来がよいので紹介したいと思います。 テキストを入力、たとえば「シンプルでモダンなナビゲーション アイテムは日本語」と入力すると、そのUI要素を実装するHTMLとCSSを生成してくれるAIツールを紹介します。 AI CODE 実際に試してみましたが、ナビゲーション、ボタン、カード、フォームなど、UI要素やUIコンポーネントやレイアウトが数秒で簡単に実装されました。 また、次のバージョンではJavaScriptにも対応して、UIライブラリも追加する予定とのことです。 AI CODEの使い方 AI CODEの使い方は簡単、登録など面倒なことは一切不要です。 サイトにアクセスし、テキストを入力して「Generate」ボタンを押すだけです。 テキストは英語だけでなく、日本語でも大丈夫です。たとえば

                                                          AIでコードを生成! テキストを入力すると、UI要素やコンポーネントを実装するHTMLとCSSを生成してくれる -AI CODE
                                                        • プリパラは3年9か月、何を歌ってきたのか?~テキストマイニングによる分析~ - プリキュアの数字ブログ

                                                          3年9か月もの間 、全世界を魅了してきたアニメ「プリパラ」が終わりました。 「キラっとプリ☆チャン」にも期待していますが、ずっと習慣で見ていた「プリパラ」が終わってしまったのは、とても寂しいのです。 自分は黄木あじみ先生が大好きでした。 ぶっとんだキャラの博覧会だったプリパラの、その最北端にいた奇跡のキャラクター、それがあじみ先生です。 あじみ先生、アバンギャルドを優に超越した、常人には理解不能な言動とは裏腹に、その持ち歌「パニック・ラビリンス」が良い事歌っているのです。 一見電波系な歌なのですが、その奥には「型にはまらずに生きていこう」というメッセージが込められた、あじみ先生が唯一「先生」している名曲なのです。 「君と夢混ぜて、出来た色、どんな名前つける?」 黄木あじみ パニック・ラビリンス そんなプリパラでは、たくさんの歌が作られました。 定番「Make it!」「 ドリームパレード」

                                                            プリパラは3年9か月、何を歌ってきたのか?~テキストマイニングによる分析~ - プリキュアの数字ブログ
                                                          • [CSS]バーはブラウザ幅いっぱいに、テキストは読みやすい幅にするスタイルシート

                                                            バーはブラウザの幅いっぱい(左右・左のみ・右のみ)に、その中のテキストは読みやすい幅に設定するスタイルシートを紹介します。 ブラウザの幅を狭くしたキャプチャ 以下は各ポイントを意訳したものです。 まず、ブロックレベルのエレメントの幅は当然、親エレメントと同じ幅になります。単純に<body>直下に<h1>を配置すれば、自動的にブラウザの幅いっぱいになるのではないか、と思うでしょう。 しかし、それはテキスト部分もブラウザの幅いっぱいになってしまい、それは読みやすいものではありません。下記のように、バーはブラウザ幅いっぱいで、テキストは読みやすい幅になっているのが理想です。

                                                            • 【これ神】Chromeのテキストフィールド内の文字列をSublime Textでリアルタイムに編集できる拡張機能「GhostText」 – 和洋風KAI

                                                              次に、Sublime Text 3を起動して、Package Controlを開きます。↓↓ Install Packageをクリックします。↓↓ GhostTextと入力して、GhostTextをクリックすればインストール完了です。↓↓ GhostText for Chromeの使い方。 まず、テキストフィールドのあるページにアクセスします。 そして、Chromeの右端にある、GhostTextアイコンをクリックします。↓↓ こんなボックスが表示されるので、編集したいテキストフィールドにカーソルを当てます。↓↓ すると、テキストフィールドが青く囲われて、↓↓ Sublime Textにテキストフィールド内の文章が反映されます。なんて便利な!↓↓ さて、GhostTextが凄いのはこれだけじゃなく、なんとSublime Textで編集した文字がリアルタイムにChromeのテキストボックスに

                                                              • 長いテキストを「…」で省略するjQueryプラグイン・Smarttruncation

                                                                長いテキストを省略して表示 する、というjQueryプラグイン 、Smarttruncationのご紹介。 CSSのみでも一応は可能ですけど、 こちらはある程度応用が利くの で覚えておこうかと思います。 この手のライブラリはいくつか見かけましたけど、これは日本語でもそのまま利用出来るので一応メモ。 動作サンプル 長いテキストが省略されています。上は語尾を、下は真ん中あたりで省略。なかなか便利なのでは。 CSSのtext-overflow:ellipsis;で制御できない時に試してみてはいかがでしょう。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script> <script src="jquery.smarttruncat

                                                                  長いテキストを「…」で省略するjQueryプラグイン・Smarttruncation
                                                                • Webページの特定テキストへ直接ジャンプしてハイライトするリンクの作り方/「Chrome」「Edge」は標準機能で、「Firefox」は「Link to Text Fragment」拡張機能で【レビュー】

                                                                    Webページの特定テキストへ直接ジャンプしてハイライトするリンクの作り方/「Chrome」「Edge」は標準機能で、「Firefox」は「Link to Text Fragment」拡張機能で【レビュー】
                                                                  • バナー画像の3倍の効果をあげたテキストリンク(powered by beBit) | SiMPLE*SiMPLE

                                                                    バナー画像の3倍の効果をあげたテキストリンク(powered by beBit) November 6, 2007 3:41 PM written by Gen Taguchi ※ 今回の記事は「ウェブサービスインターフェース勉強会」でのbeBit社のプレゼンから。 今回ご紹介するのはレシピサイト、Cookpad.comの事例です。Cookpad.comでは有料会員(月額300円)があるのですが、その会員数が伸び悩んでいました。 そこでbeBit社に相談するのですが、それまではかわいいバナーをどーんとサイドバーに貼っていました。 ↑ なかなかかわいらしいバナーです。凝っていますよね。 しかしユーザビリティ調査をしてみると、そのバナー広告がほとんど見られていないことがわかりました。最近は「広告=邪魔なもの」というイメージがありますよね。 そこでbeBit社ではこのバナーのかわりに次のテキスト

                                                                    • 有名テキストサイト大全

                                                                      2014/02/28 最近のお気に入り→都内ではたらく竹田マスオのブログ 2008/08/15 閉鎖サイト&リニューアルサイトを一新しました。 情報等ありましたら → otomedama@yahoo.co.jp 参戦・参加希望テキストサイトも受付けています。 知名度アップにご活用ください。 サイト情報は流動的です。リンクフリー

                                                                      • テキストだけでウェブサイトが作れる! 最新AIツール3選 | ライフハッカー・ジャパン

                                                                        サイト作成にあたっては、さまざまな質問に答えていくことになります。 たとえば、「ウェブサイトにはどのようなタイトルをつけたいのか」「どのような内容のウェブサイトにするつもりか」「どのような機能が必要か」「特に伝えたいメッセージはあるか」といった質問です。 やりとりは、ChatGPTやGeminiを相手にする場合と大差ありません。 また、プロンプトごとに、AIに質問を言い直させたり、答え方を教えてもらったりできます(つまり、こちらが言うことの選択肢を提案してくれるわけです)。 そのほか以下のような特徴があります。 ウェブサイトの外観が生成されるたびに、微調整を加えたり、ゼロからやり直したりが可能細かい部分は思いどおりにならないWixとWix ADIは、無料で利用できますが、月額17ドルからのプレミアムプランもあり(日本語版は1200円の「パーソナル」プランから)。FramerFramerなら

                                                                          テキストだけでウェブサイトが作れる! 最新AIツール3選 | ライフハッカー・ジャパン
                                                                        • テキスト・写真・ボタンなどWeb2.0風画像のPhotoshopのチュートリアル集 | コリス

                                                                          HONGKIAT.COMの数あるPhotoshopのチュートリアルから、テキスト・写真・ボタンなどのサイトによく使用しそうなWeb2.0風画像の紹介です。 サイトでは、キャプチャ入りで作成方法を解説しています。

                                                                          • 手軽にできる、かっこいいテキストのPhotoshopの6つのチュートリアル

                                                                            Plastic Fantastic 各チュートリアルで使用しているレイヤースタイルは、キャプチャがあるのでそれっぽいものを作成することは可能ですが、使用しているレイヤースタイルをPSDTUTSの有料メンバー($9/month)ページからダウンロードすることができます。

                                                                            • 真性引き篭もりの活躍をテキストサイト時代の話にしないで! - ARTIFACT@はてブロ

                                                                              ※「真性引き篭もり」の表記を間違えていたのを訂正。hankakueisuuさん、大変失礼いたしました かつて、俺たちはインターネットだった - G.A.W. この記事には本人が反論しているのだが、自分としても気になったので。 真性引き篭もり: 誰がブログを殺すのか。 G.A.W.のmk2さんが懐かしがっているのは10年前の2000年頃のインターネットで、おそらくテキストサイト界隈の空気を懐かしがっていると思うのだが、真性引き篭もりのhankakueisuさん(本人が半角英数という表記をした記憶はないのでローマ字で)がネットにデビューしたのはブログ時代になってからだ。正確には2005年である。 そんな別の時代を一緒に語るなんてひどい!というのがオッサンとしての感想で、どうも、ブログ時代になった時にテキストサイトを回顧していたのと一緒に見えるんだよなあ。これがTwitterやFacebook、

                                                                                真性引き篭もりの活躍をテキストサイト時代の話にしないで! - ARTIFACT@はてブロ
                                                                              • テキストをかっこよく魅せるPhotoshopのチュートリアル集:Part 10 | コリス

                                                                                テキストをかっこよく魅せるPhotoshopのチュートリアルの紹介です。 How to Create a Copper Photoshop Text Effect How to Make Patch

                                                                                • [CSS]テキスト要素の先頭行だけline-heightを取り除き、上ぴったりに揃えるスタイルシートのテクニック

                                                                                  テキスト要素を配置する際、line-heightがあると、テキストの先頭行を上ぴったりに揃えることはできません。先頭行だけline-heightでできた上スペースを取り除き、上に揃えるスタイルシートのテクニックを紹介します。 これをしたいと思った人は少なくないと思います。 先頭行の余計な余白を取り除き、ぴたっと揃えることができます。取り除くのは先頭行の上だけなので、先頭行の下やほかのテキスト要素はline-heightが適用されます。 Line-height Crop by CodyHouse 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 先頭行だけを上に揃えるスタイルシート テクニックの解説 免責事項 はじめに 元々は、近日公開予定の「Web Components」のために作成したものですが、グローバルのCSSとし

                                                                                    [CSS]テキスト要素の先頭行だけline-heightを取り除き、上ぴったりに揃えるスタイルシートのテクニック