タグ

2011年7月20日のブックマーク (21件)

  • かなりいい感じのWordPressテーマ25:phpspot開発日誌

    25 Really Cool WordPress Themes - tripwire magazine かなりいい感じのWordPressテーマ25 次のようなかなりクールなWordPressテーマが沢山特集されています。 リニューアルは考えていないけどとりあえず使ってみたいと思わせるようなデザインが満載です。 どれも画像の使い方がかなり上手いきがしますね。サイトデザインの参考としても活用できそうです 関連エントリ フレッシュでハイクオリティなWordPressテーマ15種 フレッシュでフリーなWordPressテーマ2011 シンプルなポートフォリオサイト構築用WordPressテーマ25 かなりいい感じのWordPressテーマ20

    warriorking
    warriorking 2011/07/20
    かなりいい感じのWordPressテーマ25:phpspot開発日誌
  • 不動産サイトに使えそうなアイコンセット「Real Estate Icons」:phpspot開発日誌

    Real Estate Icons 不動産サイトに使えそうなアイコンセット「Real Estate Icons」 次のようなアイコンがPSDとPNG形式で配布されています。 不動産関連のサイトを作る予定がある場合は覚えておくとよさそうですね。 WEB制作の案件としても不動産のホームページはそれなりにある気がするので覚えておいて損はなさそう 関連エントリ TwitterやFacebook等、フリーで使えるソーシャルメディアアイコンセット40 高品質なアイコン作成Photoshopチュートリアル20 モダンなブラウザアイコンセット9 475種類の汎用に使えるフリーのアイコンセット

    warriorking
    warriorking 2011/07/20
    不動産サイトに使えそうなアイコンセット「Real Estate Icons」:phpspot開発日誌
  • Google+のストリームを盛り上げるGIFアニメ作成講座~Google+ユーザー必見!~ - Chrome Life

    Google+には、FacebookやTwitterには無い楽しみ方があります。 それは、ストリームに流れるGIFアニメで盛り上がることです! どのSNSでもテキストやリンクは流れてくるのですが、GIFアニメが流れてくるのはGoogle+だけです。 Youtubeの動画リンクが流せるから同じでは?と思うかもしれませんが、これがまったく違うのです。 Youtubeの動画を張っていても、必ずクリックしないと再生されません。 実際には、よっぽど暇な時でないと、何分もある動画を観ることはありません。 その点、GIFアニメの場合、クリックしなくてもストリームを眺めているだけでアニメーションを楽しむことができます。 ほとんどのGIFアニメは4コマ漫画のように短く簡潔で、繰り返し再生されるようになっています。これは、流れが速いストリームに最適な見せ方だと思います。 そこで今回は、ストリームを盛り上げるた

    Google+のストリームを盛り上げるGIFアニメ作成講座~Google+ユーザー必見!~ - Chrome Life
    warriorking
    warriorking 2011/07/20
    Google+のストリームを盛り上げるGIFアニメ作成講座~Google+ユーザー必見!~ | Chrome Life
  • Tripwire Magazine | Handpicked goodies for entrepreneurs, developers and web designers

    The quality and availability of WordPress e-commerce themes makes WordPress a serious choice as an online shop platform. In fact, WordPress has moved rapidly from being mainly a blogging platform and is now one of the top CMS systems for traditional websites. Lately,... Welcome to our Website Awards for best free WordPress themes. We are hosting this award to showcase the best websites to visit wh

    warriorking
    warriorking 2011/07/20
    25 Really Cool WordPress Themes - tripwire magazine
  • テクノロジー : 日経電子版

    レンズの口径が3.8メートルと国内では最大となる光学赤外線望遠鏡が、岡山県浅口市に完成した。将来の望遠鏡のために新しい技術を満載し、大きな割に機動的に動かせられる。宇宙で突発的に起…続き 銀河誕生の謎探れ 130億光年見通す望遠鏡の仕組み [有料会員限定] ケプラー宇宙望遠鏡が引退 太陽系外惑星を多数発見

    テクノロジー : 日経電子版
    warriorking
    warriorking 2011/07/20
    ゲームは「産業革命」に突入した 任天堂・岩田社長の苦悩  :日本経済新聞
  • スマフォ向けサイト構築等に便利そうな、指定サイズに応じてclass名を加えてくれる軽量jsライブラリ・Selector Queries - かちびと.net

    これはかなり便利そうだったので備忘録。 ディスプレイサイズに応じて指定した要素 にclass名を加え、そのclassを使ってデザ インする事でレスポンシブなWebデザイン を設計出来るようにする為のライブラリ。 かなり便利そうです。 この発想はちょっと素敵でした。指定したサイズに応じて要素にclassを与えるので、Media Queryを使用したPCとスマフォ向けサイトで見た目をまったく別のものにすることも出来そう。 特にjQueryやmootoolsといったスクリプトに依存してないのもいいですね。イメージ的には部分的にMedia Queryを手軽に使える、という感じでした。 わずか5KBほどの非依存型軽量ライブラリです。ディスプレイサイズ等で要素が指定した数値になると、class名を与えてくれるので、環境によってデザインを簡単に変更できるようになります。 上記はMedia Query T

    スマフォ向けサイト構築等に便利そうな、指定サイズに応じてclass名を加えてくれる軽量jsライブラリ・Selector Queries - かちびと.net
    warriorking
    warriorking 2011/07/20
    スマフォ向けサイト構築等に便利そうな、指定サイズに応じてclass名を加えてくれる軽量jsライブラリ・Selector Queries - かちびと.net
  • tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」:phpspot開発日誌

    Chartify ? A Visualization Plugin for jQuery tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」 <table>のデータを最小1行でGoogleのChart APIを使ってグラフ画像に変換してくれるみたいです。 マークアップ上では次のようなテーブルがあったとします。 プラグインを読み込んで .chartify します。色なんかも指定 すると次のようなグラフに変換されて表示されます。 HTML上にデータがかけてそれをグラフに変換してくれるのはなかなかいいですね。 関連エントリ 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 ドリルダウンなグラフを作成できるjQueryプラグイン「DDChart」 地下鉄の路線図を描けるjQueryプラグイン「Subway Map Visualization」

    warriorking
    warriorking 2011/07/20
    tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」:phpspot開発日誌
  • サイトの「色」選びに役立つ20のツール

    色選びに困ったときに助けてくれるウェブツールを20個紹介します。具体的な配色アイデアが紹介されているもの、選んだ色と関連する色が表示されるもの、画像から色を抽出するもの、という感じに分けてみました。 配色アイデア タイプ 投稿された配色アイデアが紹介されているサイトです。アイデアから編集できるサイトもあり、取っ付きやすいと思います。 Color Trends + Palettes :: COLOURlovers kuler ColoRotate: Colors come to life in 3D. Color Theory @ ColorJack カラーピッカータイプ 好きな色を選ぶと、その色と相性のよい色や関係性の高い色などが表示されます。 ウェブ配色ツール Ver2.0 Color Scheme Designer 3 [ws] Color Scheme Generator 2 Col

    サイトの「色」選びに役立つ20のツール
    warriorking
    warriorking 2011/07/20
    サイトの「色」選びに役立つ20のツール|Webpark
  • 油不要の「レンジでチンするから揚げ粉」、わずか10分以内にから揚げ完成

    油で揚げずフライパンで焼くだけのから揚げ粉を上回るのが昭和産業の「レンジでチンするから揚げ粉」(希望小売価格は税抜き180円)。その名の通りレンジでチンするだけでから揚げが完成するというおそるべき手軽さがウリで、から揚げ粉の配合などは昭和産業独自のものになっており、なんと特許出願中とのこと。なんだかすごそうなので実際に買ってきて作ってみました。 これがウワサの「レンジでチンするから揚げ粉」、しょうゆ味 これ1袋でから揚げ24個相当。用意するのは鶏もも肉・まぶす用の袋・キッチンペーパー・お皿だけ。 裏面の説明によると8個分で250グラム必要だそうなので、今回は24個一気に作るため、750グラムに近い鶏もも肉を探し、720グラムのものを購入。値段が777円というのもなんだか縁起が良さそうな感じ。 から揚げ用の鶏もも肉だと最初からカットしてるのですが、これは未カットなので包丁で切ります。 24個

    油不要の「レンジでチンするから揚げ粉」、わずか10分以内にから揚げ完成
    warriorking
    warriorking 2011/07/20
    油不要の「レンジでチンするから揚げ粉」、わずか10分以内にから揚げ完成 - GIGAZINE
  • jQuery EasyUI - help you build your web page easily

    Welcome to EasyUI EasyUI framework helps you build your web pages easily. GET STARTED What is EasyUI? easyui is a collection of user-interface components based on jQuery, Angular, Vue and React. easyui provides essential functionality for building modern, interactive, javascript applications. using easyui you don't need to write many javascript code, you usually define user-interface by writing so

    warriorking
    warriorking 2011/07/20
    jQuery EasyUI - help you build your web page easily
  • HTMLとスタイルシート(CSS)の業務スキルレベル 判別表 (5段階) - 主に言語とシステム開発に関して

    スキルチェックの目次へ HTMLおよびスタイルシート(CSS)を利用したWebページ制作の,簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。 これは,「Webページをコーディングして作る人」全般に当てはまる。 レベルは,0から4までの5段階。 (0) 非エンジニア (1) 初学者(入門書を学習してゆく段階) (2) ノーマル(基礎的な知識があり,ある程度の画面を作れるようになった段階) (3) 中級者(Webアプリの開発プロジェクトで1人月としてカウントできる水準) (4) 上級者(メインPG/デザイナとして,Web UIの主担当を任せられる水準) Webアプリのプロジェクト開始時に作業振り分けをするにあたって,新規メンバ全員にこれを渡して回答してもらうという用途を想定。 なお,システム開発上のスキルをチェックする事が主眼なので,アーティスト(

    HTMLとスタイルシート(CSS)の業務スキルレベル 判別表 (5段階) - 主に言語とシステム開発に関して
    warriorking
    warriorking 2011/07/20
    HTMLとスタイルシート(CSS)の業務スキルレベル 判別表 (5段階) - 主に言語とシステム開発に関して
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    warriorking
    warriorking 2011/07/20
    CSS3で立体的なテキストを作るためのチュートリアル | IDEA*IDEA
  • Webページ制作に使える6つの便利サイト | エンタープライズ | マイコミジャーナル

    A Web Design Community curated by Chris Coyier. CSS-TricksにWebページ制作時に役立つ便利なページ紹介の記事「One Page Apps I Actually Use」が掲載されている。特にCSS3を利用するにあたって便利なページがまとまっており参考になる。紹介されているページは次のとおり。 まず紹介されているのはCSS3 Please!。このサイトはよく使われるCSS3機能のテンプレートをまとめたサイトで、コピー&ペーストして利用できる。主要ブラウザのベンダプレフィックス版もすべて記載されおり便利。コメントも記載されておりわかりやすい。CSS Border Radius Generatorは角の丸みをチェックするサイト。四隅のボックスに数値を入力すると、それを表現するためのCSS3が生成される仕組みになっている。-webkit-と

    warriorking
    warriorking 2011/07/20
    Webページ制作に使える6つの便利サイト | エンタープライズ | マイコミジャーナル
  • [CSS]可変でも固定でも対応できる、シンプルなグリッドシステム -Grid

    FruidレイアウトでもFixedレイアウトでも、入れ子でも対応できる、シンプルなグリッドシステムを実装するスタイルシートを紹介します。 デモページ:入れ子のグリッド Gridの使い方 Gridは、使い方も簡単です。 コンテナとなる要素のclassに「grids」を加えます。 子要素に望むサイズのclassを指定します。 Gridのスタイルシート 2011年7月1日リリース版のスタイルシートです。 グリッドは、2分割、3分割、4分割、5分割が用意されています。 /* * Grid * A simple, flexible, fluid grid system that can flow nicely inside a fluid or a fixed container or play good with another Grid system. * Brajeshwar, http://

    warriorking
    warriorking 2011/07/20
    (CSS)可変でも固定でも対応できる、シンプルなグリッドシステム -Grid | コリス
  • 一歩進んだCSSを作成するためにアドバイスする·CSS Lint MOONGIFT

    CSS Lintはより良いCSSであるためのアドバイスを行うソフトウェア。 CSS LintJavaScript製のオープンソース・ソフトウェア。今、Webサイトを作る上で欠かせないのがCSSだ。デザインとHTMLマークアップとを切り離すことで、メンテナンスしやすく、かつ構造的な管理のしやすいWebサイトができあがる。 チェック画面 CSSはとても柔軟であるために適当に書いてもエラーが起きる訳ではない。正しいCSSかどうかはCSS validatorを使えばチェックできるが、より“こうした方が良い”という情報を提供してくれるのがCSS Lintだ。 CSS Lintはより見やすい、より問題の起きづらいCSSを書くためのヒントを与えてくれるソフトウェアだ。これはCSSを検証してもエラーとはならない。だがこうした方が失敗が少ないであろうノウハウをソフトウェアの形にして提供してくれる。Java

    warriorking
    warriorking 2011/07/20
    一歩進んだCSSを作成するためにアドバイスする「CSS Lint」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
  • 稼働中の激選27個のWordpressプラグイン | N1kuMeet5

    先日のメモリー負担増によるエラーを今後回避するために、 プラグインを再考してみました。 50個近くあったものを32個にシェープアップしました(^_^)♪ それぞれの役割とインストール方法をご紹介します。 現在稼働中のプラグイン Akismet オンラインサーバでコメントの内容をチェックするスパム対策サービスです。 おすすめ度:★★★★★ Akismetの使い方とAPIキーの取得方法 – WordPressのプラグイン | コメントスパム対策 | SEOテンプレート比較 All in One SEO Pack ページごとにmeta descriptionを設定したり、 サイトタイトルをSEOチックにする為のプラグインです おすすめ度:★★★☆☆ SEO対策に効果的なカスタマイズ – WordPressのプラグイン | All in One SEO Packの使い方 | S

    warriorking
    warriorking 2011/07/20
    稼働中の激選27個のWordpressプラグイン | N1kuMeet5
  • Firefox、ログインの常識を変える「BrowserID」を発表 | エンタープライズ | マイコミジャーナル

    Firefox web browser - Faster, more secure & customizable Webサイトへのログインに新しい流行を作るかもしれない興味深い技術がMozillaから発表された。Mozillaの見込みがうまくいけば、数年後にはこの方式でどのWebサイトにもログインできるようになる可能性がある。発表された技術は「BrowserID」と呼ばれている。 Webサイトにおけるログインというのは、利用するユーザにとっても、開発するエンジニアにとっても面倒なものだ。ユーザはサイトごとに異なるIDとパスワードを入力しなければならないし、開発側はログインシステムをプライバシーの保護にも考慮しながら開発する必要がある。 「BrowserID」はこの双方の問題を解決する。開発側は数行のコードをページに挟みこむだけでログイン処理が実装でき、ユーザはどのサイトでもまったく同じUI

    warriorking
    warriorking 2011/07/20
    Firefox、ログインの常識を変える「BrowserID」を発表 | エンタープライズ | マイコミジャーナル
  • hosutesu.org

    hosutesu.org 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

    warriorking
    warriorking 2011/07/20
    (まとめ)WEBサイト制作に役立つ67のサービス | 祇園ホステスのネットビジネス挑戦ブログ
  • 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」:phpspot開発日誌

    異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 2011年06月27日- Official Demo page for MyThumbnail jquery plugin 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」。 画像は普通に並べると高さやサイズも一定ではなくかといってサイズしていで縮めちゃったとしても幅は一定になりません。 このプラグインを使えば指定のサイズにまるめてくれるだけでなく、トリミングもして画像が変な方向に伸縮しないようにも調整してくれます 次のような画像を並べただけの状態があったとして。 次のように、指定したサイズに調整した上でトリミングもしてくれます(角丸はCSSで指定してます)。 HTMLは次のようにかなり単純に<a>付きの<img>を並べただけです。 <div

    warriorking
    warriorking 2011/07/20
    異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」:phpspot開発日誌
  • [JS]jQueryのプラグイン33 1選 -2011年6月 | コリス

    galleryFocus フォーカスした周辺をアニメーションでフェードさせ、中心をくっきり見せるギャラリー。 [ad#ad-2]

    warriorking
    warriorking 2011/07/20
    (JS)jQueryのプラグイン33 1選 -2011年6月 | コリス
  • 興味深いテクニックを多々取り入れているHTML5+CSS3のフレームワーク -Gridless

    当サイトの記事でも取り上げている数々のテクニックを取り入れている、IE6/7にも対応したHTML5+CSS3ベースのフレームワークを紹介します。 Gridless [ad#ad-2] Gridlessの主な特徴 CSSでユーザーのスクリーンサイズに最適なレイアウトを実現します。 参考:Media Queriesをしっかり身につけるチュートリアル クロスブラウザ対応(IE6/7も含む) CSS Resetには、Normalize CSSを使用。 参考:ブラウザのスタイルをリセットするスタイルシート -Normalize CSS 黄金比をベースにしたサイズと縦のリズムを使ったタイポグラフィ。 印刷時のスタイルをプリント時に最適化。 キャッシュの最適化。 HTML5+CSS3の採用。 安全なCSS Hack。 参考:IE9対応、IEの各バージョンごとに異なるスタイルシートを適用する方法のまとめ

    warriorking
    warriorking 2011/07/20
    興味深いテクニックを多々取り入れているHTML5+CSS3のフレームワーク -Gridless | コリス