[B! webデザイン] yoruakiのブックマーク

たてよこWebアワード2017

日本語組版において、縦書きと横書きの選択肢があるということは極めて自然なことですが、Webサイト制作の中で自由な組版を実装するための技術はこれまで標準化されておらず、縦書きの実装はJavaScript等による強引な手段でしか実現できないという問題を抱えていました。私たち『縦書きWeb普及委員会』は、縦書きと横書きが混在する日本語組版の文化をWebに継承し、自由な組版を実装するための規格をWeb標準とすべく、Webに関連する各種技術の国際標準化団体であるW3Cと協議を重ねながら、CSSにおける新たな組版規格である〝Writing Modes〟の標準化に向け、様々な取り組みを行なっています。『たてよこWebアワード2017』は、こうした取り組みのひとつとして、CSS Writing Modesを用いた縦書き実装の指標となるような優れたWebサイトを表彰することを目的としたアワードです。縦

yoruaki 2016/01/11

これは面白そう

リンク

ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

yoruaki 2015/06/30

リンク

“マークアップ”するということ～ HTML5勧告に寄せて～

HTMLを適切な要素を使って書いていくことは実はそれほど難しくはない。しかし過剰に要素を使わずに、かつスタイリングすることも意識して、と適切に“マークアップ”するのはなかなかの修練を必要とする。いったい“マークアップ”するということはどういうことなのだろうか、そしてどのような思考の元に行えば良いのだろうか。 HTML5での変化著作権表示のマークアップ small要素 footer要素とsmall要素 p要素とdiv要素 footer要素とp要素スタイリングとの兼ね合いマークアップするということ HTML5での変化コンテンツに則した素直な形でマークアップできること。 HTML5で変わることや変わったことは多くあるが、それらをおおまかに俯瞰するとこのような言葉に集約できる。そのために様々な要素や属性が追加され、既存の実装をなるべく壊さない形で要素の意味に変更が加えられた。これらの変化は

yoruaki 2015/06/10

リンク

WEBデザイナーminaのポートフォリオサイト

WEBデザイナーminaのポートフォリオサイトMy name is Mina Suzuki Welcome to my Portfolio Site ! minawave.comは、東京都在住のWEBデザイナー、mina(鈴木美波)のポートフォリオサイトです。ホームページのデザインや、コーディング、Wordpressを使ったサイト構築などをしています。どうぞごゆっくりご覧ください! Hello! I am Mina Suzuki. 東京都在住、WEBデザイナーとして働く鈴木美波（すずきみな）です。 Web関連の情報を配信するブログ「Webparadise」を運営しています。インターネット・アカデミーでWEBデザイン、コーディングなどを学び、その後1年半ほどショッピングサイトの運営、ページ作成、企画立案、商品DB作成などを行いました。楽天やYahoo!ショップの運用についてこの時

yoruaki 2013/03/07

リンク

Photoshopユーザが今すぐFireworksに乗り換えるべき10の理由 | ベイジの社長ブログ

Webデザインにおけるメインのデザインツールとして多く使われているPhotoshopとFireworks。我々の業界内において、どちらの方がデザインツールとして便利か、という議論がよく行われますが、いずれか一つしか使いこなしていないユーザによる比較論ではあまり意味がないでしょう。日頃から使いなれているツールの方が使いやすい、と感じるに決まっているからです。ここで参考になるのは、両方のツールを同等に使った経験を持ち、かついずれにも過剰なこだわりや愛着を持ってないデザイナーの声なのではないでしょうか。実は私自身はもともとPhotoshopでWebサイトのデザインを作っていました。しかし以前勤めていた会社でFireworksを使っていた人が多かったため、あるプロジェクトで一時的にFireworksを使ってみたところ、色々な面でFireworksの方が優れていると感じ、Fireworksに乗り換

yoruaki 2012/06/14

リンク

Morphix Design Studio - Identity, Pictograms & Webdesign

Born and raised in Slovenia, a small green country in the middle of Europe. It all started back in 1999, when I taught myself HTML. As a computer enthusiast, I quickly felt in love with web sites and especially good looking and well–principled design. With 20+ years of professional experience, I have worked in almost every aspect of UI/UX, with agencies, companies, start-ups and individuals. Howev

yoruaki 2010/02/02

webデザイン

リンク

dbl-e.com – カードゲームが楽しいのはなぜか

当サイトでは、より多くのカードゲームで勝つために役立つテクニックを知ることができます。楽しむことをモットーにカードゲームに臨みましょう！

yoruaki 2010/02/02

Webデザイン

リンク

広告 - Weblog

お気に入りのページを登録すればはてなアンテナが代わりに自動巡回。専用ページに更新順に表示します。(はてなアンテナってなに？ , サンプル) 人気のアンテナをインポートして自分用にカスタマイズしたり、友達だけで共有するアンテナも思いのまま! 最も簡単な使い方のご説明です。まずはいちばん簡単な方法で使ってみてください。（はてなアンテナの使い方）

yoruaki 2009/02/05

<q>いはゆる画面上「見られない」ケース</q>を減らしていくことも、Webデザインの1つだと思っている。

Webデザイン

リンク

404 Blog Not Found:惰訳 - あなたのサイトの第一印象を決める21の要素

2007年11月29日07:20 カテゴリ翻訳/紹介iTech 惰訳 - あなたのサイトの第一印象を決める21の要素 21は多いけど、良い記事なので。 21 Factors that Influence the First Impression of Your Website’s Visitors << Vandelay Website Design あなたのサイトを初めて訪問した人が第一印象を決めるのはあっという間です。第一印象がよければ、その人が再びあなたのサイトを訪れてくれる確率は飛躍的に高まりますし、その一方で第一印象を覆すのは並大抵のことではありません。以下のリストでは、その第一印象を決める21の要素を取り上げます。これらは要素の一部であってリストは完璧とは言えません。他にもあれば是非コメントして下さい。それでは、以下順不同に。ロード時間(Load Time) - 我々のほと

yoruaki 2009/01/10

ポップアップを有効に使っているサイトってどこだろう。

Webデザイン

リンク

デザイナーが知っておくべき背景画像のリソースサイト集:phpspot開発日誌

36 Must Have Backgrounds and Patterns Resources for all Designers : Speckyboy - Web Design, Web Development and Graphic Design Resources デザイナーが知っておくべき背景画像のリソースサイト集。背景画像のダウンロードやWEB上で動作するジェネレーターがまとまっていました。背景画像リソース集 Huge Magazine - Desktop Patterns and Tiles 綺麗orおしゃれな背景画像パターン多数 Barracuda Backgrounds 地味だけど汎用に使えそうな背景画像 HYBRID GENESIS カラフルだけどこちらも汎用性がありそうな背景集 DinPattern ちょっと個性的なパターン集ジェネレーター Tiled Back

yoruaki 2009/01/09

Webデザイン

リンク

ウェブログのデザインとは何をデザインすることか

ウェブログとは何かウェブログそのものについての考察は、とっくに語り尽くされた。そう思っていたし、自分の中でも「漠然としながらも揺るぎない存在」になっている。──人生とか自分・世界・猫のかわいさと同じで、わざわざ定義したり他人に説明したりしなくても（できなくても）、「そういうものが在る」と胸を張って言える存在だ。しかし、明確にウェブログを定義した記事を見た。一文を引用しよう。ユーザにとってウェブログはハイパーテキストアプリケーションの一種だ。 position:fixed大嫌い (agenda) 「ハイパーテキストアプリケーション」とは何だろう？ World Wide Webはハイパーテキストという概念を応用した「ハイパーテキストアプリケーション」で、ブラウザはハイパーテキストアプリケーションのビューワー。当然ウェブログもハイパーテキストアプリケーション。 position:fixed

yoruaki 2009/01/08

Webデザイン

リンク

Webデザイナーの役目とは

MarkupDancing » ウェブ業界の肩書きあれこれわたしの肩書きは「Web デザイナー」です。（べにぢょみたいに“無駄にエロい”仕事はじめました！て言いたいけど）職業を聞かれてそう答えると、世間の人たちからは「Web デザイナーって何？」みたいな顔をされたり「パソコンに詳しい人」なんて言われたりします。Web デザイナーに対する一般的なイメージってどんなものなんでしょうか。たしかにパソコンも使いますが修理はできませんっ＞＜この業界に片足突っ込んだばかりでえらそうなことは言えませんが、わからない「今」だからこそ、わたしが目指すWebデザイナー像を書き留めておこうと思います。 Webデザイナーはアーティストではない趣味の延長や自己満足の作品作りではない説明できるデザイン・配色ができることその色や形にした理由や裏付けがあるか自分の苦手なテイストや配色にもチャレンジすることビ

yoruaki 2008/06/03

"design"を「図案」と捉えるか「設計」と捉えるか。私はできれば後者でありたい。

Webデザイン

リンク

軽量だけど、クールなデザインのウェブサイトのリンク集

Webmaster-Sourceのエントリーから、軽量だけどクールなデザインのウェブサイトを紹介します。 32 Lightweight Designs

yoruaki 2008/05/21

確かに容量は軽量だけど、速さは？

Webデザイン

リンク

SUNRISE601のWeb覚え書き IE7、IE6など向けの CSS ハック

最近、何かと使うのでメモ。つーか、あれだわ、IE死ねばいいのに。あと、safariもどちらかというと、いらん。バージョン 6 以下の IE にのみ適用 *html バージョン 7 の IE にのみ適用 *+html バージョン 7 を含む全ての IE にのみ適用 *+html, * html IE7 を含むモダンブラウザにのみ適用（バージョン 6 以下の IE を除外） html> IE7 を除くモダンブラウザにのみ適用 html>/**/

yoruaki 2008/05/06

SafariはないとMacユーザーが困る？使ったことないので、Safariの仕様は分からないですけど。

リンク

逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)

cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า

yoruaki 2008/04/24

平均: ポータル = 915.7059px, ニュース = 908.75px, 大手ニュース = 966.1667px, Web2.0 = 861.0833px, 企業 = 785.6px, 全体 = 865.1525px / 一般的な基準(？)だった800pxよりも若干大きめになってきているのが分かります。

リンク

背景色と文字色の組み合わせで目に優しいのは？ | スラドハードウェア

目に優しい背景色とフォント色の組み合わせが本家にて話題となっており、「黒の背景に緑の文字」や「緑の背景に白文字」などそれぞれのオススメやその根拠が飛び交っている模様。/.Jの皆様も長時間モニタを見て作業されているかと思いますが、眼精疲労を防いだり、作業しやすくするためにどのような工夫をしていますか？オススメの配色などあればぜひご教示ください。

yoruaki 2008/04/11

白背景に黒文字かその逆が一番なんじゃなかったっけ？