昨日は暑い夜だった。 そして熱い夜でもあった。そう。一晩中ドラクエ5に没頭していたからだ。 なんと! ついに「はぐれメタル」が仲間になったのだ。
昨日は暑い夜だった。 そして熱い夜でもあった。そう。一晩中ドラクエ5に没頭していたからだ。 なんと! ついに「はぐれメタル」が仲間になったのだ。
Web制作の要は、上がってきたデザインカンプに込められた意図をしっかり読み解いてからコーディングに取り掛かることです。今回はWebサイトクリエイターの千貫りこさんによる『プロのコーディングが身につくHTML/CSSスキルアップレッスン』(翔泳社)から、カンプから画像を書き出す手順とポイントを紹介します。プロが実際の業務で行っている工程や見方がそのまま解説されているので、Web制作に携わる方にはまさに現場のノウハウが身につく内容です。 カンプを見るときに気をつけるポイント 早くコーディングに取りかかりたい気持ちはいったん抑えて、まずはカンプデータを詳細に確認しましょう(図1-1、図1-2)。早い段階でカンプ上の不明点を解消しておくと、後の工程をスムーズに進められます。ここでは、多くのカンプに共通するチェックしておくとよいポイントを3つ紹介します。 図1-1 まずはカンプを念入りに確認しよう(
HTML5廃止されたって聞いたんですが、それでも勉強する必要ありますか? あと、働くまでに何年かあるので今習っても将来ならったのが廃止されたら意味なくなっちゃわないですか…? HTML5廃止されたって聞いたんですが、それでも勉強する必要ありますか? あと、働くまでに何年かあるので今習っても将来ならったのが廃止されたら意味なくなっちゃわないですか…? >HTML5廃止されたって聞いたんですが、それでも勉強する必要ありますか? HyperText Markup Language https://ja.wikipedia.org/wiki/HyperText_Markup_Language 初期のツール群は別として、HTML1~HTML5はほぼ上位互換(後方互換)です(そうしないと古いWebページが表示できなくなるので)。 HTML5から「HTML Living standard」もほぼ上位互換
印刷する紙のデザインと異なり、Webデザインは環境によって見た目が変わります。どの環境でも同じレイアウトで見せるには画像として書き出せば確実なのですが、テキストの部分はそうもいきません。 DTPデザイナーの方からも「こんな文字のレイアウトはWebだと無理?」といったご相談を受けることがよくあります。 今年に入って、HTML5&CSS3に対応したブラウザのシェアもかなり増えてきましたので、今回は文字のレイアウトに関するHTMLとCSSをご紹介したいと思います。 目次:段組み縦組み(縦書き)行末揃え(両端揃え)先頭文字スタイル(ドロップキャップ)段落先頭1字下げ2行目から1字下げ(ぶら下げインデント)行頭禁則文字ふりがな(ルビ)圏点(傍点、脇点)大文字と小文字の変更スモールキャップス(スモールキャピタル)長体、平体(水平比率、垂直比率)※IE以外のブラウザは、2014年7月4日現在の最新版にて
作成:2013/07/22 更新:2014/11/01 Web制作 > 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教える人も基本知識をしっかり身につけておかないと、質問に答えることもできません。 今回はWeb製作をするなら必ず抑えるべきこと、知識「0」から学ぶ、基本的な知識を習得できるスライド・サービス・サイトをまとめました。ディレクションにもOK。メジャーなもの中心です。とはいえ量が膨大になったので、必要な部分だけピックアップして学びましょう。※スライドがないものに関しては、お役立ちリンクをつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ
Design is based on the inspiration of past accomplishments. On that foundation, we can build upon those achievements to shape the future. Design is about life — past, present and future — and the learning process that happens between birth and death. It is about community and shared knowledge and experience. It is the passion to build on what we've learned to create something better. The words "de
FONTS Revised 2003/12/10 CSS ではフォントの種類を指定できます。フォントとは、描画される文字のことで、文字の種類には、ゴシック体、明朝体などがあります。各々のフォントの種類には、太字や斜体などのバリエーションがあります。 CSS では、次の 5 つの総称名で分類されています。これらを、 generic family と呼びます。 sans-serif ゴシック体風。ひげ無し。 serif 明朝体風。ひげ付き。 monospace 等巾フォント。大文字、小文字、英数文字の巾が等しい。 fantasy 装飾体。花文字、ポップ文字など。読めないフォント(絵文字、シンボル・フォント)は除く。 cursive 手書き体風。 CSS でのフォントの指定方法 CSS の説明は別項に譲ります。 CSS でフォントを指定する場合、次のように記述します。 font-family:
今日は、以前『WEB制作者になりたいと言う人が見ると良さ気な、様々なことを学べるサイト15選!』という記事を書かせて頂きましたが、そのリバイス版の記事になります!あの記事書いてからもう一年かぁ。一年もあればビギナー向けのサイトや記事もどんどんどんどん変わって新しい物もどんどん出てきますね! 特に前回もそうでしたが春先はそういった内容の記事も凄く多いので、流れに乗って今日は僕が今日まで見たなかで、これはクオリティたけぇ!と僕が独断と偏見で感じたビギナーズガイドの数々をご紹介させて頂きましょう!(Evernoteにそういうネタが溜まったのでアウトプットしよーってノリも大きいですが・・・w) そいえば、この前バンクーバーにある美大の社会人向けWEBデザイナーコースに行ってきたのですが、やっぱこっちはあり得ない位授業の進みが早いんですよね。その話は別でするとして、HTMLって何?ってレベルから経っ
2013年3月25日 Web Design Web design gallery websites are very useful to get inspiration. When you had created great works, show off your creative design which you are really proud of! All of the ones featured in this post are free to submit to. I will share some Japanese web design galleries as well. [adA-en] You can submit your website from “Submit” page. People who are managing those gallery websit
「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします! 「HTMLファイ部」創立1周年! 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ!・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現に挑戦していくエンジニアを集めた部署となっています。 今回の記事では、HTMLファイ部の一周年を勝手に記念して、 HTMLファイ部のメンバーからかき集めてきた、HTML5サイト制作ツールをまとめます! ツール系のサイト
このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考えることが挙げられます。 何を取るわけでもなく中途半端な僕ですが、ディレクターとして周りの各プロフェッショナルの役に少しでも立てればと、そして制作する上での効率を向上させるべく色々情報収集をする中で、よくチートシートの存在を目にします。(チートシートってどれだけ普及してるのかわかりませんが、つまりカンニングペーパーのことらしいです。) WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く