HTML5 と SVG で考える、これからの画像アクセシビリティ

2015/03/06 302 users SVG pol rect CCO Ellipse

Transcript 1. SVG MANIAX Scalable Vector Graphics Vol. 3 2. 松 田 直 樹 CCO, Web Designer 3. SVGの特徴って？ 4. 画像 であり、 文書 である 5. XML文書だから すべての図形や画像は "要素" となる 6. path 要素 line 要素 rect 要素 circle 要素 ellipse 要素 pol... 続きを読む

SVG MANIAX Ver.2 - Mars vanilla

2014/10/24 105 users CCO SVG みんな 勉強会

SVG MANIAX Ver.2 - Mars vanilla Presentation Transcript 1. SVG MANIAX Scalable Vector Graphics Ver. 2 Mars vanilla 「SVGってもう使っていいの？」勉強会 松田直樹 2. CCO, Web Designer 松田直樹 3. SVGってもう使っていいの？ 4. え？ みんな使ってるよ 5... 続きを読む

グーグル 無料のウェブ制作ツール Web Designerを公開

2013/10/01 1024 users グーグル 公開 無料

Googleからものすごそうなツールが登場。Adobeのツールがすべて合体したようなツールです。Illustratorのようなパス描画を可能とし、3Dビューで編集まで可能、さらにAdMobの設定までできてしまい、タイムラインでHTML5のアニメーションまでできてしまうようです。 直感的ツールで作ったデザインをマルチデバイスに対応したウェブページとして吐き出してくれるようです。又、デザインツールで作... 続きを読む

無料ウェブデザインツールGoogle Web Designer ベータ公開、HTML5 / CSS3 / JSを自動生成 - Engadget Japanese

2013/10/01 398 users Engadget Japanese ベータ公開 Gwd

Google が Windows / Mac用のウェブデザインツール Google Web Designer を公開しました。Google Web Designer (GWD) は、各種のグラフィックツールとタイムラインでアニメーションを作成すると、プラットフォームを問わず動く HTML5 / CSS3 / JavaScript を出力してくれるツール。読めないコードを自動生成する一方通行ブラック... 続きを読む

WebデザイナーのためのSass/Compass入門 先生：石本 光司

2013/09/27 210 users Sass 石本 光司 Compass Webデザイナー

WebデザイナーのためのSass/Compass入門 先生：石本 光司 Presentation Transcript Introduction to Sass/Compass for Web Designer Webデザイナーのための Sass/Compass 入門 Ameba Headquarters Game Division Web Developer Koji Ishimoto 2013... 続きを読む

紙・布・デニム・皮・草・木などシームレスなパターン素材のまとめ | コリス

2013/09/12 283 users 布地 LAB コリス シームレス 商用

草・木をはじめ、ざらっとした紙、デニム地、布地、皮、ライトとダークな繊細な柄など、シームレスなパターン素材をWeb Designer Labから紹介します。 素材は全て個人でも商用でも無料、リンクなども必要なしで、もちろんリンクしてくれる分には大いにありがたい、とのことです。 Grass Seamless Patterns Wood Patterns Paper Seamless Patterns... 続きを読む

コーディングを考えたPSDのレイヤー整理 // Border/blog - RYO NAKAE, Web Designer

2013/09/09 323 users border psd ヒストリー カオス コーディング

ついつい勢いで作ってレイヤーがカオスになりがちなPSDですが、コーディングのことを考えたレイヤー整理について考えてみました。 使っていないレイヤーは削除する いきなり個人的にぐぬぬ…となりますが、使っていない(古い)レイヤーは削除しましょう。 コーダーさんが間違って非表示にしているものを表示してスライスしてしまうかも知れません。「あれ、おかしいかな？」と思った時にヒストリーでPSDを開いた初期状態... 続きを読む

商用利用無料、完全オリジナルの高品質なPhotoshopのブラシを配付しているサイト -brush lovers | コリス

2010/11/11 434 users Photoshop コリス 何度 オリジナル ブラシ

他のサイトでは見かけないオリジナルに作成されたPhotoshopのブラシを数多く配付しているサイトを紹介します。 brush lovers brush loversは当サイトで何度も紹介したWeb Designer [...] 続きを読む

テーブルやリストを使用した価格表のデザイン集 | コリス

2010/05/25 316 users プロダクト 設計 ユーザー コンテンツ 1st

プロダクトやサービスを販売しているサイトにとって非常に重要な価格表のデザイン集を1st Web Designerから紹介します。 40 Fantastic Pricing Tables for Your Inspiration 価格表はその設計を決しておろそかにするものではなく、直観的で使いやすく、ユーザーに最も重要な情報を提供する非常に重要なコンテンツです。 上記サイトでは、シンプルなテーブルか... 続きを読む

マイクロソフト製サイト作成ソフト「Expression Web」日本語ベータ版 - GIGAZINE

2006/09/12 185 users アクセシビリティ word CSS ウリ GIGAZINE

以前まで「Microsoft Expression Web Designer」という名称だったモノで、日本語ベータ版は無料で利用できます。ウリとしては、Web標準へ準拠しており、なおかつ洗練されたCSSページレイアウトが可能という点。 個人的には、Wordで作ったHTMLを最適化する機能やCSSなどのチェック機能、アクセシビリティの検査機能がなかなかお役立ち。使用感はDreamweaverっぽい。... 続きを読む