次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック集
CSSやjavascriptを利用してサイトをよりリッチな表現に変えていくというのは、WEB制作の現場では常に行われていて、様々なスニペットやライブラリが日夜リリースされています。今日紹介するのは次のレベルまでWEBサイトを引き上げてくれるCSS、javascriptテクニック「CSS and JavaScript tools to take your website to the next level」です。 Countable.js 様々なCSSやjavascriptによるテクニックがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 iCheck クリックしたラジオボックスやチェックボックスから、返り値をとれるjavascript。それをキーにして何かを動かしたいときに。 Almost Flat UI フラットデザインUIを簡単に実装で
jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種
jQueryで簡単に作れるマウスオーバーでアニメーションするボタン５種 ちょっと前まではマウスオーバーといえば画像の切り替えくらいでしたけど、最近ではアニメーションで切り替わるマウスオーバーも増えてきましたね。 ということでこの記事ではjQueryを使用して、わりと簡単に作れるマウスオーバーアクションをご紹介します。 投稿日2010年10月24日 更新日2012年03月05日 ナビゲーションはテキストにしないとseo的にあれだよとか言われていますが、コーポレートサイトではまだまだ画像を使用されていることが多いと思います。なので、今回は画像ナビゲーション限定です。（テキストでもあまり変わらないと思いますが……） 縦型+テキストタイプのナビゲーションはこちらの記事をご覧ください。 「jQueryで作るマウスオーバーアニメーションするテキストタイプの縦型ナビゲーション10種」 htmlと画像の準
jQueryでポップアップを実現するプラグイン「prettyPopin」 | プラスター業務日記
iPhoneなどは画面サイズが限られているので情報が多いと操作性が悪くなりますが逆に情報が少ないとそれはそれで使いにくいし、、何か良いUIを実現する方法はないかと探している時に見つけたのが、操作性を担保しつつポップアップで情報表示を行う事が出来る「prettyPopin」です。 prettyPopinの何が良いってaタグにrel=”prettyPopin”を定義するだけでポップアップしてくれるのでソースの修正が少なくて高度なUIを実現できる事です。 prettyPopinのダウンロード prettyPopin公式サイトからダウンロードできます。 prettyPopinの使い方 prettyPopinのスタイルシートとJavascriptを定義します。 <script src="jquery.js" type="text/javascript"></script> <link href=
Creating a Slick Auto-Playing Featured Content Slider | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. I love the Coda Slider plugin for jQuery. I’ve used it recently to build a couple of tabbed “widgets”. One here on CSS-Tricks in the sidebar to show Script & Style links, Featured Posts, and Popular Posts. Just kind of a fun way to show lots of content in a small area. I also used it on an article
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
ディスプレイのサイズに合わせて画面いっぱいに背景画像を表示するCSSやjQueryプラグインいろいろ
ディスプレイサイズ（ブラウザサイズ）いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ（ブラウザ）のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します！ 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max
Welcome to Tablecloth テーブルのマウスオーバーを色変更
cssglobe.com 2024 著作権. 不許複製 プライバシーポリシー
TableKit - HTMLのテーブルで任意の列をソート（並び替え）
ウェブサイトの技術っておもしろいよね RDF Site Summary RSS 2.0 このブログは、ウェブサイトで使われる様々な技術や表現についてトモヒロが実際に作成したり 考えたりした事を綴るブログです。 仕事や趣味等についても綴っていきたいと思っています。 おすすめ 最近の記事 カテゴリ ウェブ技術の実践 【Javascript】 フォームの見栄えを良くする 軽量アコーディオンスライダー 【Javascript】[Ajax] 自動入力補完 データ処理中に画像を表示 【Javascript】[Ajax] [prototype] [jQuery] 郵便番号から住所の自動補完 【Javascript】[prototype] テーブルで列の並べ替え 【Javascript】[jQuery] アニメーションするテキストリンク 注目させたい部分を強調 【PHP】 キーワードクラウド 【CSS】
どや！？ひよっこデザイナーにもできるWebページ高速化！鍵は「HTTPリクエストの数を減らすこと」 | デザインどや！？
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LightBoxの使い方とカスタマイズ方法 | CSS Lecture
http://www.designwalker.com/2009/01/table.html