タグ

2011年4月14日のブックマーク (7件)

  • まさにノウハウの塊。WordPressでCMSサイトを構築するなら·WSCプロジェクト MOONGIFT

    WSCプロジェクトWordPressでCMSサイトを構築するのに使えるテーマを開発するプロジェクト。 WSCプロジェクトPHPWordPress用のオープンソース・ソフトウェア。ソフトウェアは大抵、最初はごく小さなレベルからスタートする。それが数年かけて開発を続ける内に徐々に機能が追加されたり、逆に削られたりしながら磨かれていく。 トップ WordPressもその一つだ。元々はとてもシンプルだったと思われるが、今ではとても重厚なシステムになっている。ブログエンジンではなく、まさにCMS(コンテンツ・マネジメント・システム)だ。そんなWordPressとさらに便利に使いやすくしてくれるプロジェクトがWSCプロジェクトだ。 WSCプロジェクトではWordPressでCMSを構築するのに最適なテーマを開発している。最新版のWSC6では、限りなくプレーンなデザインを追求することでデザイナーの

  • ウェブブラウジングを快適にするChromeショートカット15選 | ライフハッカー・ジャパン

    Google Chromeのショートカットまとめです。ショートカットはたくさんありますが、中でも、ウェブブラウジングを快適にするものをピックアップしました。 それでは以下にショートカットをまとめます。 Alt+F または Alt+E ツールメニューの開閉。 Ctrl+Shift+B ブックマークバーの表示・非表示。 Ctrl+D 現在開いてるページをブックマークに追加。 Ctrl+Shift+D 開いているタブすべてをブックマークに追加。 Ctrl+J ダウンロード履歴を表示。 Shift+Esc Chromeタスクマネージャの起動。 Ctrl+Shift+J Chromeデベロッパツールの起動。 Ctrl+L URLバーにカーソル移動。 Ctrl+Backspace テキストボックス内の文字列を一定間隔まとめて削除。 Ctrl+G ページ内検索。Ctrl+Gを押し続けることでヒットしたワ

    ウェブブラウジングを快適にするChromeショートカット15選 | ライフハッカー・ジャパン
  • ページを下にスクロールするにつれ表示する「TOPへ」ボタン実装チュートリアル:phpspot開発日誌

    Animated Scroll to Top ページを下にスクロールするにつれ表示する「TOPへ」ボタン実装チュートリアル。 ページの上の方にいる場合は必要ないかもしれないボタン。下に行くにつれ表示されることで上に戻れることが分かりやすく、上にいるときは邪魔にならないという使いやすいボタンが作れますね。 jQueryにて実装するチュートリアルとなっており、サンプルのダウンロードも出来るのでいざ実装する際に参考にできそう。 デモページ 最近WEBを巡回していると散見するUIですね。 関連エントリ 指定位置までスクロールするとヒントを表示させられる便利jQueryプラグイン「SlideNote」 スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」 カッコ悪いスクロールバーとはオサラバできるjQueryプラグイン「jQuery vScroll」

  • [CSS]グラデーションのアニメーションが美しいフォームを実装するスタイルシート

    Glowform デモページ [ad#ad-2] CSS3のグラデーションとアニメーションを使用しているため、対応ブラウザはWebkit系(Chrome, Safari)、Firefox4となります。 テキストフィールドにフォーカスすると、グラデーションはアニメーションで美しく変化します。 [ad#ad-2] HTML HTMLは、下記のようになっています。 スタイルシートやスクリプトはサイトの「Download」からダウンロードできるので、そちらでご確認ください。 <div class="rain"> <div class="border start"> <form> <label for="email">Email</label> <input name="email" type="text" placeholder="Email"/> <label for="pass">Passwo

    akbd
    akbd 2011/04/14
  • HTML5ベースのWordPressのテーマファイルのまとめ

    Starkers HTML5 v3.0 Nathan Staines デザインが一切適用されていないWordPressのテーマファイル。 キャプチャにあるように、お好みの洋服を着させてください。 TwentyTen Five WordPress3.xのデフォルトのテーマ「Twenty Ten」をHTML5に完全対応させたWordPressのテーマファイル。 [ad#ad-2]

  • 人間のために分かりやすい実用的なURLを設計する方法

    URL Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに URLを設計する理由 トップレベルのセクションは重要 URL構造を増強する方法 クエリの文字列 URLにはASCIIを URLは検索エンジンのためにではない URLは合意 全てがURLを持っているべき リンクはリンクらしく 再利用できないURL 素晴らしいURLの例 おわりに はじめに あなたは、URLの構造を設計するのに時間をかけるべきです。この記事を読んだ後で、あなたに一つだけ覚えておいてほしいことは、URLの構造を設計するのに時間をかける、ということです。 URLデザインは簡単ではなく、正しい解決方法があると言うことはできません。しかしそれは、他のデザインと同じです。良いURLデザインがあり、良くないURLデザインがあり、そしてその中間もあります。 しかし、それは素晴らしいURLデザインを作るこ

  • 使いやすいFAQをサクッと作る際に便利なjQueryプラグイン「SimpleFAQ」:phpspot開発日誌

    JK - jQuery SimpleFAQ 使いやすいFAQをサクッと作る際に便利なjQueryプラグイン「SimpleFAQ」。 FAQというと内容が多くなればページが長くなって見難くどんどん使いづらくなっていきますね。 そんな場合に、項目は並べつつも、クリックした際にアニメーションで質問のすぐ下に現れるようなFAQが簡単に作れます。 質問のリスト。 とりあえず質問が並んでいるので分からないことを探してもらいます。 そんなに大規模なFAQじゃなければ質問項目を羅列しておくだけでもそれなりに使いやすいです。 クリックすればページ移動とかもなく、その場にアニメーションしながら答えが表示されます。 別ページに移動したりといったことがなく、ストレスフリーで内容が見れます。仮に答えが的外れでも戻ったりせずにすぐに他の質問に行けます で、何がいいかという個人的におすすめする点は、作り方。 作り手は、