新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
複数ページにも対応とは！ページに分かりやすいプロダクトツアーを加えるフレームワーク -Hopscotch
ページに分かりやすく、プロダクトツアーを加えるフレームワークを紹介します。 似たようなスクリプトはたくさんありますが、これはツアー移動のアニメーション、ツアーを戻る、そして複数ページにも対応しています。 1ページ内でのツアーでけではなく、複数ページを横断するツアーも作成できます。 Hopscotch Hopscotch -GitHub Hopscotchの特徴 Hopscotchのデモ Hopscotchの使い方 Hopscotchの特徴 イベントのコールバック ツアー中のさまざまなイベントのコールバックを装備。 マルチページ対応 HTML5のストレージやクッキーを利用して、複数ページにまたがるツアーも可能。 i18n対応 さまざまな言語での実装をサポート。 快適なレスポンス 一つひとつは軽量なインスタンス。 Hopscotchのデモ ページ自体がデモになっています。 中央下の「Tale
フラットアイコンの進化形、美しいソリッドなラインを使ったアイコン素材 -Tab Bar Icons iOS 7
アイコン全種 サイズは30px, 60pxが用意されており、フォーマットは下記の3種類が揃っています。 .eps .ai .psd PSDを開くとこんな感じです。 デザインはシンプルなので、さまざまな背景にマッチします。
WordCamp Kobe 2013 に参加してきました（当日のスライドなど）
そろそろあずきバーの季節ですね。 たまに棒が斜めになってる事があるのがあずきバーの良いところだと思ってます。 どうも、最近和菓子を口にしていないグリーンです。 6月15日に三宮（兵庫）で行われたWordCamp Kobe 2013 に参加してきました。 会場は駅から近くてとっても綺麗。雨が降ってたおかげで良い感じのもやを見れました。 そして椅子のリクライニングの倒れ加減が予想以上でした。 WordCamp Kobe 2013 のセッションはどれも熱かった WordBenchには個性があると思ってて、神戸は特に実践的な勉強会が多いなという印象です。 今回もまさにそんな感じ。来た人に楽しんで帰ってもらおう精神が溢れてました。 個人的にはお目当てのお二人のセッションが重なってたので、お一人のお話しか聞けませんでした。（スライドを見ます）
Twitter 人気のつぶやき 6/1～6/14 2013
2013年6月15日 Twitter 人気のつぶやき WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック！まだフォローしてない人はお気軽にフォローしてみてくださいね！ 1. とんだ流れ弾だぜ！／ネタ：フジテレビ「ほこｘたて」でネットエージェントが思わぬ風評被害、サイバーエージェントも被弾 この記事をRTする 2. ネタ：【画像】新発表されたMacProのデザインがハイセンス過ぎて日本人のおもちゃに この記事をRTする 3. 「猫不足のせいでリリースを遅らせるわけには」──OS Xがネコ科をやめた理由 この記事をRTする 4. デザイン：デザイン作業のスピードアップ この記事をRTする 5. デザイン：iOS
2013年6月14日 管理人のブックマーク:phpspot開発日誌
2013年6月14日の気になったページ集です 最近よく目にする「フルスタックエンジニア」とは何だろうか？ − Publickey http://www.publickey1.jp/blog/13/post_230.html Google Chromeでスマホサイト制作 - to-R http://blog.webcreativepark.net/2013/06/13-235936.html [CSS]見た目は普通、でもエフェクトが抜群にかっこいいナビゲーションのデモ | コリス http://coliss.com/articles/build-websites/operation/css/pure-css-navigation-overlay-by-boxabrain.html レスポンシブだけじゃいられない？時と場合によるユーザーエージェント判別の方法 | WP-D http://wp-
CSSのみで書かれたアイコンのセット・「CIKONSS」 - かちびと.net
CIKONSSはCSSのみで書かれたアイコンのソースを配布するWebサイトです。IE8までなら同じ表示が可能のようです。アイコンの種類もそれなりにあるみたい。実用性は置いておいて、どこかでコードが役に立つかもしれないと思って備忘録。 CIKONSS
サイトの使い方をその場で表示できるjQueryプラグイン「TourBus」:phpspot開発日誌
jQuery TourBus サイトの使い方をその場で表示できるjQueryプラグイン「TourBus」 便利さ故にこの手のプラグインは増えて来ましたが、実装のしやすさなど個別に差異があると思うので選択肢の１つとして検証してみるのもよいかも 便利なライブラリが開発され、改善された派生ライブラリなどがこうして出てきて、定番が決まって、どんどんWEBは進化していくんですね 関連エントリ サイトの使い方をその場でステップに分けてオーバーレイできるJSライブラリ「Intro.js」
Services_TwitterのTwitter API v1.1 暫定対応方法:phpspot開発日誌
“Twitter API v1”の提供が終了、一部クライアントアプリが動作不能に - 窓の杜 Services_TwitterのTwitter API v1.1 暫定対応方法 6/12にTwitterAPI v1が終了しましたが、困ったことにServices_Twitter が対応してくれておらず、phpからTwitterをいじっている場合はpost等ができなくなっている可能性があります。 とりあえず、post に対応したい、という場合は以下のように、Services/Twitter.php を開いて API の URL を編集すれば投稿等ができるようでしたので、使っている方は見なおしてみましょう。 関連エントリ Twitter BootStrap に追加できる５つのコンポーネントパック「FuelUX」 Twitter製の高速なオートコンプリート用JSライブラリ「typeahead.js」
レスポンシブだけじゃいられない？時と場合によるユーザーエージェント判別の方法
レスポンシブだけじゃいられない？時と場合によるユーザーエージェント判別の方法 2013.06.14 | 初心者向け | 覚えておきたい 先週、某iPhoneアプリをリリースした際に公式サイトを担当したネイビーです。 iPhoneアプリだから公式サイトはiPhoneで見れればいい！というわけではないんですね。知りませんでした。だったらレスポンシブで！と行きたいものの、ニョーンと伸び縮みするスタイルが万人受けするものでもありません。 iPhone向けとPC向けのページを作ってユーザーエージェントで振り分ける方針が決まりつつ、いつどこで判別したらよいものか？リリース前日まで悩んでしまいました。 PHPによる判別 スマホ向けとPC向けのコンテンツを振り分ける際にまず思いつくのは、サーバ側のプログラムでユーザーエージェントを判別して処理を分岐する方法です。端末によってコンテンツの種類や量を調節したり
[CSS]見た目は普通、でもエフェクトが抜群にかっこいいナビゲーションのデモ
ぱっと見、よく見かけるレスポンシブ対応のナビゲーションのようなUIですが、かなりかっこいいエフェクトが仕込まれているデモを紹介します。 スクリプト無し、エフェクトはスタイルシートのみで実装されています。 左上のアイコンをクリック・タップすると、オーバーレイでナビゲーションがダイナミックなアニメーションで表示されます。 ふわっとナビゲーションのアイテムが集まってくるの、かっこいいですね。 解除して散っていくのも！ 実際のデモは、こちらからどうぞ。 Chrome, Safariでご覧ください。 デモページ これをベースにいろいろなアイデアが膨らんできますね。 参考までに、実装もご紹介。 HTML オーバーレイでステイになるのは、チェックボックスを使用しています。 <!-- start header --> <header id="head"> <div class="container"> <
2013年6月13日 管理人のブックマーク:phpspot開発日誌
2013年6月13日の気になったページ集です レッドハットがPaaS型クラウド「OpenShift Online」正式サービス開始。Java、PHP、Ruby、Node.jsなど多言語対応。無料プランは継続 − Publickey http://www.publickey1.jp/blog/13/paasopenshift_onlinejavaphprubynodejs.html Linux/Mac/Windowsでハードウェア構成に関する情報を調べる - 元RX-7乗りの適当な日々 http://d.hatena.ne.jp/rx7/20130612/p1 Android版デビューから1週間。VineがGoogle PlayにてInstagram超え | TechCrunch Japan http://jp.techcrunch.com/2013/06/13/20130611after-
突き抜けたWordPressのプロって、こんな感じ！？を7個挙げてみました！
突き抜けたWordPressのプロって、こんな感じ！？を7個挙げてみました！ 2013.06.13 | WordPress 前回、WordPressのプロになるなら最低限知っておきたい10＋1個の知識、挙げてみますね！という記事を書いたらですね、「セキュリティの話がないじゃんか！」というツッコミを頂きまして、ほんと正直ごめんなさい。忘れてましたごめんなさい！ あと、プロってなんだよｗ？みたいなお話もありましたので、せっかくなので、だったら本当の意味で突き抜けたプロってこんな感じなのかな、というのをまとめてみました。 これができたら理想ですよね。 その1. セキュリティめっちゃ頑張れる ユーザやブラウザから色んなデータを受け取ってたりする場合、ちゃんとエスケープ／サニタイズしたりするのはもちろん、後述のWordPressのバージョンを常に追ってお客さんのサイトもアップデートしていたり。 OS
FFFFOUND!からダミー画像を生成・「hhhhold!」 - かちびと.net
hhhhold!は、画像共有サイト、FFFFOUND!に上げられた画像をダミー画像にできるサービスです。サイズは固定サイズや任意のサイズで指定可能のようです。色合いも指定出来るみたいですね。 hhhhold!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS7向けのアイコン作成用Fireworksテンプレート・「Template for iOS 7 App Icons (FW)」 - かちびと.net
レスポンシブWebデザインの表示確認ツール・「Demonstrating Responsive Design」 - かちびと.net
新着記事
ちょっと珍しい！文房具をモチーフにしたアイコン素材 -Stationery Icon Set
新着記事
新着記事
