タグ

htmlとpluginに関するshion214のブックマーク (4)

  • [JS]フォームのselect要素をHTMLの変更無しで、ミニマルに美しく使いやすくするスクリプト -Minimalect

    フォームのselect要素をHTMLには手を加えずに、美しいミニマルなデザインを適用し、使いやすさもアップさせるjQueryのプラグインを紹介します。 デザインのテーマも用意されており、オリジナルのテーマをスタイルシートベースでつくることもできます。 Minimalect Minimalectの特徴 Minimalectのデモ Minimalectの使い方 Minimalectの特徴 select要素を洗練されたデザインに置き換えます。 optgroupsのサポート。 フィルタリングのサポート。 キーボードナビゲーション。 テーマのサポート。 Minimalectのデモ HTMLの変更は無しで、select要素を美しく、そして使いやすくしたデモがあります。 まずは、一つ目。

  • 今使ってるWordPressプラグイン33個+停止した19個・2013年春版

    今年1月に初めてWordPressによる自作ブログを完成させて以降、プラグインに関してもいろいろと試行錯誤してきました。今回はそんな私が現在使用しているプラグインと、試行錯誤の末に使うのを止めているプラグインをそれぞれ紹介します。 記事を書いたことで「参考になりました」と沢山の方々に言って頂けたし、自分自身もプラグインの整理が出来て、様々な収穫がありました。 あれから5ヶ月が経過。まだ初心者なのか中級者になれたのかは判りませんが、前回記事を書いて以降、新たに導入したプラグインもあれば、停止させちゃったプラグインもあり、ラインナップに変化が生じています。 ということで、現時点のプラグインをまとめてみました。 現在使用しているプラグイン33個 1. 『.html on PAGES』 【NEW!】 【機能概要】 固定ページのパーマリンク最後に「.html」と拡張子を付加する。 【導入動機・補足な

    今使ってるWordPressプラグイン33個+停止した19個・2013年春版
  • [JS]超軽量、設置も簡単、オプションも豊富なスライドショーのスクリプト -Orbit

    実装も簡単で、オプションも豊富に揃った、使い勝手のよい画像スライドショー用のjQueryのプラグインを紹介します。 約4KBと超軽量なのもいいですね。 右上のオートプレイは状況も表示します。 Orbitの実装 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.orbit.min.js" type="text/javascript"></script> スタイルシートも外部ファイルとして指定します。 <link rel="stylesheet" href="css/orbit.css"> HTML 画像のみを配置したシンプルなスライドのHTMLです。 <div id="featured"

  • Firebugの使い方 | THE HAM MEDIA

    Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会(SaCSS)にて発覚!使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ!」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない!という人も勉強会の時に多かったように、実際にも多いはず! Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ!と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認

    Firebugの使い方 | THE HAM MEDIA
  • 1