TORRANCE WEB DESIGNのエントリーから、画像に枠線やウォーターマーク、キャプションをつけるスタイルシートを紹介します。
[CSS]画像に枠線やウォーターマーク、キャプションをつけるスタイルシート
TORRANCE WEB DESIGNのエントリーから、画像に枠線やウォーターマーク、キャプションをつけるスタイルシートを紹介します。
MT underHat - MT5.xのテーマ（テンプレート）を配布しているサイト。
News 2014年4月21日 「MT underHat テーマ 006 - レスポ」を一部修正し、MT6で動作確認をしました。 2012年10月28日 レスポンシブウェブデザインに対応したテーマ「MT underHat テーマ 006 - レスポ」を公開しました。 2012年10月24日 企業サイトの新着情報とかのベースに使えそうなテーマ「MT underHat テーマ 005 - 新着情報」を公開しました。 MT5.2にしたらコメントが投稿出来なくなってたので修正しました。 2010年11月11日 当サイトで配布しているテーマ「ぴくログ」がMovable Type コンテスト 2010のテーマ部門で「優秀賞」を受賞しました！ また、「カンバス」も「特別賞 スマート賞」を受賞することが出来ました！ ありがとうございます。 MTコンテストの受賞サイト一覧は下記より確認できます。 受賞サイト
商用利用OKのフリーフォントを7万種類集めたサイト「FontPark.net」 : ライフハッカー［日本版］
Webツール , デザイン 商用利用OKのフリーフォントを7万種類集めたサイト「FontPark.net」 掲載日時：2010.08.06 22:00 コメント [0] , トラックバック [0] 「FontPark.net」はフォントを大量に公開しているサイトです。7万種類以上のフォントがあります。すべて商用利用OKで無料ダウンロードできます。 以下に使ってみた様子を載せておきます。 まず「FontPark.net」にアクセスします。 トップページにフォント一覧がずらりと並んでいます。 「enter your text」にお好みの文字列をいれると、プレビューが表示されます。 この機能、便利ですね。 風変わりなフォントも。 英数字が絵文字に対応しているんですね。 お好みのフォントが見つかったら、詳細ページよりダウンロードできます。 商用フリーで大量のフォントが手に入るのは嬉しい
カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン
相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介されていましたので、ここから17個を厳選して以下に紹介します。 1. Color Scheme Designer 3 「Color Scheme Designer 3」は、バランスのとれた色味を生成してくれるジェネレータ。配色に困ったらまずここでヒントを得ましょう。 2. Toucan 「Toucan」では、似た色や逆の色など配色パターンが選べます。画像から色を抽出することもできますよ。 3. kuler 「kuler」は、Adobe製の配色パターン生成ツール。直感で色を決めてみましょう。Adobe製品との連携もあるようです。 4. ColoRotate 「ColoRotate」
Top Web Design Layout Trends of 2015 Explained
More often than not, a web design consists of a header, footer, sidebar, and the area for the main content, which seems to be the default layout.However, web designers, UI experts, and layout artists have become brave in breaking the norms and creating new web layout designs, even taking them to a new and exciting level. The year 2015 is drawing near to its end, and here is our list of layouts tha
MdN Design｜総合情報サイト
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──デザインに使えるツール（2） [technique 12] レイアウトに黄金比・白銀比を活用する 文＝沖塩慶悟（（有）ムーニーワークス） Tool レイアウトの小技 URL http://viskowaza.web.fc2.com/layout/ratio/divide/ パーツレイアウトやデザインの重心バランスに黄金比や白銀比を取り入れたい場合に、指定したサイズの範囲内で、直感的にその比率で分割し、罫線を引けるツール「レイアウトの小技」を活用してみるとよい。このツールは、黄金比・白銀比・半分のいずれかを選択し、たとえばサイト全体のレイアウトなら幅900px内、サイド領域にボタンをつくるため180×111pxの範囲内など、指定したサイズにベースを設けることができ、『▽』マークで分割位置をサポートしてくれる
MdN Design｜総合情報サイト
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──デザインに使えるツール（1） [technique 06] グリッドレイアウトを正確にすばやく設計する 文＝伊東美沙貴（AISHA） Tool Grid Designer 2 URL http://grid.mindplay.dk/ Tool GRIDMAKER 3 URL http://www.grafikk.co.uk/gridmaker/ グリッドレイアウトの設計は、 Adobe PhotoshopやIllustrator、Fireworksのグリッド機能やガイドを活用したり、グリッドが描かれた画像を下敷きにするなどの方法がある。そのときにデザインの横幅やカラム数、各カラムの横幅などを算出するが、この数値を自動で算出するツールが「Grid Designer 2」だ。このGrid Designer 2
MdN Design｜総合情報サイト
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──デザインに使えるツール（2） [technique 18] 黄金比計算機を使って手早くデザインに生かす 文＝タサキカズナリ（㈲ムーニーワークス） Tool Phiculator URL http://www.thismanslife.co.uk/ 黄金比を計算するとき、毎回その都度計算し直すのは少しめんどうな作業である。そんなとき便利なのがすぐに黄金比を算出してくれる「Phiculator」だ。 だれでも簡単に使えるのが特徴で、入力した値の黄金比を計算してくれるので手早く扱える。Webサイトのメニューからphiculatorページへ移動し、右上の見出し“Try it online”の下のボタン［Phiculator］をクリックすると計算機が立ち上がる。上下の領域いずれかに任意の値を入力すると、その値の黄金
50 Free and Exclusive Twitter Icons | Webdesigner Depot
Today we bring you a set of 50 free and exclusive Twitter icons that you can use for your websites. The icons are provided in both raster and vector formats: The transparent PNG versions are 256×256, and we have also included Illustrator files so that you can resize the icons as needed. The icons are completely free for personal and commercial use and they’re being released exclusively to all our
とっても使えるoverflowプロパティ。その使い方色々。
光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパティを使った事が無い方は、ビックリですよ！ これで、ソコの可愛いアナタもoverflowプロパティの虜になる事間違い無し！！（わかんないけど サンプルとかは以下よりどうぞ。 サンプルサイトを見る サンプルをダウンロード 基本的に、全てoverflow: hidden; の指定を足す事で解決したり実現出来る感じです。 01 clearfixみたいに使う まずは以前の「clearfixを使わないでやるに
フリー素材「取り放題.com」｜ネットショップ、ECサイトに最適なホームページ・WEB素材
フリー素材！ネットショップ、ECサイトの新規開店、リニューアルに・・・ アイコン・ボタン・バナーなどお役立ちの素材が無料で取り放題！ フリー素材「取り放題.com」は、ネットショップ/ECサイト様向けに特化して、 アイコン・バナー・ボタンなどのホームページ・WEB用フリー素材を無料で配布するサイトです。 もちろん個人や企業、団体のホームページなど、ネットショップ/ECサイト以外のWEBサイト様も是非、ご利用ください！ 個人利用・商用利用に関わらず無料でご利用いただけます。 ショップの運営者様やWEB担当者様はもちろん、SOHO、フリーランスのWEBデザイナー様、製作会社様もご自由にご利用ください。 もちろん加工もOK！ですので、ベース素材としてもご利用ください。 （ただし、再販、二次利用はご遠慮願います） ご利用に際しては、リンクなどのわずらわしいお手続き一切不要！ （リンクしていただくの
Design Web 2.0 Interface in Photoshop
Understanding the tutorial below is understanding it’s technique, with it you can draw yourself some graphical user interface for a website. Side navigation, buttons, headers, for instance. All Web 2.0 style. Launch a new canvas; any size. Something bigger than 450x300px would be good. Select the Rounded Rectangular Tool and draw a rectangular as big as shown in the image above. Double click on th
Glossy Web 2.0 Button - Photoshop Tutorials
Learn how to make a nice Web 2.0 style Glossy Button using Layer Styles, also how to make a rollover. 1. Make a rectangle with the Rounded Rectangle Tool (any color) and right click and Rasterize it. 2. Open the Layer Style and add these values: 3. Inner Glow 4. Bevel and Emboss 5. Gradient Overlay: #99b910 to #d1dc42 6. Stroke: #d1dc42 7. You should have something like this: 8. Over a New Layer,
CSSelite.com – CSS Gallery » Showcasing the best in CSS web design and development.
Rough Country is a leading manufacturer and distributor of off-road accessories and suspension systems.
CSS Mania · Since 2004
Sponsors Free website builder. Create a website now! EcommerceBooth is an eCommerce resource where you can find useful guides, tutorials, and exclusive deals. WPKube - learn how to get most out of WordPress. Popular Topics Companies (6,703) Freelance / Portfolios (4,828) Technology (6,562) Internet (5,264) Marketing (4,812) Lifestyle (3,905) United States (3,078) United Kingdom (1,713) Weblogs (2,
Create a Clean Modern Website Design in Photoshop
Home » Tutorials » Create a Clean Modern Website Design in Photoshop Line25 is reader supported. At no cost to you a commission from sponsors may be earned when a purchase is made via links on the site. Learn more Build a complete website design mockup for a fictional design studio, starting with the creation of the initial layout then moving on to designing the individual page elements. The resul
Create a simple but yet attractive web layout | Grafpedia
You need to learn to use the Photoshop software, to be able to create a website with? You are on the right place. On Grafpedia, you can find 100 tutorials, explained step by step, to create incredible web designs. We have the new HTML5 tutorials for creating a website, but also PSD web design tutorials to create a layout from scratch. All of these resources are available in exclusive on Grafpedia.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2010/05/css3.html
Company/Business/Software Web layout (PSD Template)
http://www.grafpedia.com/tutorials/web-20-photoshop-layout-tutorial