読書アシスト

2020/07/10 671 users 読書アシスト 文節 読書 階段 文章

「読書アシスト」技術は、人間が文章を読む際の視点移動に着目し、無駄なく視点移動を行うように文章を表記することで、自然とスムーズな読書を可能にします。 独自の表示方式の例 文章の改行場所を文節の間に調節した文節間改行方式 隔行単位で背景色を付与するストライプ型背景色 文字のベースラインを文節単位で階段... 続きを読む

【完結編】Photoshopで複雑な背景から髪の毛を切り抜く方法 - PhotoshopVIP

2018/08/16 933 users Photoshop切り抜き PhotoshopVIP 用途

Photoshopの画像の切り抜き方法は、用途によってたくさんのテクニックがあり、当サイトでも「 Photoshop切り抜きをマスターする10個の鉄板テクニック 完全ガイド」でご紹介しています。しかし本当に厄介なのは、街や風景など複雑な背景だったり、髪の毛の色が背景色と同じようなケースなど、これらのテクニックがうまく... 続きを読む

【図解で分かる】色彩センスのいらない配色入門 - Brian'z Imagination

2016/05/04 502 users Brian'z Imagination 図解 色彩センス

2016 - 04 - 29 【図解で分かる】色彩センスのいらない配色入門 Webデザイン シェアする Bookmark! Facebook Twitter Google+ Pocket Feedly Web制作を生業としていると、ブログを書いている知り合いからこんな声を聞く。あなたもこんな経験ないだろうか。 背景色や文字色をいじるのだけれど、 どうもパッとしない 。 これだ！と思う色を選択して使... 続きを読む

[JS]最近のWebサイトで見かける面白い仕掛けや便利な機能を実装するスクリプトのまとめ | コリス

2014/09/29 502 users コリス jQuery ヘッダ スクリプト エフェクト

最近のWebサイトでよく見かける面白い仕掛けのコンテンツやエフェクト、便利な機能を実装できるjQueryのプラグインやスクリプトを紹介します。 Midnight デモページ ロゴやヘッダなどをスクロール時に固定表示し、スクロールして表示されたコンテンツに応じて、固定エレメントのスタイルシートを変更させて表示するjQueryのプラグイン。 デモでは、表示されているコンテンツに応じて、ロゴの背景色とカ... 続きを読む

絶対まねしたい！Chart.jsを使ってフラットデザインぽいグラフを作る方法 | startapp

2013/07/22 529 users ドーナッツ セグメント startapp CSS 円弧

Chart.jsというのが流行っているみたいなので、もうちょっとフラット感がでないものか、カスタマイズに挑戦してみました。Chart.jsの使い方などは、LIGさんの記事を参考にしてください。 ドーナッツ これを何個か並べればかなりフラット感が出ますね。外側の青い部分のみをChart.jsで描画し、それ以外はCSSで調整しています。2つ目のセグメントを背景色で塗れば、円弧のように見えます。 ※ ド... 続きを読む

コピペでできる！CSS3の素敵効果でテキストリンクを装飾する小技あれこれ | Webクリエイターボックス

2013/01/29 539 users コピペ エフェクト 目次 Webクリエイターボックス マウス

どのサイトでも見かけるテキストリンク。リンクのついたテキストにマウスオーバーすると文字色を変更する、というシンプルかつわかりやすい効果を実装しているWebサイトが多いかと思います。この装飾をもう少し変更できないかな？と思いCSSのみでプラスすることができるエフェクトをいくつか紹介します。 目次 ちょっと予備知識 文字色をふんわり変える 背景色をふんわり変える 文字をぼかす 光を放つグロー効果 背景... 続きを読む

配色決めにも利用できる！色について詳しく調べられるサイト「Color Hexa」*二十歳街道まっしぐら

2012/02/01 526 users 配色決め 反対 二十歳街道まっしぐら ボーダー フォント

Color Hexa 色のことがよく分かるサイト Color Hexaは色に関する情報をたくさん教えてくれるサービスです。 色の構成から似た色、反対の色などなど。 Webサイトの配色決めなどにも利用できそうですよ。 フォントや背景色、ボーダーにその色を使ったときの見た目も教えてくれます。 以下に使ってみた様子を載せておきます。 色について調べる 続きを読む 続きを読む

並べた画像を敷き詰めて超カッコよくするjQueryサンプル:phpspot開発日誌

2011/09/05 629 users jQueryサンプル phpspot開発日誌 画像 img

Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表... 続きを読む

1ピクセルのずれも許せないWebデザイナのためにResetting Again | エンタープライズ | マイコミジャーナル

2008/02/08 523 users エンタープライズ プロ Webデザイナ 涙ぐましい努力 CSS

CSSがWebページデザインの主要技術になってから、WebデザイナはCSSの振る舞いに頭を抱えなかったことはない。もっとも悩ましいのは、同じCSSでもWebブラウザごとに表示が異なるところにある。なるべく同じ表示を実現しようと、一見すると奇っ怪にみえる設定を加えたり、意味がないような行を加えたり、背景色と同じ色の画像を調整用に追加したり、涙ぐましい努力は後を断たない。 世界中のWebデザイナやフロ... 続きを読む

写真がめくれた感じを表現する | DesignWalker

2007/03/28 653 users DesignWalker グラデーションツール Altキー

めくれを表現するだけでも、いろいろな方法があるのですね。 っちゅうわけで、個人的に気に入った一番目のPSTUTさんのチュートリアルを簡単にご説明 1. セレクトツールで写真の大きさに選択。グラデーションツールを選んで左上から右下にドラッグ。そのとき、背景色は#F7F2E7にしておく。 2. 選択範囲を小さくする。(Altキー + S + M + C)もしくは、下の画像のように、[選択範囲]メニュー... 続きを読む