シンプルなHTMLとCSSコピペで実装できるタイトル（見出し）のデザインサンプル 50 | NxWorld

2015/10/07 1048 users CSS 見栄え NxWorld 手間 タイトルデザイン

画像は使用せずにCSSだけでスタイリングしたタイトル（見出し）のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。また、一部複数行に向かないものもありますが、基本的には複数行のタイトルでも見栄えが崩れない感じのものになって... 続きを読む

CSSで括弧を表現したサンプル | NxWorld

2015/03/08 345 users NxWorld 括弧 備忘録 CSS テキスト

正直微妙なので恐らく使うことないだろうっていうのもあるんですが、ちょっと使う機会があって実装できるのか試してみたので備忘録として残しておこうと思います。「」（鉤括弧）や［］（角括弧）など、括弧をCSSで表現してみたサンプルで、普通に使うのであればただのテキストを使えば良いですが、複数行をひとつの括弧で括るようなデザインにしたい時に使えます。 ※以下で紹介する方法はブラウザによっては表示確認ができな... 続きを読む

[JS]複数行の異なる高さのブロックをそれぞれ同じ高さに揃えるスクリプト | コリス

2011/02/03 293 users サムネイル div要素 コリス テキスト ボックス

画像のサムネイルやテキストを配置したボックスなど、異なる高さのブロックが数多くあっても全ての高さを等しく揃えるスクリプトを紹介します。実装方法HTML画像やテキストを配置できるdiv要素を使用しています。 続きを読む

アスキーアートが…

2012/08/28 286 users アスキーアート Baidu IME 操作 新しい視野 文字入力

Baidu IMEは無料で使えるパソコン用日本語入力システム。誰でも使いやすいよう機能・操作はシンプルに、そして文字入力を楽しめるように。新感覚の日本語入力システムです。画期的な機能が、おどろくほど簡単に。 日本語入力にまったく新しい視野を。 Baidu IMEアスキーアート辞書機能なら、複数行のアスキーアートも数ステップで簡単に入力できます。 続きを読む

Google App Engineに最適化したJavaフレームワーク「Slim3」登場。作者のひがやすをさんにインタビュー － Publickey

2010/03/24 269 users Publickey ピカ Javaフレームワーク API 作者

Google App Engineに最適化したJavaフレームワーク「Slim3」登場。作者のひがやすをさんにインタビュー Slim3は、Google App Engineで複数行のトランザクション操作を可能にし、標準で用意されているAPIよりも高速な動作を実現するなどの特徴があります。Slim3を開発したのは、オープンソースのJavaフレームワークとして知られるSeaserなどを開発してきたひが... 続きを読む

【複数行にも対応】長過ぎる文字列を省略して末尾を三点リーダー（…）にする方法いろいろ | NET BIZ DIV. TECH BLOG

2014/10/06 266 users 末尾 分量 アプリケーション レイアウト フロントエンド

【複数行にも対応】長過ぎる文字列を省略して末尾を三点リーダー（…）にする方法いろいろ wakamsha2014年10月6日 0 フロントエンド ランディングページといったコンテンツもレイアウトも全て決め打ちで成立するようなものはさておき、多くの Web サイトおよびアプリケーションは、いかなる分量のコンテンツであろうと柔軟に受け入れて表示出来るように設計・デザインされなくてはなりません。 しかし、... 続きを読む

間違いから学ぶSPFレコードの正しい書き方 : 迷惑メール対策委員会

2011/04/11 218 users メカニズム 記述 空白文字 迷惑 岡山大学

岡山大学 山井成良 2011年4月 1. はじめに 2. 典型的な誤りと正しい書き方 2.1 SPFレコードが複数行存在する 2.2 機構（メカニズム）の記述に誤りがある 2.3 参照方法に誤りがある 2.4 必要な空白文字がない 2.5 その他の間違い 3. チェック方法 1.　はじめに 迷惑メールは、現在のところ、送信元アドレスが詐称された状態で送られるものが大多数を占めます。これにより、迷惑... 続きを読む

長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」:phpspot開発日誌

2011/02/03 125 users jQuery Plugins jQueryプラグイン 1行

長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」2011年02月03日-Multi-column lists | jQuery Plugins 長〜いulリストを１行で複数行に分割できるjQueryプラグイン「Multi-column lists」。 12 ....... と、長い ul... 続きを読む

Pythonメモ : あまり知られていない（かもしれない）テクニック その1 - もた日記

2017/08/17 108 users PYTHONメモ テクニック た日記 変数 forループ

2017 - 08 - 17 Pythonメモ : あまり知られていない（かもしれない）テクニック その1 Python valueswapping.py : 変数の値を交換 controlwhitespaces.py : 空白の操作 concatenatestrings.py : 長い文字列を複数行に分けて書く forelse.py : forループのelse文 whileelse.py : w... 続きを読む

リストを複数行に自動で分割してくれるjQueryプラグイン「Easy List Splitter」:phpspot開発日誌

2012/09/13 104 users jQueryプラグイン phpspot開発日誌 ブラ リスト

リストを複数行に自動で分割してくれるjQueryプラグイン「Easy List Splitter」 2012年09月13日- jQuery plugin: Easy List Splitter リストを複数行に自動で分割してくれるjQueryプラグイン「Easy List Splitter」。 ul li 等でリスト定義すると縦に長〜くなってしまいますが、これを複数行に分割して横長にしてくれるプラ... 続きを読む

ast-grep VSCode: 構造検索と置換の強力なツール

2024/03/03 95 users vscode 置換 SSR マッチング 無視

こんにちは、 ast-grepの作者Herringtonです。 正規表現でコードを検索したことがある方なら、複数行のマッチングや入れ子構造の処理、コメントの無視などに苦労したことがあるかもしれません。 そこで、ast-grep VSCodeという新しい拡張を紹介します。これは、構造的検索と置換（SSR）という技術を利用して、より正確で... 続きを読む

Firefox で複数行を入力ボックスにペーストするオプション | Lifehacking.jp

2007/06/09 91 users Firefox Lifehacking.jp オプション

小さなことですが無視するにはあまりに便利なハックなのでご紹介。Google Maps を使っているときによく行き当たっていたのが、 東京都 千代田区 永田町1-7 という具合に複数行にわたって住所がかかれていても、１行ずつコピー & ペーストしないと、３行まとめてだと最初の「東京都」しかペーストされないという挙動でした。 Lifehacker の記事で、Firefox でこの挙動を変えるための a... 続きを読む

チルダがRubyのヒアドキュメントをもっと良くする

2012/04/27 83 users ヒアドキュメント チルダ self Ruby

Rubyのヒアドキュメントは便利です。複数行に渡る整形文章を出力するときに、これを使わない手はありません。 class ATool def self.help lines = <<EOS Instruction of `#{self}` `#{self}` is one of a great tool in the world. This helps you a lot on your daily... 続きを読む

CSSの新機能！ テキストの行のバランスを自動調整する「text-wrap: balance;」の基礎知識と使い方

2023/06/14 82 users Balance CSS 見出し Chrome テキスト

テキストが複数行のときに、行ごとの文字数を同じにしてバランスを自動調整するCSSの新機能「text-wrap: balance;」が、Chromeでサポートされました。 日本語だと複数行の文字数を同じにしたいということは少ないと思いますが、見出しやコピーなどで文字数を揃えたいときに使えます。まぁ使ってもかなりピンポイントにな... 続きを読む

リストで画像と文字を縦中心に表示するjQueryプラグイン「jQuery List Vertical Align」 | poyosicom

2012/05/15 61 users poyosi poyosicom jQueryプラグイン

しょうもないことがとっても気になる@poyosiです、こんにちは。 以下の画像のように、リストで画像と文字を縦中心に並べるのは1行だけなら簡単なのですが、複数行入るかもしれないとなると急にやっかいになるレイアウトです。 というわけで、どうしてもこのレイアウトを実装したいという超レアなケース向けに、簡単に設置することのできるプラグインを作りました。 こういうのを実装したい もじ文字 もじ文字 もじ文... 続きを読む

Web制作者やブロガーにおすすめ！選択したテキストの改行ごとにHTMLタグで囲む！「Convert HTML Tag」 * 男子ハック

2012/03/19 58 users 男子ハック ブロガー テキスト HTMLタグ WEB制作者

@JUNP_Nです。ブログを書く時にulやolをHTMLタグで囲むのって面倒くさいし手間がかかるなと思っていたのですが、この「Convert HTML Tag」がすごい便利すぎてたまりません！ 単純にタグを囲むなら他にもあるけど複数行にまたがるならコレ！ Convert HTML TagはあのMacの手書き説明書さんが作成です！いつもいつもお世話になっております。 選択したテキストの改行ごとにHT... 続きを読む

DockerでMySQLを動かす(気を付けるべきところとかいろいろ) - Qiita

2015/02/13 54 users Qiita Docker Dockerfile MySQL

引き続きMySQLについて。DockerでMySQLを動かす場合は、いろいろと工夫が必要です。結構その辺躓いたので、メモ。 MySQLを使う際の注意点 DockerでMySQLを使う場合、注意すべきことは Dockerfileでは、複数行にまたがってサービスやプロセスの状態が保持されない(毎回サービスプロセスがすべて終了した扱いになる) MySQLはapt-getでインストールしただけではインスト... 続きを読む

VS Codeでテキストを矩形選択するには：Visual Studio Code TIPS - ＠IT

2018/05/10 48 users カラム 矩形 フォーマット マウス 特定

VS Codeで、マウス／キーボードを使い、複数行にわたって特定のカラムから別のカラムまでを矩形状に選択する方法を解説する。 連載「Visual Studio Code TIPS」 一定のフォーマットで、プログラムで使用するデータを列挙しているような場合には、それらをまとめて選択できると都合が良いことがある。Visual Studio Code（以下、VS Code）で、複数行にわたって、特定のカ... 続きを読む

[Я]WordPress Popular Posts応用編：複数行のカテゴリ別人気記事一覧を作る方法 ： りくまろぐ

2013/01/17 47 users くまろぐ 方法 steps Rikuma 文末

今回は文末に表示している人気記事一覧の作り方です steps, Bradford University by Tim Green aka atoach 実は最近もコッソリとカスタマイズやってます。りく（@Rikuma_）です。 WordPressのプラグイン「WordPress Popular Posts」で集計されたデータを利用し、カテゴリ別の人気記事一覧を表示させる方法のエントリー3回目。 1... 続きを読む

VimのRubyインタフェース入門 -- ぺけみさお

2014/05/13 46 users vim インタフェース ぺけみさお rubyコマンド エントリ

VimのRubyインタフェース入門 はじめに +rubyでビルドされたVimはRubyインタフェースを備えている。 このインタフェースを使えばVimをRubyを使って制御することができる。 このエントリではVimのRubyインタフェースの使い方を簡単に説明する。 Rubyの実行 Vimスクリプト中でrubyコマンドを使って以下のようにする。 ruby puts "Hello, Ruby!" 複数行... 続きを読む

MySQLで複数行を一括でUPDATEする - Qiita [キータ]

2013/09/11 45 users テープ キータ join iOS Rails

FrogApps 技術ブログ始めました！ RailsやiOS、HTML5の情報を発信中!! → http://qiita.com/teams/frogapps データベースを運用していると、一気にデータを投入したり、更新する必要が出てきます。 MySQLではINSERT文では複数行同時に更新できますが、UPDATEでは用意されていません。 そこで、UPDATEとJOINを組み合わせて、既存のテーブ... 続きを読む

窓の杜 - 【NEWS】複数ファイル内に含まれる複数行の文字列を一括置換できる「GrepReplace」

2005/09/01 44 users NEWS 作者 Windows 一括 文字列

指定フォルダ内の複数ファイルに含まれる複数行の文字列を一括置換できるソフト「GrepReplace」v0.0.4.94が公開された。Windowsに対応するフリーソフトで、編集部で試用したところWindows XPで動作することを確認した。現在、作者のホームページからダウンロードできる。 「GrepReplace」は、対象フォルダ、検索文字列と置換文字列を指定するだけで、複数ファイルに含まれる複数... 続きを読む

CSSで複数行に対応したアニメーション付きアンダーライン（下線）を実装する方法 | NxWorld

2019/08/30 42 users NxWorld CSS class 実装 a要素

実装方法 実際の動きは以下デモのようになり、リンク箇所（文字色が濃い部分）にホバーすると1行・複数行関係なく左から右へ下線が伸びていくのを確認できると思います。 ※動きはPCで確認してください。 実装にはCSSを下記のように記述し、ここでは.hover-underlineというclassを適用したいa要素に指定する想定になりま... 続きを読む

このCSSなら簡単！フォームのチェックボックス・ラジオボタンとテキストをベースラインに揃えて配置

2021/10/05 39 users CSS 配置 テキスト ラジオボタン ベースライン

フォームの実装で面倒なのがフォーム要素とテキストを揃える、特にチェックボックス・ラジオボタンとテキストをベースラインに揃えることです。 flexboxでalign-item: baseline;を使用すると、チェックボックス・ラジオボタンとテキストを揃えるのは簡単に実装できます。複数行のテキストにも対応します。 <div class="f... 続きを読む

pandocでプログラムが記述された納品用PDFを作ってみる - smellman's Broken Diary

2017/05/22 36 users Markdown Pandoc シェル デフォルト PDF

2017 - 05 - 23 pandocでプログラムが記述された納品用PDFを作ってみる 仕事で一人プロジェクト(開発/ コンサルティング )の時には Markdown とpandocでお客さん向けのPDFを作っていたんですが、デフォルトのテンプレートだとプログラムやシェルの動作などを記載したときにPDFではtext wrapが動かなくて特にシェルなんかは複数行に改行したり工夫していました。ただ... 続きを読む