『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
PCにモバイル、スマートフォンにタブレット、そして今後はデジタルTVまでユーザーがデジタルコンテンツに多種多様なデバイスでアクセスし、消費する時代が本格化している最中。デバイス毎にウェブサイトをデザインしていてはキリがないとばかりに、最近注目されているのが「レスポンシブWebデザイン」という画面サイズやOSにデザインを柔軟に対応して表示させる手法。今回は、そんなレスポンシブWebデザインを実践しているサイトからThe Next Webが厳選した10の素敵なサイトを紹介します。 — SEO Japan 最近、皆が異なる方法でコンテンツを消費している。私の母はネットブックを持っているし、友人は27インチのiMacを持っていて、ガールフレンドと私はスマートフォンを持ち、彼女の母はiPadを持っている。 あなたのコンテンツはこれまでになく多くのデバイスとブラウザで閲覧されており、デザイナーはそのこ
色んなサイト見てると、本当色んなドロップシャドウかけてるんで、じゃあどういうのが見てて気持ちいいかなーと思って色々とやってみました。 サンプル作ったは良いけど持っててもアレなんで、PSDをZipで固めて置いておきます。 お好きにどうぞ。※PSDダウンロードは最下部にあります。 普通のドロップシャドウ。 普通ですね。ほんと、普通です。 両端めくれ上がってる系。 よく見られますよね。紙なんかの表現の際はけっこうリアルに見えますよね。 より、めくれちゃってる系。 もう少し立体感を出したタイプですね。照明が強めなイメージ。 使い所が意外に難しい。 真ん中が浮き上がってる系。 うちのトップページでも使ってます。 個人的にはセンター合わせの際にバランス取りやすいかなーと思って。 なぜか浮いてる系。 平面で、なぜか浮いてる感じ。 あんまり好きじゃないかも・・・ くっきりシ
jQueryでスクロールすると上部に固定されるナビゲーション グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。 投稿日2012年02月21日 更新日2012年05月10日 html & css htmlです。 html <h1><a href="#">タイトル</a></h1> <div class="nav"> <ul class="clearfix"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">LINK</a></li> </ul> <!-- /#nav --></div> <div id="
前回もちらっとメモしたんですが、 もっと具体的な内容も覚えておきたいので改めて実際のコードとともに手順をメモしたいと思います。 オリジナルの管理画面を用意しておくと、クライアントさんがサイトの更新を行う場合に安心して更新をお任せできますw ゴールはこれ。 不要なダッシュボードウィジェット、左メニューなどをすべて非表示にし、 オリジナルで用意したヘッダー&メニューを差し込みます。 デフォルトの管理画面は高機能な分、メニューがずらーーーっと並んでおり WEBに詳しくない方にとっては何が何だか分からないものですからね。 ここは一思いにばっさりと切り捨て、クライアント専用にやさしいシンプルな見た目の管理画面を用意してあげることで 大幅に間違いが減りますし、説明の時間も短縮できると考えてます。 ちなみに、上記キャプチャに表示されているメモは『Headache With Pictures』というプラグ
最近リリースされたものを中心に、レトロヴィンテージなかわいいリボンやバッジ、アイコンなどのウェブ用のエレメントやテクスチャ素材をDesign Shackから紹介します。
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> ユニバーサル検索やソーシャル検索はもちろん、リッチスニペット等、今後のSEOにはますます必須要素となってくると思われるマイクロフォーマット。なんとなく以前から話は聞いているけどイマイチ理解しきれていないというあなたのために今回はサーチエンジンランドからマイクロフォーマットについてまとめた記事を紹介します。 — SEO Japan schema.orgのボキャブラリが導入されたことにより、検索エンジンでのビジビリティを改善するために構造化データを採用する試みのメリットに、現在、大きな注目が集まっている。 このメリットの中で最も広範に取り上げられ、そして、容易に証明することが可能なのは、リッチスニペ
青色申告が終わりました。書類はいろいろ勉強して作ったので完璧だと思っています。一応税務署でチェックしてもらって問題ないとのことでしたが、実際書類が正しいかどうかはまだ分かりませんが、一応忘れないようにここまでを履歴をまとめておきます。個人的な勉強日記であり確定申告について教えることが目的の記事ではないのでご了承ください。また私は税理士ではないので勘違いは必ずありますし、非効率的な部分もあるかもしれません。初心者の視点で書いています。 青色申告をはじめるための準備をする 確定申告をするためにつけた知識や準備したソフトなどについて全てまとめておきました。どの程度勉強したら書類作成できるのかなどの指針にして下さい。 所得税の青色申告承認申請書は忘れずに 青色申告するには「所得税の青色申告承認申請書」を提出しておく必要があります。提出を忘れる方がいるのか、税務署でも Facebook でも「青色申
トランジットグループが企画・運営する発信型クリエイティブスポット「PORTAL POINT」がこの春、東京・表参道に誕生する。個人・法人問わず、自由なワークスタイルを求める向きには最適なオフィスとなりそうだ。 表参道駅から徒歩4分。銀座線・半蔵門線・千代田線の3線が乗り入れる便利な場所に生まれる、新しいタイプのシェアスタイルオフィスが「PORTAL POINT」だ。青山通り沿いの「ブルックス ブラザーズ 青山本店」の上という、絶好の立地。ここには、いわゆるSOHOワーカーから、趣味の時間の利用場所を探している人、これまでとは違うタイプのオフィスを求める法人まで、さまざまなニーズに合わせて3つのオフィスプランが用意されている。 24時間自由にデスクを使うことができる「フリーデスクプラン」(月額費用合計 ¥15,750~)、1~2名用のブースを占有できる「パーソナルブースプラン」(月額費用合
一场盛大的场盛城市参文化活动即将在我们的城市举行,这一消息迅速传开,文化引起了众多参与者的活动热切关注和期待。这场活动不仅是即将举行一次文化盛宴,更是吸引一次人们彼此交流、相互启发的众多机会。 文化因你而精彩 每个城市都有属于自己的场盛城市参独特文化,而这场活动将以庆祝我们城市多样文化为主题。文化无论是活动古老的传统工艺、绚丽多彩的即将举行表演艺术,还是吸引具有代表性的地方美食,都将在此次活动中展示出来。众多每个人也都有机会通过展览、场盛城市参讲座和互动演出等形式,文化亲身感受到不同地域和不同文化之间的活动交融和碰撞。 欢聚一堂,共同分享 这场活动不仅仅局限于一味的观赏,更是鼓励大家积极参与其中。在活动现场,人们可以参加各式各样的互动体验与创作活动,与他人分享自己所掌握的特色技艺或是学习到的知识。同时,还将对一些有特色的手工艺品进行现场制作展示,让大家更深入地了解到背后的艺术和技巧。这种互
iPhone用トイカメラアプリとして有名なHipstamatic。既にカメラ好きのユーザーの間では、定番になっているiPhoneアプリですが、今回改めてレビューをアップしてみます。 Hipstamatic 235(¥400) カテゴリ: 写真/ビデオ, エンターテインメント 販売元: Hipstamatic, LLC(サイズ: 19.1 MB) 基本的な使い方や設定 簡単に言うと、Hipstamaticは後編集のきかない一発撮りトイカメラアプリです。カメラロールにある画像を読み込んで、エフェクトをかけるというような操作はできません。また、レンズやフィルム、フラッシュを交換することで、色々と組み合わせて写真を撮ることができます。 購入時にはレンズ4種類、フィルム3種類、フラッシュ3種類、本体ケース1種類が用意されています。このうち本体ケースはデザインの変更のみで、撮影画像には影響しません。さ
CSSの整形・圧縮が一瞬で行えるオンラインツール「csCSSc(Client-side CSS (De)Compressor)」を紹介します。圧縮(難読化)解除も行えます。 csCSSc オンラインでCSSの整形・圧縮が行えるツールは色々出回ってます(4項参照)が、csCSScは動作が圧倒的に軽いです。 使い方をざっと説明します。 1.圧縮 ページ一番上にある「Original valid CSS-code」のテキストエリアにオリジナルのCSSをペーストして「Compress」をクリックすれば、一瞬で圧縮されます。 オプションの意味は次のとおりです。 include comments:コメントを含む single line:1行化する sort styles:アルファベット順にソートする 何もチェックしない場合は次のようにセレクタごとに改行して圧縮します。 「single line」をチェ
[対象: 全員] PubCon Hawaii 2012 レポートの第二弾は「リンクビルディング」すなわち被リンク獲得についてです。 今回のPubConは規模は小さかったもののリンクビルディングのセッションが多くあり、その中からリンクビルディングの現状についての情報をまとめます。 リンクビルディング最新情報 ● リンクは今でも重要、50%はリンクで決まる。 ● リンクは今でも最も大きな影響力を持つが、リンク構築は年々難しくなってきている。 コンテンツの質やソーシャルシグナルなどかつては存在しなかったランキング指標が登場していますが、リンクはいまだに重要な要因ということです。複数のスピーカーが口にしていました。ただし渡辺隆広さんは次のように注意を喚起しています。 「リンクはやっぱり重要」であることと「リンクはればSEOは十分」はイコールじゃない ● リンクの質 + 関連性 + ナチュラルリンク
普通のかっこいいスライダーだけでなく、パララックスを使ったスライダー、AppleのiPhoneページに使用されているようなスライダーなどを簡単に、そしてセマンティックに実装できるjQueryのプラグインを紹介します。 Sequence.js - The jQuery Slider Plugin with Infinite Style [ad#ad-2] Sequence.jsの特徴 Sequence.jsのデモ Sequence.jsの使い方 Sequence.jsの特徴 エレメント単位で設定できるCSS3アニメーションを使ったスライダーです。 オープンソース。 すべてのモダンブラウザをサポート。 スマートフォンなどのタッチデバイスをサポート。 古いブラウザでも機能します。 ※IE7とFirefox3.6でもテスト済み。 セマンティックなマークアップ。 Responsive Web Des
HOME無料アプリ「食べた」「行った」「買った」「思った」を可愛く残す♪忘れがちな日常を楽しくしてくれる『ally-私を残すメモ-』に注目!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く