Welcome to UX MILK UX MILKはより良いサービスやプロダクトを作りたい人のためのメディアです。 このサイトについて
![UX MILK](https://cdn-ak-scissors.b.st-hatena.com/image/square/b1004a0f24558341434b1f03537c2efcde614f72/height=288;version=1;width=512/https%3A%2F%2Fuxmilk.jp%2Fwp-content%2Fthemes%2Fuxmilk%2Fimages%2Fogp2.jpg)
縦長のwebデザインをがむしゃらに集めています。
日本語組版において、縦書きと横書きの選択肢があるということは極めて自然なことですが、Webサイト制作の中で自由な組版を実装するための技術はこれまで標準化されておらず、縦書きの実装はJavaScript等による強引な手段でしか実現できないという問題を抱えていました。 私たち『縦書きWeb普及委員会』は、縦書きと横書きが混在する日本語組版の文化をWebに継承し、自由な組版を実装するための規格をWeb標準とすべく、Webに関連する各種技術の国際標準化団体であるW3Cと協議を重ねながら、CSSにおける新たな組版規格である〝Writing Modes〟の標準化に向け、様々な取り組みを行なっています。 『たてよこWebアワード2017』は、こうした取り組みのひとつとして、CSS Writing Modesを用いた縦書き実装の指標となるような優れたWebサイトを表彰することを目的としたアワードです。 縦
先月末、藤井さん の働く株式会社ザッパラスさん にお邪魔して、レスポンシブWebデザインの基本のキ的なお話しをさせていただきました。 題して「もう、レスポンシブでいいんじゃない?」 いま、改めてレスポンシブWebデザインについて考えるきっかけになれば、という視点で内容をまとめてみました。 4年前に「レスポンシブWebデザイン 制作の実践的ワークフローとテクニック 」という本を執筆したんですけど、そのころからウェブ制作のデフォルトはとりあえずレスポンシブでいいんじゃない?と思っていたのですが、最近、その思いがより強くなっています。職場のウェブサイトをレスポンシブでリニューアルしてから約5年が経ちますが、やっぱり、あの時レスポンシブを選択しておいてよかったとつくづく感じています。おかげで、Googleさんがモバイルインデックスを優先するという昨今のニュース にもあまり翻弄されなくてすんでいます
日本語のフリーフォントを利用してデザインする際などに「クールなデザインにしたい」「かっこいいフォントを使いたい!」という場面があるかと思います。 ただ、英語のかっこいいフォントはすぐに見つかるのに、日本語になるとすぐに見つけられないということがあります。 そこで今回は、デザイン性が高くてかっこいい日本語フリーフォントをフォントのタイプに分けてご紹介していきます。 商用利用可能なものから、漢字を含んだもの、カタカナのみのかっこいいフォントまで幅広く用意してみましたのでご覧ください。 かっこいいゴシックフォント 鉄瓶ゴシック 鉄瓶(てつびん)ゴシックは、フォントな自由さんが公開している角ゴシックフォントです。 「源ノ角ゴシック」を改変して制作されており、極太の文字かつごつごつとした質感がかっこいいフォントです。 商用:OK ひらがな:◯ カタカナ:◯ 漢字:◯ ▷ 鉄瓶ゴシック スマートフォン
Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
861,757views CSSの display: inline、display: block、display: inline-block をマスターしよう! 681,812views CSSの【float】についてちょっと本気出して説明してみた。 341,892views 見ながら覚えよう!positionプロパティ「absolute」と「relative」についてのお話 239,682views 今さら聞けない、marginとpaddingの違い 225,150views CSSで中央寄せにする方法まとめ 217,877views 定義リスト[dl]のdt/ddを横並びにする方法 197,799views 【CSS】marginのauto、こんな使い方って知ってる? 184,229views テキストを左揃えのまま中央寄せにする方法 137,418views Photoshopのガイ
テキストボックスにあらかじめ薄い文字を入れておく テキストボックスにうっすらテキストが入力されているあれです。 HTML5の場合 placeholder属性でうっすらテキストを指定するだけです。 <form action="#" method="post"> <input name="name" type="text" value="" placeholder="名前を入力してください" /> <input type="submit" value="送信" /> </form> とてもカンタンなのですが、IEはまだ対応してないですね。。 HTML5 & CSS3 Support jQueryを使う場合 <!--jQueryとプラグインのjsを読み込み --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jqu
私の周りでwebデザインが出来る人ってあんまりいません。でも「webデザインってどうやるのー?」とか「私もやってみたいんだけど…」とかの声はよく聞きます。皆興味はあるのに”webデザインは難しい”と思って始められないんじゃないでしょうか。そんなこれからwebデザインを始めたいビギナーさんに向けてHTMLの基本・基礎をまとめてみます。真新しいことは特にないほんとに基礎です〜>< by:fweez まずはじめに とりあえず用意するもの2つ HTMLの基本 HTMLとは? 1.DOCTYPEの宣言 2.基本的なタグ 3.<body>の文書構造 CSSの基本 CSSとは? 1.CSSの読み込み方法 2.指定パターン 3.marginとpaddingの違い 4.ブロック要素とインライン要素 応用してwebページを作ってみる まずはじめに 一口にwebデザインといっても色々なことがあると思うのですが大
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く