『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
iPhoneおすすめアプリ感動的な早さが手に入る!Foursquareのチェックインが驚くほど早いiPhoneアプリ『FastCheckin』2012年1月29日158 @JUNP_Nです。ライフログでお馴染みのFoursquareですが、純正アプリは動作が重い。特に出勤退社時刻の駅周辺なんかは全然繋がらなくてイライラする。そんな悩みを一発で解決してくれるアプリが「FastCheckin」です。 FastCheckin 1.1(¥85) カテゴリ: ソーシャルネットワーキング 販売元: Kosuke Ogawa - Kosuke Ogawa(サイズ: 0.3 MB) 全てのバージョンの評価: (6件の評価) こんなアプリを待っていた!ただチェックインするだけなら超速です。このアプリの最大の特徴は「とにかく早い」こと。 以下の画像はアプリ内で作った僕がよく行く場所のリスト。これはアプリ内で作
div.tucked-corners { background: #f6f6f6; height: 380px; margin: 50px auto; padding: 10px; position: relative; width: 580px; -webkit-box-shadow: 0 1px 7px hsla(0,0%,0%,.2); -moz-box-shadow: 0 1px 7px hsla(0,0%,0%,.2); box-shadow: 0 1px 7px hsla(0,0%,0%,.2); } ...詳細はリンク先を参照 /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * {margin:0;padding:0;} /* must
Sliding Image Panels with CSS3 | Codrops CSS3で画像を分割スライドする超クールなパネル実装例。 例えば、画像が4枚に分割されていてそれらがアニメーションで次の画像に切り替わるというエフェクトをCSS3で実現しています。 アニメーションの種類は4種類あって、全部CSS3でJSオフで動きます。クオリティが超高いので、ダウンロード版をそのまま使いまわすことも可能。 デモページ 関連エントリ CSS3のプロパティやサンプルを調べるのに便利な「CSS3 Click Chart」 CSS3で出来たクールなLightBox実装チュートリアル フルスクリーン背景がスライドショーになるCSS3サンプル
jQuery Collapse | webcloud コンテンツの折りたたみを楽々実装できるjQueryプラグイン「jQuery Collapse」。 コンテンツがいっぱいあるより、まずは少ないコンテンツのほうが、理解しやすくて分かりやすいですよね。 そこで折りたたみですが、アニメーションしつつ綺麗に実装できる折りたたみが簡単なマークアップとコードで実装できます。 見出しをhタグで作って中身をdivで書けばよいだけです これだけ作るだけでも一昔前は苦労していたものですが、技術の進歩によりどんどん簡単になりますね。 関連エントリ クールなタグ入力&オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」 面白いテキストアニメーションが作れるjQueryプラグイン「textualizer」 紙芝居のようなアニメーションでスライドするスライダー実装jQueryプラグイン「
Demo 4: Set/animate 「Animate me」でアニメーション。 Arctext.jsの使い方 Arctext.jsは「Lettering.js」をベースに文字をパスに沿わせて正しく回転させ配置します。 Lettering.jsについては、下記を参考ください。 HTMLファイルを汚さずに細かい設定でspanを挿入できるスクリプト -Lettering.JS では、Arctext.jsの使い方を。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="js
Home パターンやテクスチャ 700個+の押さえておきたいフリーのシームレスパターン フリーで使える700個以上の継ぎ目が見えないシームレスな背景パターンを紹介します。事前に準備しておくことが難しい背景デザインですが、ここではフリー素材でポピュラーなシームレスパターンを数多く紹介しますので、まずはチェックしておきましょう。 背景は、ソリッドカラーやグラデーションの他にパターンを入れてボリューム感を演出したり、テーマに沿ったパターンやイメージを添えたりすることで、リッチなデザインに仕上げることができる大切な要素です。 PhotoshopやIllustratorで使う素材を多く紹介していますが、このようなアプリケーションが利用できないときでも、PNGやJPEGファイルが同梱されているものが多くありますので、ダウンロードファイルから都合のよいフォーマットを選びましょう。 紹介の素材は個人や
TOP > Design > フリーで利用できる種類の豊富な幾何学模様パターンまとめ「250+ Free Distinct Geometric Patterns」 デザインの質を高めてくれる背景パターンは、なるべく多くストックしておきたいもの。そんな中今回紹介するのが、フリーで利用できる種類の豊富な幾何学模様パターンをまとめた「250+ Free Distinct Geometric Patterns」です。 (Free seamless patterns Green, Pink 70s |) シンプルなパターンからギミックの繊細なパターンまで、さまざまな幾何学模様パターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Orange Discs | Pattern8 オレンジのグラデーションが美しいパターンデザイン
1. 「時間が足りない」と感じるなら仕組み力を鍛えよう 世の中には本当に急がないといけない仕事もある。 それは圧倒的事実だ。 でもそれを前提として考えても、僕らの仕事が常に「大至急」ばかりなわけはない。 多くの仕事はきちんとデッドラインが決められ自分でコントロールできるような納期があるはずだ。 ところが、僕らはその仕事に取り換えるのを、ついつい先延ばししてしまう。 「まだあと10日もあくからいいや」という具合にだ。 そして仕事をどんどん先延ばししている間に刻々と締切が迫り、結局締切直前になって大慌てで取りかかることになる。 しかも大慌てで翌日締切の仕事に掛かり切りになるため、他の仕事は全部先延ばしになり、後日また慌てることになる。 これの繰り返しでは、良い仕事はできない。 僕らが仕事を先延ばししてしまうのは、人間に未来の時間を正確に見積もるという能力が備わっていないからだ。 「今日は時間が
衝撃! App StoreからインストールできるVimが登場 新年早々、Vimユーザーにはたまらないニュースが飛び込んできた。iOS向けに移植したVimがApp Storeに登場したのだ。App Storeで「Vim」を検索すると図1のページが開く。ここで「INSTALL」ボタンを押せばiOS向けのVimをインストールできる。簡単かつ無料でインストールできるので、もう試してみた方もいるかもしれない。 すでにiOS向けのVimは存在する。ただし、インストールするにはiPhoneやiPadに手を加えて、「Jailbreak(脱獄)」しておく必要があるので、気軽に使えると言えるものではなかった。App Store経由でインストールできるVimが登場したのはこれが初めてではないだろうか。 筆者も、iPadやiPhoneに今回登場したVimをインストールし、どの程度便利に使えるのか試してみた。使いに
トップ 目次 はじめに コマンド Rubyの起動 環境変数 Ruby 言語仕様 Ruby でのオブジェクト オブジェクト クラス プロセスの実行 Ruby プログラムの実行 終了処理 スレッド セキュリティモデル Ruby の文法 字句構造 プログラム・文・式 変数と定数 リテラル 演算子式 制御構造 メソッド呼び出し(super・ブロック付き・yield) クラス/メソッドの定義 その他 多言語化 正規表現 手続きオブジェクトの挙動の詳細 組み込みライブラリ Builtin libraries 標準添付ライブラリ All libraries C API All C API その他 pack テンプレート文字列 sprintf フォーマット Ruby用語集 Rubyで使われる記号の意味(正規表現の複雑な記号は除く) 疑似BNFによるRubyの文法 配布条件 このマニュアルのヘルプ
最近ソーシャル界でにわかに話題になっている「Pinterest」。ざっくり説明するならば、画像中心のTumblrといったところでしょうか。世界中で流れている画像を「Repin」(Tumblrでいうリブログ)して自分のボードにストックしたり、気に入った写真を「like」したりできます。ボードの数も自由に増やせ、写真もウェブURLから持って来たり、自分のスマホからアップロードすることが可能です。 Pinterestの全体的な解説は熊坂仁美さんの記事が詳しいので、ここでは説明を省くとして、ライフハッカーでは「こんな使い方をしたら楽しいのでは? 」という使い方をいくつかご提案します。 ここでは、編集部で遊んでみて「こんな遊び方がいいかも」というものを3つ挙げてみます。 PinterestはURLからサムネイルを生成してくれるので、リストをつくるのに最適です。画像をクリックするとそのページに直接アク
既に色々なデモページが作られていたり、実用されていたりするCSS Transformsですが、ちゃんと理解したかったので調べてみました。 まだそんなに自信はありませんが、以前よりは理解できた気がします。 というわけなので、自分が分かる範囲で説明してみたいと思います。 CSS Transformsは2Dと3Dとで別になっていますが、将来的には SVG Transforms と合わせて一つの仕様になるそうです。 今はまだ別々なので、それぞれにリンクをしておきます。括弧内は現時点での最新の日付です。 WD: CSS 2D Transforms(2011/12/15)ED: CSS Transforms(2011/11/28)WD: CSS 3D Transforms Module Level 3(2009/03/20)ED: CSS 3D Transforms(2011/03/21)新しくなった
クライアントとの更新やりとりを10倍楽にする(か... / 【無料配布】Web制作における書類一式、そしてド... / WEBサイト制作前やデザイン制作時に欠かせないヒ...他...全5件
J Taylor Design スマートフォンにおいて、スクリーン上のクリック(つまりタップ)無しに使うことは考えられません。ナビゲーションはユーザーが必要とすることが得られるように、明確な進路を与えるべきです。 ナビゲーションで重要なことは二つ。 まず、ナビゲーションが視覚的にタップ可能に見えるか確認してください。見た目をボタンやリストのようにしたり、矢印などを加えてもよいでしょう。ただし、スマートフォンではtitleのテキストをホバーで表示したり、ホバー時のエフェクトを適用できないので、それ無しでも押すことができるように見えることが大切なポイントです。 もう一つの重要なことは、ラベルです。 「戻る」というラベルがあれば、ユーザーは戻ることを期待します。これは当たり前のようですが、ユーザーにとってラベルが何を意味するか分かることを確認してください。 ラベルを有意義にするポイントは、シンプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く