タグ

2013年3月14日のブックマーク (12件)

  • 2013年3月14日 管理人のブックマーク:phpspot開発日誌

    2013年3月14日の気になったページ集です アドビ CS6のパッケージ版が生産終了、今後はクラウド版へ移行? http://akiba-pc.watch.impress.co.jp/docs/news/news/20130313_591720.html 速報:Google Readerが7月1日でサービス終了 | ガジェット速報 http://ggsoku.com/2013/03/google-reader-end/ 「Google Reader」終了 7月1日に ユーザー減少で - ITmedia ニュース http://www.itmedia.co.jp/news/articles/1303/14/news035.html もう何も恐くない…綺麗なfavicon作成の基的なコツ・アイデアまとめ | 株式会社LIG http://liginc.co.jp/web/design/mat

    OfficeRiverHead
    OfficeRiverHead 2013/03/14
    2013年3月14日の気になったページ集です アドビ CS6のパッケージ版が生産終了、今後はクラウド版へ移行? http://akiba-p... via phpspot開発日誌 http://phpspot.org/blog/
  • チェックボックスとラジオボタンをスタイリングする為のjQueryプラグイン・iCheck.js - かちびと.net

    checkboxesとradioボタンをスタイリングするjQueryのプラグインです。カスタマイズ性に優れており、使い方も手軽そうだったので備忘録的にご紹介します。 よくあるプラグインですけど、使いやすそうだったのでメモ。 checkboxesとradioボタンをスタイリングするライブラリ。IE7にも対応しています。 かわいい。 スタイルは最初からいろいろと用意されていますのでカスタマイズの参考にもなりますね。 コード <script src="jquery.js"></script> <script src="jquery.icheck.js"></script> コアとプラグインを読み込みます。 $('input').icheck(); 初期化します。 $('input').icheck({ handle: '', // 'checkbox'か'radio'とすればどちらかに限定できる

    チェックボックスとラジオボタンをスタイリングする為のjQueryプラグイン・iCheck.js - かちびと.net
    OfficeRiverHead
    OfficeRiverHead 2013/03/14
    checkboxesとradioボタンをスタイリングするjQueryのプラグインです。カスタマイズ性に優れており、使い方も手軽そうだったので備忘録的にご紹介します。 よくあるプラグインですけど、使いやすそうだったのでメモ。 iCheck.js
  • ECサイトにおける考えるべきユーザビリティ9ヶ条 |https://wp.yat-net.com/name

    ECサイト、ネットショップにおいて考えておくべきユーザビリティを9つピックアップしました。もちろんこれが全てではありませんし、サイト設計の上ではもっともっと細かく考えることはたくさんあります。今回はコンバージョンを下げない、直帰率を下げないために施策する場合に何をするか?を簡潔にまとめています。他のネットショップを運営されている方がどういう事をされているかも凄く気になりますね。 1.ロゴはHOMEへ ロゴをクリックすればトップページへ行くという認識を持たないユーザーは沢山います。トップページへ行くためのボタンは別途用意し、そういったユーザーへのフォローも施策しておく事が大切です。 リンク時における色を変更し統一することでユーザビリティは確保ます。しかし、ブラウザのデフォルトである青色に下線と言ったルールを採用することで、より多くのユーザーに対してそれがリンクであると言うことを認知してもらい

    ECサイトにおける考えるべきユーザビリティ9ヶ条 |https://wp.yat-net.com/name
    OfficeRiverHead
    OfficeRiverHead 2013/03/14
    ECサイト、ネットショップにおいて考えておくべきユーザビリティを9つピックアップしました。もちろんこれが全てではありませんし、サイト設計の上ではもっともっと細かく考えることはたくさんあります。今回はコン
  • Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門

    Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 2013-03-14 / 2014-03-12 Webサイトの表示速度を気にすると、CSSJavaScriptのminify、gzipCSS Sprite、画像の最適化などの面倒な作業が発生します。 Grunt.jsとは? Grunt.jsは、サーバーサイドJavaScriptのNode.jsを使用したCUIのビルドツールです。 タスクを設定しておき、それらを自動化します。 コマンドプロンプトやターミナルなど、いわゆる「黒い画面」を使います。 Grunt.jsの現在のバージョンは0.4.1です。 バージョンが0.3から0.4になったことで、大きく仕様が変わりました。 Grunt.js v0.4ではgrunt-cliをインストールしてプロジェクトごとにGruntやプラグインをインストールして使用します。 プラグイ

    Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門
    OfficeRiverHead
    OfficeRiverHead 2013/03/14
    Webサイトの表示速度を気にすると、CSSやJavaScriptのminify、gzip、CSS Sprite、画像の最適化などの面倒な作業が発生します。 さらにメタ言語などを使用すると、複数のツールを使用しなければならないケースも出てきます。 それ
  • オンラインでお好みサイズの方眼紙が作成できる「Paperkit」:phpspot開発日誌

    Paperkit - printable graph paper template オンラインでお好みサイズの方眼紙が作成できる「Paperkit」 紙のサイズや方眼紙の線の間隔などをWYSIWYGで編集してPDFで簡単にダウンロード出来ます。 印刷してすぐ使えますので、WEBサイトの手書きモック等を作る際に使えそうです 細かなカスタマイズが簡単に実現可能。 関連エントリ PNG画像をブラウザにドラッグ&ドロップすればPNGを無劣化圧縮してくれる「TinyPNG」

    OfficeRiverHead
    OfficeRiverHead 2013/03/14
    Paperkit - printable graph paper template オンラインでお好みサイズの方眼紙が作成できる「Paper... via phpspot開発日誌 http://phpspot.org/blog/
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    OfficeRiverHead
    OfficeRiverHead 2013/03/14
      写真撮影は、おおくのひとが日常生活で何気なく行っており、iPhoneなどのスマートフォンが普及したことで、撮影機会が増えたという方も多いのではないでしょうか。正しい知識、道具やスキルなどを学ぶことで、印象
  • いますぐ使いたい!Web API

    3月に入って一気に暖かくなったかと思えば寒さがぶり返したりと、今日は何を着たらよいのか決まるまでは布団から出られないネイビーです。 目がさめるとまずスマホでお天気を確認し、手持ちの服を思い浮かべ…こういうとき便利なアプリがあって、今日着るべき服をオススメしてれたらよいのに!そういえば最近読んだによるとお天気Web APIとかいうのがあるらしいので、それを使っていい感じにどうにかならないかしら? Web APIとは? Web APIWebサービスのデータを提供したり、Webサービスと連携させたりするためのインタフェースです。Google Maps APITwitter APIといえば、聞いたことがある方もいるのではないでしょうか?このようなWeb APIを利用すると、自力では不可能な地図の表示や、個人では得られないデータを手軽に取得して、自分のサイトに取り込むことができます。 国内外さ

    いますぐ使いたい!Web API
    OfficeRiverHead
    OfficeRiverHead 2013/03/14
    3月に入って一気に暖かくなったかと思えば寒さがぶり返したりと、今日は何を着たらよいのか決まるまでは布団から出られないネイビーです。 目がさめるとまずスマホでお天気を確認し、手持ちの服を思い浮かべ…こうい
  • 3Dのキューブのアニメーションで迫力あるエフェクトを付けられるjQueryプラグイン「HexaFlip」:phpspot開発日誌

    HexaFlip: A Flexible 3D Cube Plugin | Codrops 3Dのキューブのアニメーションで迫力あるエフェクトを付けられるjQueryプラグイン「HexaFlip」。 立体的なキューブを回転させられるプラグインで、ボックスの中にはなんでも入れられるというものです。 利用できるブラウザは現在は限られますが、デモとして勉強になりそうです 関連エントリ ドラッグで回転する3Dオブジェクトが作れる「ThreeSixty」 ブラウザ上でまるで美術館。3Dイメージギャラリーデモ キューブが3Dに回転するUIを作れる「jqCube」 ピュアCSSでマリオを3D表示したデモ 3D Transformsを使った次世代の3Dサイドメニュー実装スクリプト「Meny」 3DすぎるWebサイト集 CSS3の3D Transformで3Dのホバーエフェクト実装例

    OfficeRiverHead
    OfficeRiverHead 2013/03/14
    HexaFlip: A Flexible 3D Cube Plugin | Codrops 3Dのキューブのアニメーションで迫力あるエフェク... via phpspot開発日誌 http://phpspot.org/blog/
  • 国立国会図書館、国内博士論文の収集方法説明ページを公開

    学位規則(昭和28年文部省令第9号)が改正され、平成25年(2013年)4月1日から施行されるに伴い、博士論文はインターネットで公表されることになります。これに併せて、国立国会図書館による博士論文の収集方法も変更するため、国立国会図書館ではその収集方法について説明するページを開設しました。 国内博士論文の収集について (国立国会図書館のウェブサイト) http://www.ndl.go.jp/jp/aboutus/hakuron.html 2013年3月12日 平成25年度から博士論文の収集方法を変更します (国立国会図書館 2013/3/12付けの記事) http://www.ndl.go.jp/jp/news/fy2012/1199934_1827.html 参考: 「学位規則の一部を改正する省令」が公布される http://current.ndl.go.jp/node/23058

    国立国会図書館、国内博士論文の収集方法説明ページを公開
  • Googleリーダーの有力な代替候補と呼べそうなRSSリーダー『Feedspot』

    Googleリーダーの有力な代替候補と呼べそうなRSSリーダー『Feedspot』 『Feedspot』はウェブで利用する従来型のRSSリーダー。 Googleリーダーをよりシンプルに軽くした感じで、スマホをターゲットにしたニュースリーダーが急成長の中、あくまで従来のRSSリーダーのスタイルを貫いた設計が印象的なWebアプリです。 操作はGoogleリーダーのような一般的なRSSリーダーとほぼ一緒で、これらを使ったことのあるユーザーならそれほど迷うような多機能さはありません。 上部のボックスにフィードURLを入力し読み込まれたフィードを「Follow Site」で購読。 カテゴリー別ですでに登録済みのフィードから選んで購読することも可能です。 表示スタイルはリスト表示と拡張表示の2種類で、拡張表示ではまず要約が表示され「...more」をクリックすることで全文が開くようになっています。 「

    Googleリーダーの有力な代替候補と呼べそうなRSSリーダー『Feedspot』
  • カフェで作業をすると捗る人用のBGMサービス -Coffitivity

    カフェで作業をすると捗る人も多いと思いますが、クリエイティブを引き上げるには、静かすぎても騒々しすぎてもダメで、中程度の騒音がよいそうです。 確かに、適度に騒音がある方が作業が捗りますよね。 会社でも自宅でも、カフェ気分になれるオンラインBGMサービスを紹介します。

    OfficeRiverHead
    OfficeRiverHead 2013/03/14
    カフェで作業をすると捗る人も多いと思いますが、クリエイティブを引き上げるには、静かすぎても騒々しすぎてもダメで、中程度の騒音がよいそうです。 確かに、適度に騒音がある方が作業が捗りますよね。 会社でも自
  • [JS]実装は簡単で高性能、ロード無しでページを次々に表示するスクリプト -Navi.js

    複数のページをブラウザのロード無しで、アニメーションで次々に表示するjQueryのプラグインを紹介します。 これ系のスクリプトはいくつか紹介してきましたが、ページタイトルの設定やネスト、戻る・次へボタンの対応など、使い勝手もなかなかです。 Navi.js Navi.js -GitHub Navi.jsの特徴 Navi.jsのデモ Navi.jsの使い方 Navi.jsの特徴 Navi.jsの仕組みは一つのファイルに複数のページのコンテンツを配置し、それをページごとに遷移するように表示します。 タブ、ナビゲーション、カルーセル、ページネーション、パンくずをサポート コンテンツにあったページタイトルを表示 戻る・次へボタンのサポート コンテンツのネストをサポート スライドアップ、スライドレフト、スライドアップ・レフト、フェードのエフェクトを用意 AJAXサポート Google Analytic

    OfficeRiverHead
    OfficeRiverHead 2013/03/14
    複数のページをブラウザのロード無しで、アニメーションで次々に表示するjQueryのプラグインを紹介します。 これ系のスクリプトはいくつか紹介してきましたが、ページタイトルの設定やネスト、戻る・次へボタンの対応