少しのコードで実装可能な20のjQuery小技集
2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！ 追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方 まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます
30分でできる！Webサイトを高速化する6大原則 (3/4)
4.CSS セレクターは短く最適化せよ！ CSSはシンプルに、短く書くことがもっとも大切だ。いくつかのポイントがあるのでぜひとも押えて欲しい。基本は、「ブラウザーはCSSを適用するときマッチング作業をしている」「マッチングの母体が大きくなればなるほど、効率は悪くなる」ということだ。 ■ユニバーサルセレクター『*』は避ける ユニバーサルセレクター（全称セレクター）はその名のとおり“ユニバーサル”（すべて）であり、マッチングに相当の時間がかかる。つまり、 *{ margin: 0; padding: 0; } というCSSリセットはレンダリングを遅くしてしまうため、なるべく使うべきではない。 ■id名にタグやclassを付け加えるな idはもともとユニークなもの。タグやclassを付け加える必要はない。余計なものを付ければレンダリングは遅くなる。 ●悪い例： ul#global-nav ●良い
content.css - mozilla.org Base Styles
/* mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup ) */ /* Suggested order: * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * text-decoration * text-align * vertical-align * white-space * other text * content * */ /* TOC: Random HTML Styl
lightWindow Demo
БК выставляет линии, принимает ставки, а также выплачивает выигрыши. Теперь бетторы имеют возможность не посвящать отдельное время игре в БК, а уделять ставкам свободные минуты, которые появляются во время перерывов, перемен, перекуров, движения в общественном транспорте. При регистрации поставьте галочку «Получить бонус» (это важно, второй попытки не будет). Все что понадобится игроку для того чт
Smashing Magazine — For Web Designers And Developers
Color accessibility is more than just ticking boxes. Even with good contrast, some color palettes can make interfaces challenging for users. Here are some practical guidelines to ensure more inclusive design for colorblind people. An upcoming part of Smart Interface Design Patterns. Continue reading ↬
CSS Remix
Cascading Style Sheets Explained If you’re new to Cascading Style Sheets, or CSS, then this short guide is for you. After a brief introduction to CSS and some of its benefits, we’ll move on to CSS frameworks to help you decide if you should use one and if so, which one would be best for your needs. What is CSS? CSS is a computer programming language used for describing the visual presentation of a
101 CSS Techniques Of All Time- Part 1 - noupe
CSS has fundamentally changed web design, it has provided designers with a set of properties that can be tweaked to make various techniques to make your pages just look right. Today we are presenting a round-up of 101 CSS techniques designers use all the time. Definitely worth taking a very close look at! This is just the first series , the second part will be coming soon, stay tuned and Enjoy! CS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blog – Best Web Gallery
Designflavr : Design and Visual art inspiration
セレクタでのCSSハック一覧表｜web bibo