タグ

ブックマーク / webimemo.com (5)

  • アプリデザインの参考になるギャラリーサイト+クオリティを格上げできるセンスのいい素材配布サイトの紹介

    最近、会社でも個人でもアプリの制作に関わることが徐々に増えてきた霙(@xxmiz0rexx)です。 勉強のため、そしていざ制作!となった時の強い味方をメモしておきたいと思います。 まずはインプットから。アプリのデザインはWEBデザインとはまた違うものなので、時間のある時にギャラリーサイトを眺めることは引き出しを増やすのにとても大切なことだと思います。 Mobile Patterns 画面の種類ごとに分けられているのでとても見やすいです。 アプリデザインは全体を見たいというよりはフィード画面の参考画像が欲しい!などと具体的な要望が多いのでありがたいですね。 iOS Mobile Patterns Library こちらも画面の種類ごとに分けられております。アプリのギャラリーはこういうモノなのかな。WEBデザインだとパーツごとに分けられてるのが多いですよね! こちらは拡大レンズがついているので

    アプリデザインの参考になるギャラリーサイト+クオリティを格上げできるセンスのいい素材配布サイトの紹介
  • Google Analytics APIを使って、プラグインに頼らずに記事のアクセスランキングを表示しよう[ wordpress]

    こんにちは、霙(@xxmiz0rexx)です。 サイトにGoogle Analyticsを導入していることが条件ですが、APIを利用すればプラグインに頼らなくても記事のアクセスランキングが表示できることを最近知りました!色々カスタマイズもしてみましたので、以下に手順とサンプルコードをメモしていきます。 1:GAPI(GAPIGoogle Analytics API PHP Interface)をダウンロード まずは下記のサイトからライブラリが入っているzipファイルをダウンロードします。 gapi-google-analytics-php-interface 2:example.report.phpの中身を編集 次に、ダウンロードしたzipファイルを解凍し、中に入っているexample.report.phpを編集していきます。 下記のサンプルは結構盛りだくさんなので要らない部分は外し

    Google Analytics APIを使って、プラグインに頼らずに記事のアクセスランキングを表示しよう[ wordpress]
  • これはすごい!TLで話題にのぼった3D CSS Testerで私も3Dを体験してみた!

    javascriptを使用せずCSSのみで画像を3D回転させる事ができてしまう時代が既に到来していたようです。面白そうなので早速試してみました! 3D CSS Tester CSS3を利用して画像を3D回転させることができるジェネレーター。 横の数値を変更すれば即座に反映されます。 反映された3D回転は、コードが書き出されているので コピーしてそのまま使用することも可能です!! 作ってみた ただ単に書き出されたコードをまるまるコピーして、画像を差し替えただけですが ちゃんと動いたことに感動しましたー!!ヾ(*´∀`*)ノキャッキャ ※CSS3のZ軸を用いた3D回転を使用しているため 非対応ブラウザの方には表示されなかったり止まって見えたりすると思います。とりあえずChromeiPhoneで見て頂ければ動くかと。 参考:CSS transforms の利用 – MDN (FireFoxの対

    これはすごい!TLで話題にのぼった3D CSS Testerで私も3Dを体験してみた!
    imu16
    imu16 2012/03/01
  • ウェビメモ

    こんにちは!みぞれ(@xxmiz0rexx)です。 すごいニッチかもしれないんだけど、WordPressでカテゴリ一覧を表示している時に、さらに記事を絞り込むためにタグ一覧を表示することってありますよね? そんな時はWordPress Codexにも載っている以下の方法を参考にする人が多いと思うんですが、実はこれだと下書きなどに設定しているタグも出力されてしまいます。 PHP <?php if ( is_category() ) { // 現在のカテゴリーのIDを取得 $cat_id = get_query_var( 'cat' ); // 表示中のカテゴリーに属する投稿のIDを配列で取得 $current_posts = get_objects_in_term( $cat_id, 'category' ); // 表示中のカテゴリーに属する投稿に付けられたタグの情報をまとめて取得 $cu

  • photoshop備忘録:何度でもかけ直し可能なフィルタ『スマートフィルタ』について

    まだまだ知らないことって多いもので、ネットで配布されているpsd素材を勉強がてら解体していたところ 初めて「スマートフィルタ」なるものに遭遇しました。 CS3以降の機能なのかな、まったく知らなかったので使い方など調べてみましたのでまとめます。 スマートフィルタとは 後から数値を調整できるフィルタのこと。 「ぼかし」「ノイズを加える」などなど これまでフィルタというものは後からの調整は出来ないのが通常でしたよね。 しかしスマートフィルタを使えば直したいと思った時に再びフィルタメニューを開くことができるので 仕上がりが気に入らなければ後から何度でも修正が可能になります。 何だこれディ・モールト便利じゃあないか・・! スマートフィルタの使い方 それでは簡単に使い方を書いていきたいと思います。 photoshopでのデザイン中、いつもならオブジェクトに直接フィルタを使用するところを、 スマートフィ

    photoshop備忘録:何度でもかけ直し可能なフィルタ『スマートフィルタ』について
  • 1