ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
正式版がリリースしたAvocodeの便利な使い方をご紹介（コリス限定の優待コードもあるよ） | コリス
制作の効率が劇的にアップする『Avocode』の正式版が、1/29にリリースされました！ Avocodeは簡単に言うと、PSDのプレビューや書き出しをPhotoshop無しで行うもので、書き出しは画像だけでなく、SVGやCSSにも対応しています。画像のスライスやスタイルシートのコーディング作業がググッと楽になるWin/Mac/Linux対応のアプリです。 正式版で、特に大きく変わったのがデザイナー用簡単GitHub。これは無料で単体利用できる機能で、PSDファイルの共有やリビジョン管理が非常に簡単にできます。 ベータ版の時から、そして正式版がリリースされてからみっちりと試したので、Avocodeの使い方や登録方法を紹介します。 Avocode Avocodeには無料と有料のプランがあり、有料プランの優待コードがコリスのビジター限定でもれなく使用できます。無料プランだけを使ってもよし、有料プ
ノンデザイナーがそれっぽいWebデザインを作る話 - CAMPHOR- Blog
この記事は CAMPHOR- Advent Calendar 2014 の10日目の記事です。 こんにちは、みかさ（@To_Mikasa）です。 今日はデザイン初心者である僕が、Photoshopを使ってWebサイトのデザインをしていく上で、「それっぽく」していくためにやったことをざっくり書きたいと思います。ざっくりです。 はじめに デザインの知識を付けたり、流行をキャッチアップするために、コリスやPhotoshop Vipは 普段から見ています。とても参考になる記事ばかりです。 参考にするサイトを探す ノンデザイナーにとって０からデザインを考えるのはツラかったので、 デザインの参考にするためにイケてるサイトを３個選びました。 自分が作りたいイメージに似たものを選ぶといいかもしれません。 １つだけを参考にするとあれなので、それぞれのいい所や好きな所をそれっぽく組み合わせました。 ワイヤーフ
Caheo | Link Xem Trực Tiếp Bóng Đá Caheo Tv - Full Hd Blv
Caheo TV là web gì ? Caheo TV, trang web trực tiếp bóng đá hàng đầu hiện nay tại Việt Nam, luôn được coi là sự lựa chọn hàng đầu của fan hâm mộ khi muốn thưởng thức những trận cầu đỉnh cao với chất lượng tuyệt vời. Theo dõi trực tiếp bóng đá từ Caheo TV mang đến trải nghiệm không thể ngờ tới, khiến cho anh em không bao giờ biết đến cảm giác thất vọng. Chắc chắn rằng, không ai có thể phủ nhận sức h
3Dのリボンを実装するPhotoshopとCSSのチュートリアル
立体的なリボンをPhotoshopで作成しそれをCSSで実装したり、CSSだけでリボンを実装するチュートリアルを紹介します。 Create a 3D Ribbon Wrap-Around Effect (Plus a Free PSD!) [ad#ad-2] 3Dのリボンを作成するPhotoshopのチュートリアル 作成した3Dのリボンを実装するCSSのチュートリアル CSSだけで3Dのリボンを作成するチュートリアル 3Dのリボンを作成するPhotoshopのチュートリアル まずは、Photoshopのチュートリアルから。 チュートリアルはステップごとにPhotoshopのキャプチャ付きで丁寧に解説されているので、英語が苦手な方でも分かりやすいものとなっています。また、リボンのPSDファイルもレイヤーが保持されたものがダウンロードできます。 ダウンロードできるPSDのキャプチャ 作成した3
アニメーションで色が少しずつ変化するボタンを作成する三つのチュートリアル | コリス
マウスをフォーカスすると、アニメーションで色が少しずつ変化するボタンを作成するPhotoshopとHTML/CSSとJavaScriptの三つのチュートリアルをSix Revisionsから紹介します。 Create an Animated "Call to Action" Button demo チュートリアルは三部構成で、Photoshop編、HTML/CSS編、JavaScript編となっており、デモページではアニメーション有り版（JavaScript）、無し版（HTML/CSS）があります。 simple demo(アニメーション有り版） simple demo(アニメーション無し版） ボタンはCSSスプライトで実装されており、画像の作成もそれ用になっています。
Create an apple style menu and improve it via jQuery - Kriesi.at - Premium WordPress Themes
Create an apple style menu and improve it via jQuerySince I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done. Since the Apple-flavored Leopard-text-in
デザインスキルを無料動画でマスター｜Schoo（スクー）デザイン学部
学部とは？ 各学部に関連するコンテンツを公式授業および公認団体放送が提供しています。 メールで最新情報をお知らせ 所属すると、学部の最新授業やカリキュラム進捗状況をお届けします。
PhotoshopからCSSへの連携がものスゴく便利になる機能拡張 -CSS Hat 2（をプレゼント！）
PhotoshopはCS6からCSSへの書き出し機能が追加され、Web制作の現場で更に便利になりました。ただし機能面でまだ十分とは言えず、物足りない人も多いと思います。 Photoshopで作成したボタンやエレメントなどのシェイプやテキストのレイヤースタイル・テキストスタイルをCSSのコードに書き出す機能拡張を紹介します。 しかも紹介だけでなく、リリース記念にプレゼントします！ CSS Hat 新しくなったCSS Hat 2はスゴいぞ CSS Hat 2をプレゼント！ 応募期間 応募要項 当選発表 新しくなったCSS Hat 2はスゴいぞ CSS Hat 2は先日リリースしたばかりで、CSS Hatのバージョンアップ版です。1から多くの機能が追加されており、使いやすくなっています。 Photoshopの標準機能「CSSをコピー」とは別物と思った方がいいです。 CSS Hat 2のパネル 1
透過性をウェブデザインに取り入れる方法
CSSや画像などを使用して、透過性をウェブデザインに取り入れる方法をCSS-Tricksから紹介します。 Spectrum Theme どんなウェブデザインでも最終形では基本的に目の錯覚を巧みに利用しています。Photoshopをはじめ他のグラフィック用のアプリケーションで透過性のエフェクトを作成し、フラットな画像として書き出すことができます。 Photoshopで透過性のある画像を作成するには、レイヤーの不透明度、塗りの度合い、ブレンドモードなどで可能です。 Opacity <textarea name="code" class="css" cols="60" rows="5"> transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } </te
DTP→Webデザイナー転向時に、これやったら捗ったよリスト13
元々DTPやってました 自分は大卒でとある広告メディア系の会社に入ったんですが、ずっとDTP（エディトリアルデザイナー）の仕事をしており、正式にWebデザイナーに転向したのは2012年頃の話です。 「このまま紙だけやっててもそのうち食えなくなっちゃうよなあ…」と思い、仕事のかたわらHTML/CSSをはじめとしたWebの勉強を始めました。一応HTMLかじったことはあるものの、知識は大学生の頃で完全にストップしており、floatって何？レベル。（テーブルレイアウト世代） 一念発起したはいいものの、いざ勉強をしようとすると色々と問題が生じるわけですね。 Photoshopでデザインなんてやったことない、Illustrator使いたい 呪文みたいなコードを延々と打つ作業がだるい うまく動かなくて一つのコード間違いで3時間潰れたりするのが辛い 本屋行けば技術書、入門書はいくらでもあるけど、逆に何選べ
3media.biz - 3media リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ウェブ制作のフローが劇的に変わる！『Avocode』ベータ版を使ってみました | コリス
PNG Hat, CSS Hatなど、ウェブ制作に役立つツールを数多く開発しているMadeBySourceから、更に強力なツール『Avocode』がリリースされます！ 正式版のリリースはまだ先ですが、中の人からプライベートベータ版をいただいたので、さっそくそのレビューをお届けします。 プロダクトキーは複数あるので、レビューを見て興味をもっていただいた方は、明日か明後日に募集するのでお楽しみに。 Avocode Avocodeは簡単に言うと、PSDのプレビューと書き出しをPhotoshop無しで行うもので、書き出しは.png, .jpgの画像だけでなく、SVGへの書き出し、CSSへの書き出しにも対応しています。 画像のスライスやスタイルシートのコーディング作業を大幅に強化する感じです。 僕もまだ使って間もないのですが、Avocodeの画面を見ながらレビューします。 と、その前に、動画がアップ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML／CSSコーディング時間を激減させる「Creative Cloud Extract」と、その真価を引きだすための10のポイント
thesquaregrid.com
Welcome to Dezinerfolio | Dezinerfolio
Speckyboy Design Magazine
Files | Adobe
Free Web Design Resources - Freebiesbug
Five Technologies That Will Keep Shaping the Web in 2010