はしくれエンジニアもどきのメモ

情報・Web系技術・Englishの勉強メモ・備忘録です。

デザイン

CSS のみで縞模様、水玉模様を作る

CSS のみで縞模様、水玉模様を作る CSSのみで、縦縞・横縞、水玉模様を作れることがわかったのでメモ。 参考にしたリンクはこちらです。 honttoni.blog74.fc2.com CSS のみで縞模様、水玉模様を作る サンプル 縞模様のサンプル 水玉のサンプル 縦縞・横縞・…

ドローイングソフト「Inkscape Portable」のインストール

ドローイングソフト「Inkscape Portable」のインストール フリーのドローイングソフト「Inkscape」のポータブル版をインストールしたのでメモ。 svg などのベクター画像を扱えます。 Illustrator の代替ソフトといわれる時もあります。 公式: Home | Inksca…

オープンソースになったフォント「Roboto」を使ってみよう

オープンソースになったフォント「Roboto」を使ってみよう オープンソースになったフォント「Roboto」をインストールしてみたのでメモ。 オープンソースになったフォント「Roboto」を使ってみよう Roboto DL, イントール フォントの比較 参考リンク Roboto …

CSS の色指定は、HSL を使っていこう

CSS の色指定は、HSL を使っていこう 色の勉強をしていると、 色の3属性として 色相 (Hue)・彩度 (Saturation)・明度 (Lightness)が出てくる。 しかし、RGBで色を指定しまう(指定する機会が多い)と、 この3属性を活かすことができない。。 hsl(); を使えば…

ワイヤーフレーム、フローチャートなどの無料ドローツール「draw.io」 を使ってみる

ワイヤーフレーム、フローチャートなどの無料ドローイングツール「draw.io」 を使ってみる 最近は、ドローイングツールのWebサービスがあります。 その中で、使い勝手がいいという「draw.io」を使ってみました。 ワイヤーフレーム、フローチャートなどの無料…

デザイン基礎(配色)

デザイン基礎(配色) デザインの基礎的な配色関係のリンクが溜まってきたので、保存しておきます。 自分なりにまとめたノートっぽいものを後日まとめておきたいと思います。 「フォント」、「余白」や「レイアウト」の話は別の記事に今後書きたいと思います…

動きのあるWebサイト 12選

動きのあるWebサイト 12選 カルーセル、パララックス、動画などの動きのあるサイトをまとめておきます。 動きのあるWebサイト 12選 カルーセル系 au docomo softbank パララックス系 探検!京都大学 キリン一番搾り IPSA 動画系 CALL of DUTY Brindisa Tapas…

マテリアルデザインについてのメモ

マテリアルデザインについてのメモ 今後流行るであろうデザインなので、整理も含めてリンクなどをメモしておきます。 追記:マテリアルデザインでのデータの可視化について追加。 2015年6月3日 マテリアルデザインについてのメモ マテリアルデザインの概念 …

Webサイトをモノクロ表示にするブラウザの拡張機能 (un)clrd

Webサイトをモノクロ表示にするブラウザの拡張機能 (un)clrd 以前使用した( 可読性に優れたサイト 8選 - はしくれエンジニアもどきのメモ ) ツールのメモです。 Webサイトをモノクロ表示にするブラウザの拡張機能 (un)clrd (un)clrd 関連リンク (un)clrd (un…

可読性に優れたサイト 8選

可読性に優れたサイト 8選 可読性に優れたサイトを保存しておきます。 ここでいう可読性は、モノクロにしてもちゃんと読めるかです。 カラー、モノクロの両方の画像を残しておきます。 可読性に優れたサイト 8選 通常 アニコム パフェ株式会社 ビーナスベッ…

ファーストビューの優れたサイト例 12選

ファーストビューの優れたサイト例 12選 ファーストビューの優れているサイトのメモ。 サイトは変更する可能性があるので、画像も載せておく。 ファーストビューの優れたサイト例 12選 jQuery 系 ボンカレー ビーナスベット 動画系 Project Skin 万国學生藝…

おすすめダミー画像生成サイト[メモ]

おすすめダミー画像生成サイト ウェブサイト制作に役立ちそうなダミー画像を生成サイトを知ったのでメモ。国産のようです。 おすすめダミー画像生成サイト 紹介 テスト 参考リンク