ku_marinのブックマーク - はてなブックマーク

「Back to Basics CSS」を主催として振り返る（スライド一覧＆写真つき） #btbcss

最新実装やテクニックより、CSSの原点に帰り基本を見つめ直すことを目的としたイベント、「Back to Basics」を開催したので簡単なレポートと、主催側視点の話を書いてみます。 8月30日、先週の日曜日にWeb Design KOJIKA17のこじー（@kojika17）と一緒に「Back to Basics」というイベントを行いましたのでそのレポートをざっくりとお送りします。また、せっかくなので主催側の思惑や、この100人規模のイベントを開くにあたって工夫した点やイベント後のデータなども伝えてみたいと思います（文中敬称略）。

ku_marin 2015/09/11

イベント

リンク

HTML5の学習に役立つ(主に)日本語のサイトまとめ2012

webにあるHTML5の情報は英語のものが多い当然のことですが、HTML5の情報は殆どが英語です。W3Cのサイトだって英語で書かれていますし、大抵の情報は英語さえ分かればアクセスできますね。まあとはいえ、HTML5を勉強しようと考えるいきなり誰もが英語を読めなければならないとなるとちょっと難しいですよね。最初は先輩方の翻訳または日本語で書かれたオリジナルの文書から学びたい。そして情報の速度や判断の尺度のずれが気になってきてから、それから国外の情報で勉強しても遅くはないはずです。…そう思いたいですｗ HTML5に関する国内のサイトや情報源をまとめましたと言う訳で、今回はwebcre8が認識しているHTML5に関する情報源やリソースサイト、参考になった記事、調べてたら出てきたものをざっくりとまとめてみます。サイト、ブログ記事、リファレンス、ツール等です。せっかくなので、知っているものは英

ku_marin 2012/10/26

html5

リンク

[HTML5]正しいfigure要素の使い方(文脈まで深く考えた)

figure要素には何を入れられるのか figure要素には何を入れられるか、どう使うべきなのかが疑問になったので考えてみました。発端：リストにタイトルをつけたいこのfigure要素について考えるきっかけになったのは、ブログ内で「タイトルの付いたリスト」を作りたいと思った時です。別に見出し要素の直後にリストを置けば読み手にはそれについてのリストだと認識されるんでしょうけど…場合によってはなんかしっくりきません。だって画像はfigureで囲めばfigcaptionで、inputにはlabelで、tableにはcaptionでマークアップ的にしっかり関連づいたキャプションがつけられるのに、リストや定義リスト、あとコードにキャプションがつけられないのは変ですよ、変だよなー。と思ってたわけです。 figure要素の説明を読んだ HTML5.JPを読みに行きましょう。すると figure 要

ku_marin 2012/03/17

html5

リンク

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

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

ku_marin 2012/02/28

時が来たら読む

デザイン

リンク

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

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

ku_marin 2012/02/22

ドッグトゥース・チェックなんていうのか…しらなかった

リンク

[デザイン]アイコンを作りたい人へ。作るべきキーワードを集めました

webデザイナにとってのアイコン(とかピクトグラム) webcre8はwebデザイナです。一応こだわりとして(と言うほどのものではないかもしれませんが)、アイコンやPhotoshopのレイヤースタイル、パターン等、制作物の中で使うパーツは極力自分で作るようにしています。時間さえ許せばフォントやブラシ、テクスチャまで作りたいところですが…それは場合に応じて、という感じですね。甘えるときもありますし、…という意味でも拘りと言うほどのものじゃないですかねｗアイコン使うのは便利！アイコンがあるとテキストや写真のみの情報より気遣いの行き届いた印象を与えます。流行りのミニマルデザインなど、整理された情報の提供にアイコンでの表現は必須です。アイコンは親しみも生んでくれるアイコンにはよくコミカルでディフォルメされた図案が使われます。分かりやすい絵文字のようなものが配置されていることでユーザもテキス

ku_marin 2012/01/20

アイコン作成の参考。デザインする時めっちゃ役立つので自分でストックしておくとすごく便利

アイコン

リンク

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

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

ku_marin 2011/11/29

Futura待ち全力で待機＆

フォント

リンク

[ライセンス]どれにする？制作者視点での目的別ライセンスの選び方

この記事は以前の記事[ライセンス]結局何を使っていいの？利用者視点でのよくわかる著作権！と対になる内容です。同じ事を別側面から見ているので、言っていることは同じだったりしますｗ作ったものを公開したい！モノ作りをしている人達の中でも、web業界で働いている人にとっては制作物や研究結果をシェアするという考え方はわりと一般的だと思います。業界の大先輩の方々が書いた本を始め、無料でもブログに書かれている最新情報、リファレンス、備忘録、実験等様々な形で情報を得ることが出来ます。同じように業界に還元すると大層なことは言わないまでも、皆さんは自分の為に、自身の作品や素材を配布・宣伝したりできます。すなわちそれで商売が出来たり、仕事の受注につながったり…セルフブランディングというやつも含まれますかね。

ku_marin 2011/10/17

野生ってｗ

リンク

[HTML5]アウトラインで迷わない！ sectionと見出しについて

webcre8はHTML5を勉強中です(APIだとかCanvasだとかはまだです)。当ブログWEBCRE8.jpもHTML5を用いた自作テーマで作成されています。皆さんもコーディングしていて「これはどう書くのがベストなんだ？」「これであってるのか？」と迷う事ってよくありますよね。 HTML5でコーディングしていて最近ホントにこれでいいのか？と迷っていたのはsectionと見出しについて。コーディングレベルのHTML5でよく取り沙汰されるアウトラインの話題ですね。これについて何人かのweb制作者、特に@HissyNCさんと@kojika17さんと話をしてみたことも含めて、HTML5のアウトラインについて今までのwebcre8と同じように「…つまりどういうことだってばよ？」と混乱している人の為にわかりやすく整理してみようかなーと思います。厳密な解説はこの記事を読まずとももっと信頼できる文