CSSでここまでできるのか！知っておくと便利なCSSのプロパティや疑似要素のまとめ
CSSの進化は早いですね。 一昔前までは、JavaScriptを使用しなければできなったこと、かなり複雑なコードを書かなければできなかったことが、CSSだけで簡単にできるようになっています。 知っておくと便利なCSSのプロパティや疑似要素をまとめて紹介します。 CSS can do that? by Ananya Neogi 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. box-decoration-break 改行する際の表示形式を定義 2. attr() -簡単ツールチップ 3. backface-visibility -フリップするカードも簡単 4. conic-gradient -円グラフを簡単に実装できる 5. filter -画像に多彩なフィルタを適用 6. mix-blend-mode -画像やテキストにも
CSSファイルやJavaScriptファイルを閲覧した際に自動整形して表示するChromeエクステンション・PrettyPrint - かちびと.net
ブラウザでCSSやJavaScriptのファイルを見たときにソースを自動整形して表示するChromeエクステンション・PrettyPrintのご紹介。地味に便利・・かも。 ブラウザでCSSやJSファイルを見たときにソースをインデントするエクステンションです。便利っちゃ便利かも。
CSS Beautify
CSS Beautify automatically formats your style to be consistent and easy to read Only one blank line between two rulesets Closed curly brace is at its own line There is no empty line between declarations inside a ruleset No space between the property name and colon One space between colon and the property value Comments are preserved
一見普通のテーブルだけどExcel風に使えるjQueryプラグイン「Handsontable」:phpspot開発日誌
jQuery Rain | jquery-handsontable @ GitHub 一見普通のテーブルだけどExcel風に使えるjQueryプラグイン「Handsontable」。 Excelのテーブル風ウィジェットは色々ありますがリッチすぎて重いようなものは使いづらかったりします。 今回紹介するjQueryプラグインを使えば、Ctrl+C,Vでコピペできたり、セルに内容を直接入れたりといったことができます。 シンプルなので超軽量 入力していくと自動でサイズが再調整されてどんどん入力できます 実装コード例。初期データはJSONで指定 onchangeでコールバック関数が指定できるので変更時にサーバにデータを投げて保存といったことが可能みたい 関連エントリ Excelそっくりな表計算モジュールを実装可能なオープンソースモジュール「Gelsheet」 WEBページにExcel風スプレッドシー
strip_linefeedsモディファイアを使いつつ一部に改行を残す
「WordPressで学ぶPHP(1)変数・制御構造編」が発売されました。 「WordPressで学ぶPHP」シリーズの第1巻で、WordPressを通してPHPを学んでいく本です。 この本では、PHPの基本となる変数と制御構造について解説します。 Kindle本で、定価500円です。 MTQに、「strip_linefeedsモディファイアで改行を削除しつつも、適切な位置に改行を残したい」といった内容の質問がありました。 この質問に答えてみます。 改行を表す文字列をregex_replaceモディファイアで置換する strip_linefeedsモディファイアを使うと、対象のテンプレートタグの出力に含まれる改行は、すべて削除されます。 一部の改行を残すような機能はありません。 ただ、strip_linefeedsモディファイアを適用した後で、regex_replaceモディファイアを使っ
Excelで改行を検索・置換する
Excelで改行を検索・置換する方法です。 セルの中で改行する場合は「Alt+Enter」が使えますが、検索や置換文字列には「Alt+Enter」は使えません。 サンプルとして、表中にある文字列の改行をすべて削除する例を示します。 メニューバーより「編集」→「置換」を選択。 「検索する文字列」に「Ctrl-j」を入力。スクリーンショットには何も表示されていませんが「Ctrl-j」を入力した状態です。「置換する文字列」には何も入力しません。 「すべて置換」を実行すると、該当するセル内の改行がすべて除去されます。「Ctrl-j」はWindows特有のショートカットのようで、メモ帳でも使えます。 改行を付与する場合は、「置換する文字列」に「Ctrl-j」を入力します。スクリーンショットでは「ccc」しか見えていませんが、「置換する文字列」には「aaa(Ctrl-j)bbb(Ctrl-j)ccc」
CamCam - Wordpress 改行プラグイン
改行が改行しただけ改行したまま改行する 改行の改行による改行のためのプラグイン作ってみました。 こんなもの使う人がいるとかいないとか 文法的にどうだとかなんだとか、細かいことは気にしない。(;･∀･) ////こんなプラグイン 投稿した本文中の改行を改行しただけ改行した分<br />に変換します。 ※全体をPタグで囲むだけで本文中のpタグは入らなくなります。 ※コメントも改行しただけ改行します。 ダウンロードはこちら WordPress改行プラグイン ダウンロード (ver3.0以降) **13.1.6 ver 2.9以前への対応を終了. editor.jsの配布を終了 **10.9.15 ver 2.8以前の対応版の配布を終了 **10.1.5 ver 2.9について追加 **09.06.15 ver 2.8について追加 **09.01.29 ver2.7について追加? **08.01.
pre要素で折り返しをするためのCSS
pre要素でソースコードを折り返すためのCSSです。最近は色々なSyntax Highlighterが登場しているので必要ないかもしれませんが、URLなどの横に長い文字列をpre要素で表示したいときに有効かもしれません。 １．CSS 以下のCSSでpre要素の文字が折り返せます。「white-space: pre-wrap」または「word-wrap: break-word」に未対応のブラウザはoverflowプロパティでスクロールします。 pre { white-space: pre-wrap; word-wrap: break-word; overflow: auto; } 以下は、過去の記事でよくみかけた設定です。 pre { white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; w
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WIZ-WORDPRESS│EC-CUBE-LABO - TinyMCE AdvancedとPS Disable Auto Formatting