『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
webデザイナーには独学でなることも可能です。技術さえ持っていれば年齢や学歴にも左右されない強いカードになることでしょう。 残念ながら当サイトは2008年に作られたサイトなのでテーブルコーディングがところどころ採用されていたりとテクニックやデザイン的に古いです。今はDreamwerver等のウエブデザイン専門ソフトを使わなくても、簡単にホームページが作れる時代です。 webデザイナーになりたい!でもどうやって勉強したらいいの?そんな悩みを持つ君に、ホームページ制作課題を数パターン用意してみました。まずはチャレンジしてみませんか? 仕上がったら展示場に投稿してみんなに見てもらおう。(現在は投稿機能は終了していますが、各自ぜひお勉強のためにトライしてみてくださいね) 現場のプロがやさしく書いた Webサイト運営・プロデュースの教科書 webサイトのプロデュースから、webデザイン、SEO、運営
2009年からランディングページを集めているサイトです。購買行動や認知拡大のために作られたランディングページのデザインまとめサイトです。LP制作の参考にどうぞ。
拡張ボタンからページ遷移なしでブックマーク! ブラウザメニューのB!ボタンをクリックするだけで完了。 コメントやタグを付けて素早く保存できる公式ツールです。 使い方をみる
jQuery で書かれたプレゼン用のスクリプト Slippy を使って基金訓練でのスライドを作ってみたのでそのメモとか。Slippyのライセンスはたぶん修正BSD 使い方はデモを見ればOKデモページのスライドがSlippyの使い方の説明になっているので読めば使い方は分かる。 戻る : 左矢印キー進む : 右矢印キー, スペースキー, ダブルクリック一覧表示 : Escキー, Delキー, Tabキー (その後クリックでスライド選択)指定したページへジャンプ : 数字を入力後 EnterソースのメモHTMLの書き方についてのメモ 使うときはコードを軽く書き換えるだけでOKIntroducing Slippy - HTML Presentations - Jordi Boggianoに github へのリンクがあるのでそっからソースをダウンロードする。で、HTMLファイルの中身を見ればどう書
10 Best jQuery Flip effect plugin with examples jQueryでフリップエフェクトを使った良プラグインやサンプル集10。 送信時にフリップするフォームやフリップするカウンタの他、アイテムをフリップアニメーションさせてオシャレにレイアウトするプラグインやサンプルがまとまっています。 こういうことも出来るんだということを認知する意味で一度見ておくとよさそう 数年前ではこういうのはFlash以外に考えられませんでしたが進化を感じられますね 関連エントリ jQueryでフリップするカッコいいメニュー作成のチュートリアル 多数のパネルをアニメーションでフリップさせるクールなUI実装サンプル
By web design professionals, for web design professionals. We’re on a mission to help you build a better web.
As you’ve already seen in our previous posts about Single Page Website Designs that showcasing your work in single page design is a hot trend now days. It’s kind of ironic to see what designers can do with single pages as modern age designers love to experiment with things and observe how people interact with their work. Even though this is not a common trend to follow but still as the new design
Animated Responsive Image Grid | Codrops 画像が個別にアニメーションしながら切り替わるイメージグリッド実装デモ 次のように画像が並んでおり、ランダムに数個が別の画像にアニメーションしながら切り替わる感じがオシャレです。 会社概要ページとかでメンバーを並べる、というような用途に使うと面白いかも。 サンプルダウンロードで利用することも可能。 関連エントリ 超シンプルで1.8KBと軽量な画像スライダー用jQueryプラグイン「Craftyslide」 画像のキャプションが美しいスライダー実装jQueryプラグイン「RefineSlide」 複数アニメーションを組み合わせられるスライダーを実装できるjQueryプラグイン「Sequence.js」
twitter facebook hatena google pocket ディスプレイサイズが大きくなっている昨今、背景が印象を左右します。 そこで、オンラインで簡単に生成できる背景画像サービスをピックアップしてみました。 sponsors 10,000s Cool FREE Seamless Patterns for Blogger and Twitter Backgrounds, Blog and Website Wallpapers パターンの中から選べるタイプです。 URL:http://www.patterncooler.com/ Stripe Generator - ajax diagonal stripes background designer 昔からあるストライブパターンのサイトです。 URL:http://www.stripegenerator.com/ Stripe
ちょっと画像レイアウト関連で便利なjQueryプラグインを調査仕事でまとめていたのでついでにご紹介。 この手のプラグインはjQuery Masonryが最初だったかと思いますが、色々と出てきたのでここら辺で全部しっておくとよいかも。 Wookmark 比較的新しめのPinterest風レイアウトを作る際に便利なプラグイン。 jQuery isotope レイアウトだけではなくダイナミックに要素をアニメーションさせることも出来るプラグイン 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 Google画像検索みたいに画像を綺麗にならべられます ↓↓↓↓ ボックス要素をレンガ状に綺麗に整列させる「jQuery Masonry」が凄い 要素の整列系の初期のプラグイン。最初に見た時はあっと驚いたものです ↓↓↓↓ 並べた画像を敷き詰めて超カ
ここ最近、バンクーバーのとある学校に通いだして、仕事に学校にとなかなか忙しい毎日を送らせてもらっているのですが、やっぱり本業がクリエイターということもあり、目の保養といいますか、とにかくなんでもいいからかっこいい物が見たい!なーんて思うことも多い。 僕自身、誰かが作り上げた物を見て刺激を受け、自分の作り出す物への情熱(?)に変換することがとにかく多いので(俺もやったるぞー!!って感じ?)、特に目的も無くデザイン関係のギャラリー系サイトをただ眺めるだけの時間というのも結構好きです。 目的を持って、参考となるサイトを探す時間ももちろん大事ですが、何にもとらわれずに只々カッコイイサイトが見たいって時間も、僕にとっては思いがけない発見に繋がることもあり大切な時間になってくれているように思います! そこで!今日はそんな『もうぶっちゃけなんでもいいから、かっこいいサイトが見たい!』なんてことを漠然と考
Writen by Bogdan+ / Comments Off on 25 Gorgeous Vintage Logos for Inspiration The logo exists since the very first ideas of selling or making something known. Even if it looked different in various points in history, their purpose was the same: making the product distinctive and popular. Looking back to old logo designs is useful for understanding its evolution and how the advertising industry wor
In website layouting, the use of grids had been used in order to achieve a design with precision and balance. This is done in different approaches like using the Rule of Thirds and the Golden Ratio. Most designers make use of this for it helps one to achieve a website that has good organization and it would also be easier for the eyes of the readers. Some websites design their sites based on the g
Deliver digital projects that your clients love Web development for agencies and brands with a bulletproof process that won’t let you down. Keep projects on track Clear timelines and development roadmaps. Stay in the loop Get regular updates from real people. Launch great web projects We come in on-time and on-budget.
We always love to follow web design trends and showcase beautiful websites for your inspiration.You know in 2011 and this year 2012,geometrical shapes like circles,triangles are widely used in web design.What about hexagons?We have noticed more websites using hexagon shape and here are some example of websites using hexagons. You may also take a look at our past collections for inspiration; 25 New
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く