『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![新着記事](https://cdn-ak-scissors.b.st-hatena.com/image/square/3069dc9491b7d3e10c8b7969a9445cac5e16e9f2/height=288;version=1;width=512/http%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2012%2F11%2Fpurty_social_icon_set.jpg)
Free Christmas Icons クリスマスのアイコンは全部で32種類で、シンプルながらかわいらしいデザインとなっています。 ダウンロードできる素材のフォーマットはAI, EPSで、ベクターなので拡大縮小が可能です。 また、プレビュー用のPNGもあります。
2012/11/15 Notes by iBear|水彩や万年筆など6種類の画材で自由にノート作りができる手書き+PDFペン入れアプリ 時刻: 11/15/2012 味わいのある水彩や万年筆などの筆記ツールを使って手書きノートを作成したり、PDFを読み込んでペン入れができるアプリ「Notes by iBear」をご紹介します。 スタイラスペンが使いやすくなるリストガード機能付きです。 幅広く使える手書きノートアプリ Notes by iBearはシンプルな操作で使える手書きノートアプリです。水彩や色鉛筆など6種類の描画ツールと消しゴム・カッター(選択&移動)を自由に組み合わせてノート作りができます。 ツールボックスの右上に表示されている時計のマークは、巻き戻しボタンです。 タップして左にドラッグすると作業を元に戻せます。 ページめくりもなめらかなアニメーションつき。 ノート右
2012/11/07 iPadやiPad miniで体験できる本格派クリエイティブ系ツール30選 時刻: 11/07/2012 過去にこのブログで紹介したものを中心にiPadやiPad miniで使える本格的なクリエイティブツールをまとめてみました。デスクトップ版アプリに迫る高機能なものから、マルチタッチで楽しく操作できる手軽なツールまで30種類を選んでいます。 ベクターグラフィック iDraw (1.5) カテゴリー:仕事効率化 価格:800円 開発:Indeeo, Inc. Inkpad (1.4.1) カテゴリー:仕事効率化 価格:450円 開発:Taptrix, Inc. Freeform - The Vector Drawing App (1.1) カテゴリー:仕事効率化 価格:850円 開発:Stunt Software フォントデザイン iFontMake
You may be looking to brighten up your checkout page with a more original shopping cart icon or perhaps you’re designing a website from scratch that requires a shrimp icon. Either way, this set of chunky pixel-perfect icon might be just what you need. We have a delicate and useful icon set for you, again. Dutch designers from Dutch Icon created a new set of 42 Pika-style vector icons, released wit
デモページ:ダイナミックに重ねたりもできます Barajaの使い方 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。スタイルシートはhead内に配置します。 <link rel="stylesheet" type="text/css" href="css/baraja.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.baraja.js"></script> HTML 各アイテムはリスト要素で、画像や見出し・テキストを自由に配置できます。 <ul id="baraja-el" cl
iPad miniでバッテリーを節約・長持ちさせる方法をまとめました。 この記事は「iPhone4Sでバッテリーを節約・長持ちさせる方法のまとめ」を元に、iPad mini用に設定項目を見直したものです。 確認で使ったiPad miniはWi-Fi版ですが、本日時点で未発売のWi-Fi+Cellular版でも同様の項目があると思います(というかWi-Fi版の方が項目が少ないはず)。 iPadやiPhoneをすでに持っている方は、設定項目はほぼ同じと思われるので読み飛ばしてください。 2~11項で説明する操作は、下のホーム画面の赤枠で示した「設定」をタップした状態で開始してください。 「iOS6になったからそんなことしなくても大丈夫」というものがあればつぶやいてください。 1.起動中のアプリを終了させる iPadはマルチタスクなので、一度起動したアプリは、他のアプリ画面などに移動しても実行可
そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け(※自分含む)のサンプルをいくつか紹介していきたいと思います。 はじめに - パララックスエフェクトについて パララックス(parallax)を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。 アニメーションの世界ではディ○ニー映画で古くから使われていたり、ビデオゲームにおいても横スクロールアクションのゲームなどで昔から使われています。 JavaScript(jQuery)でパララックスエフェクト 1 | スクロール値を取得 どれだけスクロールしたかという値を取得します。これだけではまだパララックスも何もありませんが、全てはここから始まるのです。 $(function() { $(window).scroll(fu
CSSスプライトの利用について スマートフォンの普及に伴って、ネットへのアクセスは自宅のPCでのアクセスから出先の無線通信環境下でのアクセスへと移行している傾向が少なからずあるかと思います。 ウェブサイト等を快適に閲覧するための条件の一つに、より少ないサーバーへのリクエスト数が挙げられます。 複数の画像を集約した1枚の画像にまとめるCSSスプライトを活用することでリクエスト数を減らすことができます。 キャッシュに格納されたスプライト画像はページ遷移の際の高速通信につながりますので、 各ページで汎用的に使用されるアイコンなどをCSSスプライト化するとよいでしょう。 それらをRetina Displayのような高解像度ディスプレイに対応する方法を合わせて取り上げたいと思います。 方法 1.画像を用意する 非Retina Display用とRetina Display用の画像を2枚用意します。
HTML5でinputタグのタイブが追加されましたが、現行のiPhone、Androidでどのくらい使えるのか調べてみました。 OSとブラウザに関しては以下の機種で調べています。 iPhone 5(iOS6)のSafari Galaxy S3(Android 4.04)のGoogle Chrome バージョン18 目次 テキスト入力 検索(search) 数値(number) 電話番号(tel) URL(url) メールアドレス(email) 日付・時間指定 時間(time) 日付(date) 日時(datetime) 日時(datetime-local) 週(week) 月(month) その他 範囲から指定(range) 色選択(color) テキスト入力 まずはテキスト入力系の属性を調べてみます。 見た目が変わったり、フォーカスインした際の入力モードが変わります。 検索(search
ワイヤーフレームを楽しく作ろう! 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる!」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました!もちろんすべて無料で始められます! では早速どうぞ〜! Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが本物にかなり近い形で表現されています(むしろそのまま?)。UIパーツはWireframe、iPhone、iPad、Android、Android 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ
デザイナーの大西です。好きな四角形は黄金長方形と正方形です。 黄金比とは 1:1.618(5:8)の比率を言い、安定した美しい比率とされ芸術にも使用されています。ほかにも白銀比などがあります。 詳しくはこちら Wikipedia – 黄金比、数学的な美 レイアウトを決める際の指標としても重宝するので Web デザイナーさんたちにはおなじみと思います。 ロゴやアイコン、プロダクトでも黄金比になっているものは多く、デザイナーの端くれとしては大いに気になる存在です。 黄金比でレイアウトするためのテンプレートや Web サービスなどもあり、それはそれで便利ですが、普段使っているツールでもっと気軽に、グリッドレイアウト以外でももっと身近に黄金比を使いたい!ということで、わたしは黄金比でシェイプを作り Photoshop で使用しています。 作って 登録 比較に使用してみる フェンリルロゴ まずは黄金
【iPad miniも常時接続!】テザリング解禁時代だからこそ知っておきたい便利なBluetoothテザリング 2種類の無線テザリング Bluetooth大好き、ひとりぶろぐのmoyashi (@hitoriblog) です。 iPhone 5からテザリングが解禁されましたね。 auは既にサービス中。SoftBankも12月15日からサービスインしました。 今回は、恐らくあまり知られていないBluetoothを使ったテザリングについて紹介します。 Bluetoothを使ったテザリングについて紹介する前に、無線LANを使った普通のテザリングについておさらいしましょう。 普通のテザリング 普通のテザリングは、デバイス間の通信を無線LANが担います。 普通のテザリング開始の手順は次の通りです。(続きは[Read More]から) テザリングの親機となるiPhoneの操作 テザリングの親機となるi
こんにちは、中川です。 今回はJavaScriptで開発していると、うっかりハマってしまうちょっとした罠たちを紹介したいと思います。 JavaScriptでの開発経験者であれば、どれか一度はひっかかったことがあるのではないでしょうか? String ●String#replace()は文字列指定では全部置き換えない 対象文字列を一括して置き換えたいなどでString#replace()を使いますが、 検索対象を文字列で指定してしまうと最初に一致した部分しか置換しません。
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
MS Office カテゴリ MS Office (104) 関連タグ Access (35) Excel (87) OfficeScripts (1) PowerPoint (8) Python (2) VBA (85) YouTube (6) 入門 (37) Web カテゴリ Web (85) 関連タグ facebook (4) jQuery (10) linux (3) Photoshop (18) PHP (24) tips (22) twitter (10) WordPress (76) YouTube (6) アプリ (29) イラスト (42) デザイン (15) ブログ (39) 入門 (37) 分析 (20) Adobe カテゴリ Adobe (28) 関連タグ facebook (4) Fresco (2) Illustrator (8) JavaScript (7)
Imagine, si tu veux bien, un monde où Google n’est plus le roi incontesté de la recherche sur Internet. Un monde où un autre titan de la technologie, Apple pour ne pas la nommer, se fraye un chemin vers le trône de la recherche en ligne. Oui, mes chers lecteurs, le scénario n’est pas tout à fait inimaginable. Selon Bloomberg, notre vieille pomme aurait des pensées avouables en ce sens. Souviens-to
11/7発売予定の書籍「ノンプログラマのためのJavaScriptはじめの一歩」のはじめにと1章が先行して技評のWebサイトで公開されました。 はじめに 1章 1章はイントロ的なところで、JavaScriptを学ぶ前にJavaScriptの動かし方やデバッグツールの使い方について解説しています。 また、本書籍の2章以降で解説するスライドショーのサンプルプログラムも1章で登場するため公開されています。次のようにボタンを押すと次の画像に行くというだけの、簡単なサンプルプログラムです。 {::nomarkdown} {:/nomarkdown} 技評のWebサイトからも実際に試すことができます。 JavaScriptのソースはこんなかんじです。全体で90行程度、コメントや空行を除くと40行程度です。 /** * 簡易スライドショー * * nextボタンを押したときに画像を切り替える簡単な *
Bootstrap has simply exploded in the web development community. There will always be skeptics and haters but on the whole, the project has been a smashing success and can constantly be seen at the top of the Forked and Watched charts at GitHub. As a result of Bootstrap’s fame, lots of great related resources have been put forth by the development community. Today we’ve collected our favorites into
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く