mimosafaのブックマーク - はてなブックマーク

[コードエディタ] Bracketsが正式リリース

Brackets が正式リリースされた。アップデートついでに色々とまとめてみた。 Bracketsとは Brackets は、Web アプリ開発向けのオープンソースコードエディタ(Adobe が一枚噛んでる)。「Adobe Edge Code」のベースになってるっぽい。 Sublime Text ほど人気はないけれど、個人的には Sublime Text より使いやすくて使っている。ここ最近はかなり使いやすくなっている。特徴クロスプラットフォーム(Mac, Windows, Linux) 日本語を標準サポート HTML/CSS/JavaScript/SCSS/LESSを標準サポートクイックドキュメントタグやスタイルに関するヘルプ表示クイック編集タグを装飾するスタイルをインライン編集できるようにする(CSSファイルを開かずに済む) 構文チェック(JSLint) ライブプレビュー

mimosafa 2014/11/05

リンク

[CSS] 選択した部分のスタイルを変える方法

ドラッグで文字を選択した際の装飾を変更する。コードブラウザによって記述が違う。IE8 は未対応だが、モダンブラウザであれば大抵使える。 Can I use... Support tables for HTML5, CSS3, etc backgroundだけじゃなくてcolorなどのプロパティを指定する事もできる。 ::selection { background: #eee; } ::-moz-selection { background: #eee; } ::-webkit-selection { background: #eee; } 全体ではなく特定のダグに指定する場合は、以下のようにセレクタを指定する。ベンダーごとの指定も同じようにする。 p::selection { background: #eee; }

mimosafa 2014/07/28

css

リンク

[CSS] 蛍光ペンのような文字に重なった下線を引く方法

蛍光ペンのような下線を引きたいと思います。 borderでは上手くできないのでbackgroundを使います。コード.target { background: linear-gradient(transparent 80%, #ff9 20%); }

mimosafa 2014/07/28

css

リンク

[WordPress] 2ページ以降の記事の表示数を変える方法

2 ページ以降は管理画面で設定ページ数より-1 ページの表示にします。 functions.php に追加するコード function my_parse_query($query) { if( is_paged() ) { $current_per = get_option('posts_per_page'); $query->set('posts_per_page', $current_per - 1); } } add_filter('parse_query', 'my_parse_query');is_archive()などでも同じ要領でページ数を任意のものに変えることができます。

mimosafa 2014/05/21

リンク

より良いjQueryのコードを記述するには

はじめにより良い jQuery のコードを書くためにいくつかの方法を提言しているWriting Better jQuery Codeを紹介します。リンク切れの部分は省略しています。また、本文についても意訳や誤訳で若干意味が異なっている部分等あるかもしれません。あらかじめご了承ください。詳細は翻訳元をご確認ください。 jQueryやJavaScriptのパフォーマンスについて論じた記事はたくさんあります。しかし、この記事では、jQueryとJavaScriptのコードを改善するためのスピードのヒントと私自身のアドバイスをまとめたいと思います。より良いコードとは、より速いアプリやジャンクのないWebサイトを意味する。高速なレンダリングと反応性は、より良いユーザー体験を意味します。まず第一に、jQueryはJavaScriptであるということを心にとどめておくことが重要です。つまり、どちら

mimosafa 2014/04/26

リンク

[JavaScript] 数字しか入力できないInputを実装する方法

仕様0〜9 までの数値のみを許容する入力完了後に文字列を削除ペースト許容しないドラッグ&ドロップ許容しないデモ let input = document.querySelector(".numeric-input"); // disable event function const disableEvent = (e) => { e.preventDefault(); e.stopPropagation(); }; // disable paste input.addEventListener("paste", disableEvent); // disable drag&drop input.addEventListener("drop", disableEvent); // remove string input.addEventListener("keyup", function

mimosafa 2014/04/23

リンク

はてなブックマーク

タグ

ブックマーク / b.0218.jp (6)

お知らせ

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

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

月間はてなブックマーク数ランキング（2024年6月）

公式Twitter

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

はてなブックマーク

公式Twitter

はてなのサービス