Google Fonts + Japanese • Google Fonts + 日本語
Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma
CSSのposition:stickyがすごく便利 | q-Az
最近新しく追加された position の新しい値 sticky が場合によってはすごく便利なので記事を書いてみます。 対応ブラウザがまだあまり多くないので実用性は乏しいかもしれませんが、今まで JavaScript の力を借りなきゃ出来なかったことがたったの2行の CSS で出来てしまう魔法みたいな position の値です。 position: stickyMDN が説明が詳しいので貼っておきます。 参考：position - CSS｜MDN 簡単に言うと「スクロールでその位置まで来たらそれ以降は fixed する」みたいな感じです。 サンプルこの記事内で「position: sticky」や「サンプル」など h2 要素に position: sticky をかけています。対応ブラウザであれば h2 要素が fixed しているはずです。 HTML<h2 class="h2-stic
美しいグラデーションをCSSで実装！配色に使える便利ツールや実例も！
2020年5月18日 CSS, Webデザイン, 便利ツール 背景に動画を使ったWebサイトや、大きな背景画像を使ったWebサイトに続き、最近は画面全体にきれいなグラデーションカラーを用いたサイトを見かける機会が増えてきました。そこで今回はグラデーションカラーをCSSで実装する基本的な方法から、画像に重ねる応用、配色選びに使えるサイト、実例集などを紹介します！ ↑私が10年以上利用している会計ソフト！ CSSでグラデーションを実装 グラデーションは background プロパティーに linear-gradient の値を使って色を指定します。意外と簡単。 body { background: linear-gradient(#05FBFF, #1E00FF); } See the Pen CSS linear-gradient by Mana (@manabox) on CodePen
impalette.com - impalette リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ウェブサミBlog
ウェブコンサルタントサミット００２「ウェブ業界と女性の活躍」の特典であり 女性支援の活動として、ism（イズム）のジュニアコース 動画視聴（DVD配布）を行っています。 http://webconsultant.jp/summit/002/index.html#m_035 ism（イズム）とは、戦略とマーケティングを一気通貫して学べる会員制のコンサルティングプログラム。 言葉にすると難しいのですが、 社会変化に伴うネット活用をマーケティングなど小手先のテクニックで対応するのでなく、事業の方向付け・戦略から考え、それをマーケティングまで落とし込むことで成果を出す、という経営フレームワークを提供し、学んでいただくコンサルティングプログラムです。 インターネットを活用した戦略とマーケティングの研修会 ism（イズム） http://www.internet-strategy-marketing.
Webデザインのアイデアに困ったら覗きたいサイト10選
この記事では、インスピレーションを与えてくれる、Webデザインの参考になるサイトを紹介します。 サイト全体のデザインやレスポンシブデザインに特化したサイト、サイトパーツ、ロゴ、アイコン、バナーなどを収集して紹介しているサイトなど10サイト厳選しました。あなたのWeb制作の刺激になること間違いなしです。 1. MUUUUU.ORG クオリティが高く、縦に長いサイトを収集しているギャラリーサイトです。サイト自体シンプルで使いやすく、またカテゴリー分けが詳細でとても探しやすいサイトです。 2. 現代デザイン 技術的、デザイン性がすぐれたサイトを収集したギャラリーサイトです。カテゴリーは業種と色、日時のみですが、業種を細かく分類しています。また、気に入ったサイトをブックマークに入れることができます。 3. I/O 3000 国内外問わない、秀逸なデザインのサイトを収集しているギャラリーサイト
ロゴ作りで大事なのはロゴの見た目にあらず、本当に大切なポイントを解説したムービー「What makes a truly great logo」
企業にとって非常に重要なロゴマークは、決定するのに時間や手間がかかることも。ロゴにはどういうタイプがあり、人々にどう作用し、現在ではどのようなロゴが人気なのか、そして、ロゴ作りにおいて本当に大事なことは何なのかをグラフィックデザイナーのマイケル・ビアラット氏がムービー「What makes a truly great logo」で解説しています。 What makes a truly great logo - YouTube ロゴは現在において過大評価されている側面があり、グラフィックデザイン会社の副社長マイケル・ビアラット氏は「私がロゴに対して持つ感情はさまざまなものが入り交じっています」と語ります。 ロゴは人にとっての「顔」と同じく、企業にとっての「顔」と言えるもの。人によって好き嫌いがあるのは当然です。 ロゴは小さく表示されても…… 大きく表示されても機能する必要があります。 ロゴに
Webデザインのセオリーを学ぼう
2012年2月16日 福井工業高等専門学校で行いましたデザインセミナーでのスライドです。Read less
選ばれるウェブデザインとは
東京ベイ潮見プリンスホテル ”水辺の宿場町”をデザインコンセプトとするアートホテル「東京ベイ潮見... 詳細を見る
Bike EXIF | Custom motorcycles and cafe racers
When BMW hinted that they’d be unveiling something at the prestigious Concorso d’Eleganza—happening right now on the scenic banks of Lake Como—we automatically assumed it would be another variant of the new BMW R 12 nineT. As it turns out, we were very, very wrong. Get a load of the BMW R20 Concept; a hot… Read more » Monster Masterclass: One Ducatista’s 1999 Ducati Monster 900 restomod It’s unlik
arsgrafik.com - このウェブサイトは販売用です！ - arsgrafik リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
25 Incredible Examples of Flat Design - Vandelay Design
It almost seems that this year flat designs have taken over the world of graphic design by force, but especially in the arena of mobile apps with the first industry-shaking flat design being for the iPhone5. The reality is that flat design has been around longer than the emergence of the iPhone5, but of course, it was Apple that helped to bring such cross-industry awareness to the design style. Yo
【Photoshop】ボタンデザイン時に使える10の効果まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ボタンをデザインするときに使いがちなデザイン効果をまとめました。 詳しいやり方は記述しませんが、ほとんどがPhotoshopのレイヤー効果でなんとかなります。 コツは、色々と組み合わせて使うため、ひとつひとつを「やりすぎない」ことです。 ボタンデザインのご参考になれば… 01.Gradation グラデーション 02.Texture 模様 03.Border ボーダー 04.Dent へこみ 05.Shadow シャドウ 06.Text Shadow テキストシャドウ 07.Text Brightness 文字光彩 08.Reflection 反射 09.Highlights ハイライト 10.Shine てかり サンプル 作成例です。 01 + 03 + 04 + 06 + 09 + 10 を組み合わせています。 いろいろとお試しください〜。 LIGはWebサイト制作を支援しています。ご
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
::before | Codrops
新着記事
Ultimate CSS Gradient Generator from ColorZilla
デザインの勉強にいい！有名ブランドのガイドラインのまとめ
Gratisography - Free High-Resolution Photos
Icons | Font Awesome
Responsive Web Design JP（日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト）
