tsuki-rsのブックマーク - はてなブックマーク

[Webデザイン]フラットデザインは日本語サイトに合わないんじゃないの問題について

私たち日本人は膨大な量の常用、非常用の漢字の意味を生活の中である程度知ってますし、地と獄という文字の組み合わせの持つ恐ろしいイメージをも知っています。ていうか、獄だけでもヤバそうに感じますよね。反対に、英語圏の人がアルファベットの組み合わせの字面だけでその意味を想起するのかはちょっとわかりませんけど、少なくとも私たち日本人にとっては26文字の組み合わせから何らかの印象を受けることは難しいんじゃないかと思います。つまり、英語は文章の内容がデザインの印象に影響を与えにくい(おそらく少なくとも日本人は、文字のみからは英語であるという程度の印象しか持てない)はずです。その代わり、アルファベットではバラエティー豊かなフォント等を駆使したタイポグラフィーが特にその役割を大きく担っていると考えてます。で、漢字は表意文字としての側面が強く、そこにあるだけでその意味を知っている我々の受ける印象をある程

tsuki-rs 2013/10/11

デザイン

リンク

[HTML5]HTML5にmain要素が追加された…(現在HTML5のタグは109)

調べる。備忘録としてwebやデザインについて調べたり新しく知ったことなどを書き残していくカテゴリです。これまでのあらすじはい、特にネタがあるわけでもないんですけどHTML5のCR(勧告候補)が先日更新されまして、めでたくHTML5にmain要素が追加されました。hgroupは実際に消えましたねー。これまでの流れは HTML5のタグって現時点(2012年8月)でいくつあるの？ ― #HTML5のタグは百八つまであるぞ …？ ― – WEBCRE8.jp 【悲報】HTML5のタグが109個になってる…(またはdialog要素について)【今更】 – WEBCRE8.jp 【108厨歓喜】HTML5のタグ，108つに戻るってよ【らしい】 – WEBCRE8.jp といった感じです。108とか言いだしたのが運のつき…ｗ main要素とは以下はmain要素の仕様。 The main ele

tsuki-rs 2013/06/07

地味に欲しかった。

html5

リンク

[HTML5 入門]実用を意識した最小単位からの文書構造チュートリアル

文書構造って難しいですよねコーディングしていたら迷う事ってたくさんありますよね。「これは見出しなのかな」「この段落はどこまで段落なんだろう」「検索バーはどのタグで囲めばいいの？」等など、判断に詰まることはいくらでもあります。そしてその判断の迷路を抜け出た後も、ふと「このマークアップで本当に合ってんのかな」と再び迷いに陥ることも。エレメントの役割とタグの用途の正確な理解コーディングしているときに何故迷うか。これは、それぞれのパーツがそのサイト内にどういう役割で置かれているかをはっきりと定義できていない各タグの用途を理解できていないこのいずれか、または両方が出来ていないから起きる問題だと思います。エレメントの役割とタグの用途、この二つがはっきりしていればコーディングに迷う事はありません。…まあ(他にも納得の行かない組織ルールとかSEOを考慮した記述等があって)それは理想の話なんです

tsuki-rs 2013/03/28

html5

リンク

[デザイン]角丸を使う理由、不自然な角丸について徹底的に分析した

角丸の話題が盛り上がってましたね先々週webデザイナーである彩さん(@maritime_color)のブログDesign Colorで、角丸をどういう場合に使うか、という記事がすごい話題になってました！デザイン時に注意したい角丸の使いかた | Design Color そしてその後、ナナメウエの変態イラレラー(褒めてます)すずきさん(@suzukisan__)もそれに続き角丸に触れる記事を書いたりしていました。 illustratorで角丸を扱う際の注意点 ※追記しました | ナナメウエblog 私も以前デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素という記事を書いたとき、角丸についてはさらっと触れるに留めたのですが、いずれもっとがっつり言語化したいものだと考えていました。気になることもあったし、ちょうど良いので今回便乗して記事にしてみようと思います。形状としての

tsuki-rs 2013/02/27

リンク

[CSS]擬似要素の実用的な使用用途のまとめ

(個人的な)Graceful Degradationへのシフト webcre8はこれまでIE対応の必要な環境で仕事をしていた為あまりIE6,7で使えない技術には興味が湧かなかったんですが、(ずっと進んでない)ブログのリニューアルのことを考えていると、やはりどうしても擬似要素や過去ブラウザを無視(ざっくり対応)した形でのCSS3の使い方に魅力を感じてしまうわけです。つまりプログレッシブ・エンハンスメント→グレースフル・デグラデーション的な考え方に気持ちがシフトしているんですね。そしてどうせCSS3を使用してディティールに凝るのなら、「空divや重ね使いで無理矢理作っていたものをさっくり作れる」ことに驚くより、「フォールバックを意識したコーディングをして過去ブラウザにはあっさりコンテンツを見せる」方がやっぱりいいなーと感じているわけです。とりあえず擬似要素でそこで今回は自分が擬似要素を使

tsuki-rs 2013/02/05

CSS

リンク

iGoogleの代替RSSサービス「iSoople」を組み込んだ情報収集のしかた

http://isoople.digi-popeye.jp/ これはiGoogleの様にRSSを受信してリスト上に表示してくれるサービスで、単機能のリンクや検索窓、ガジェットの追加こそ出来ませんが(お願いしますｗ)iGoogleの実用的なメイン機能であるRSS受信が出来ます。実はベータ版のころからこっそり使っていましたｗ一応ベータ版の時とはCookieによるデータの管理だったのが、会員登録をしてユーザー情報をとっておくようになりました。それによって同じホームページを別のパソコンでも使えるようになりました。Cookieではさすがに心もとないですしねｗ iSoopleのちょっといいとこ見てみたい iGoogleの機能限定版なので不自由なところはあるにしても、iSoopleの方が勝っている機能があります。それは RSSで受信する記事の数を選べることタブ管理できること RSSの受信に特化してい

tsuki-rs 2013/01/28

ページ設定する時に、任意の場所に並び替えが出来るようにしてもらいたい。

WEB

リンク

知らないといつまでたってもHTMLとCSSが理解できない暗黙の仕様4つ

調べる。備忘録としてwebやデザインについて調べたり新しく知ったことなどを書き残していくカテゴリです。

tsuki-rs 2013/01/23

奥が深い？

html5

リンク

デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素

元々これはwebcre8が人にデザインを教えるとき、「細部まで考えて考えて決定するからこそデザイナなんだよ」と言う事を伝えたいが為に書こうと思ったものです。熟練者の方も、読んで同様に思われましたら是非教育に使ってみてくださいｗはじめに：デザインとは webcre8は「webデザイン」の門扉を叩いてから3年程。まだまだこの世界ではwebの先輩方から学ばせてもらうばかりですが、曲がりなりにも「デザイン」というもの自体とは長く向き合ってきたつもりです。 webcre8の考えでは、例えばゲームのキャラクタの服の飾りであろうと、安売りの札の配色であろうと、webデザインのレイアウトであろうと、とにかく「デザイン」という作業は「なぜそれをそうするのか」という思考の戦いであると、今はそうなっています。だから今webcre8自身が向き合っているのはたまたまwebデザインですが、このこと自体は建築デザイ

tsuki-rs 2012/02/29

webデザイン

リンク

[デザイン]グラフィックパターンや柄、テキスタイル等の名前まとめ

名前って大事パターンファイルってwebで沢山いいのを見かけますよね。商用可のものも割と多いのでお世話になってる人も多いと思います。webcre8は形にこだわるので整理するときちゃんとしたファイル名をつけて保存したかったりするんですが、これって単にストライプでいいのかな…？ポルカドットってつまり、どこからどこまでがポルカドットなんだ…？プレイドとチェックって何が違うの…？ということを考えだすともう止まれないんですよねｗというわけで今回はデザインの柄や模様の例、ネクタイやシャツのサイトの用語集やファブリックの柄やテキスタイル、果ては迷彩のパターンの例等、およそパターンファイルで使われそうな模様の写真やデザイン例、名称や由来を集めたページをまとめてみました。各サイトの画像はスクショだったりわかりやすいところを切り抜いたりです★ ファッション、用語全般アパレル、ファッション全般の用語

tsuki-rs 2012/02/21

デザイン

リンク

[Photoshop]極座標フィルタでできるクリエイティブ表現色々

調べる。備忘録としてwebやデザインについて調べたり新しく知ったことなどを書き残していくカテゴリです。

tsuki-rs 2012/01/17

極座標いいよね！

Photoshop

リンク

[フォント] #LOVEFONT まとめました。継続募集します！

まとめる。 webとwebデザインに関しての、WEBCRE8.jpによる情報まとめのカテゴリです。先週の記事で#LOVEFONTと言うハッシュタグをつけた記事を募ってみたのですが、声をかけさせて頂いたお知り合いの方達以外にも絡みのない方々からも続々と好きなフォントへのラブコール合戦の参加があり、チラホラハッシュタグ検索でお見かけさせて頂きました。書くのにも結構手間なのにも関わらず、その数なんと18ブログ!! 初めて知ったフォント、知ってはいたけど手が出ずにいたフォント、インストールしているのに殆どセレクトしたことのないフォント。使っているのにも関わらず良さに気付けずにいたフォント。 webcre8自身そんなにフォントに詳しいわけでもなく、使いこなせているなんて露ほども思えませんが、皆さんがこうして楽しんで書いたり読んだりしてくれたこと、実に嬉しく思います★ とは言えここまで来たら、こち