MathMLでウェブに数学を (和訳)
この文書は、http://www.w3.org/Math/XSL/で公開されている "Putting mathematics on the Web with MathML" を、和志武 功久が個人的に和訳したものです。原著作者は W3C であり、知的財産権を初めとする各権利は W3C が保有します。 この文書は参考試訳であり、標準的な位置づけにはありません。正確な情報については W3C のサイト中にある原文を参照してください。 翻訳作業に伴う誤植がある可能性がありますので注意してください。また、発見した場合はぜひご連絡ください。 This document is a Japanese translation of "Putting mathematics on the Web with MathML" found at http://www.w3.org/Math/XSL/, by Nor
「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」
Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ（いやそのまえにフォトショなりなんなりでデザインカ
「Compass」、基礎から応用まで！ | 株式会社LIG
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
デザイン時に注意したい角丸の使いかた - Design Color
もくじ 大きな角丸はあまり使わないほうがいい理由 要素によって角丸の大きさを使い分ける理由 大きめの角丸でもおかしくない場合は？ 角丸の大きさを後から調整するPhotoshopプラグイン はじめに なんとなくで使っていたけど、一度ちゃんと考えてみよう！と思わせてくれたきっかけは、こちらのスライドでした。 今回は、こちらのスライドの角丸についての部分に沿って考えていこうと思います。 少ない手間と知識でそれなりに見せる、ズルいデザインテクニック 大きな角丸はあまり使わないほうがいい理由 「ズルいデザイン」のスライドでは、「角丸は5〜6pxくらいが最も無難でキレイ」とのこと。また、下記のようにも言われています。 「R半径が大きい角丸は、野暮ったいデザインになりやすいので、あまり使わないほうがよいです」 引用元：少ない手間と知識でそれなりに見せる、ズルいデザインテクニック たしかに、私も以前に、デ
手書きPOPをIllustratorでつくろう！〜POPができるまで〜
書店さんにPOPを置いてみたい！せっかく本がでたのならやってみたいですよね。Webデザインはモニタの前で作って完了してしまうので「モノ」に憧れます。 ということで「スマートフォンデザインでラクするためには」で作ってみました。 著者POPは効果が高い！ らしいですよ！本当は書店さんへ突撃してみたいのですが、書店員さんも忙しかったり、POPを置かない主義のところもあるようですので今回はデータをあずけて書店へ向かわれる出版社の営業さんにお持ちいただくようにしました。 可能であればその場へ行って、その場で描いてみたいですね。 デジタルで作る理由 手書きだけでいいとは思うのですが以下のような理由があげられます。 うまくかけた文字だけ使える 文字ごとに高さや大きさを調整できる 色が変えられる 後からやり直せる 入れる内容 キャッチコピー 説明 著者名 タイトル 順番は優先順位。POPということで、商品
Subtle Patterns | Free textures for your next web project
These lovely water-colorful dots will make your designs pop...
「第一回 プログラマ向けデザイン勉強会」の内容を参考にして妻のパン屋のWebサイトをリニューアルしてみた - give IT a try
はじめに みなさん、明けましておめでとうございます！・・・と言うにはあまりにも遅すぎる時期になって2013年最初のブログ更新となりました。 「そろそろブログ書かなきゃ書かなきゃ〜！」と思っていたのですが、年末から妻のパン屋のWebサイトのリニューアルに没頭してしまい、間が空いてしまいました。 せっかくなので、2013年最初のエントリではそのお話をしたいと思います。 「第一回 プログラマ向けデザイン勉強会」の発表資料が素晴らしい！ 前々から妻からは「Webサイトのデザインをリニューアルしてほしい」と言われていたのですが、僕自身はあまりデザイン方面には強くないプログラマなので、どうしようかと困っていました。 そんなとき、ネットで見つけたのが「第一回 プログラマ向けデザイン勉強会」でした。 東京の勉強会なので、僕は参加できませんでしたが、発表者の方々のわかりやすいスライドが公開されていたので、だ
GIMP基本操作 | GIMP始めの一歩
新規作成 作成画像の結合 作成画像の保存 作成画像の結合 画像を作成する場合、複数のレイヤーを重ねる事が多くなります。 その際に、役立つのがこの機能です。 複数のレイヤーをくっ付け（結合）一枚のレイヤーにする事が出来ます。 では、作成した画像を結合してみます。 STEP.1 上の画像を見ると、一見一枚の画像に見えますが、 実は、3枚のレイヤーで構成されている事が解ります。 「GIMP（テキスト）」「ボタン（画像）」「背景（背景色黒）」の3枚です。 では、この3枚のレイヤーを1枚に結合します。 STEP.2 「目」のマークが付いている現在見えているレイヤーの上で「右クリック」します。 「右クリック→可視レイヤーの統合」 可視されているレイヤーのみ結合されます。 STEP.3 これが結合されたものです。 レイヤーが1枚に結合されているのがわかりますね。
大手ブログが軒並み採用する鉄板の広告位置について考える - FutureInsight.info
Geekなページの以下のエントリーにメルマガとブログの広告の位置についての言及がありました。 有料メルマガを廃刊しました:Geekなぺーじ メルマガ開始とともに広告収入が増えたのも大きな変化でした。 最大の要因は広告の配置を変更したことなのですが、それによって広告収入が倍近くになりました。 前々から広告を目立つ位置に変更すれば収入が増えるのはわかっていたのですが、「目立つ場所は人によっては邪魔な位置だ」と私が考えていたので、その変更を行うところまで数年間踏み切れませんでした。 しかし、メルマガを開始するような方向性を含めて、そろそろ何とか生活を成り立たせようと本気で模索する必要があるという意味では、そういった個人的な美学が本当に正しいのかということを含めて、位置変更をしてみようと思ってやってみました。 結果、広告配置に関しての苦情もいまのところはなく、広告収入は増えました。 （増えたといっ
CSSリファレンス - とほほのWWW入門
CSSリファレンス トップ > CSSリファレンス [ABC順] 概要 CSS入門 リンク サンプル 表記について CSS3関連規約 セレクタ * { ... } E { ... } ns|E { ... } E, F { ... } E.class E#id E F { ... } E > F { ... } E + F { ... } E ~ F { ... } E || F { ... } [attr] [ns|attr] [attr="val"] [attr~="val"] [attr|="val"] [attr^="val"] [attr$="val"] [attr*="val"] :any-link :link :visited :local-link :target :target-within :scope :hover :active :focus :focus-visi
ランディングページ集めました。
2009年からランディングページを集めているサイトです。購買行動や認知拡大のために作られたランディングページのデザインまとめサイトです。LP制作の参考にどうぞ。
素材1点500円〜。水彩、ナチュラル、ガーリーなどの素材制作。web & DTP制作。 | tigpig.com
このサイト、https://tigpig.comでは、7700点以上のロイヤリティーフリーの無料素材を配布しています。 無料素材は商用にもご利用いただけます。 （著作権は放棄しておりません。ご利用には、禁止事項もございます。詳しくは利用規約をご確認の上、ご不明点などはお気軽にお問合せください。） 無料素材のほか、高解像度データ・ベクターデータは、有料販売しています。 また、有料のオリジナルデザイン制作(DTP制作・Webデザイン・動画制作)をお受けいたします。 制作料金ページに金額を掲載しています。サイズと用途に合わせた料金となっておりますので、ご参照ください。ご予算からサイズと用途を逆算して発注することも可能です。 本サイトは、主に広告料金の収益により運営されておりますので、 スポンサーによるバナー広告が掲載されております。ご了承ください。 （広告スポンサーからの有料素材の広告や素材が表
【Web制作などの依頼で「概要」しかわからないのに「とりあえず見積が欲しい」と言われたとき、私はこんなことに気をつけています】｜今村だけがよくわかるブログ
【Web制作などの依頼で「概要」しかわからないのに「とりあえず見積が欲しい」と言われたとき、私はこんなことに気をつけています】 どうもです。いきなりですが、私は毎年この年末から来年の3月末あたりまで、段階的に仕事周りが騒がしくなって来る時期だったりします。決算期の都合もあるんでしょうかねぇ。似たような状況の方も多いのではないかと思います。ほんと、最近依頼が多いです。 ところで、仕事の依頼があるって嬉しいことです。 普段あまり交流のなかった方から突然の依頼や、または、人づてで紹介を受けたりなど。紹介を受けるってことは「仕事ちゃんとしてくれるよ」ってのを認めてもらえた証拠だと思っています。本気でうれしいです。 と、ここで「依頼」についてちょっと掘り下げたいな～と思いました。本題に入る前に、少しだけ前置きにお付き合いくださいますと幸いです。 ・・・「依頼」っていろいろありますね。 「ハマる依頼」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Windows7にフォントをインストールする方法｜caraldo.net | MT Blog
フリーテクスチャ素材館
ホームページを作る人のネタ帳
初心者のブログ作成 ＨＴＭＬタグ研究所！
Tumblrで作られたスゴいWebサイト
HTMLの外部ファイル化