A handpicked collection of beautiful color gradients for designers and developers
![uiGradients](https://cdn-ak-scissors.b.st-hatena.com/image/square/639cf35702215d12b23a144159b61c51b7fae97f/height=288;version=1;width=512/http%3A%2F%2Fuigradients.com%2Fstatic%2Fimages%2Fuigradients.jpg)
hn, pなどの要素を使ったテキストの左右に、水平ラインを天地中央に配置するスタイルシートのテクニックを紹介します。 HTMLは非常にシンプル、カラーやサイズの調整も簡単、背景画像も問題ありません。 実装のポイントは5つ。 画像は使用しない。 spanなど、余分なHTMLは使用しない。 フォントのサイズを大きくしても自動で調整される。 可変。 背景が画像でも水平ラインが綺麗に描かれる。 実際の動作は、下記ページで確認できます。 デモは全てのモダンブラウザ、IE9+でご覧ください。 Heading Side Lines HTML HTMLは非常にシンプルで、hnやp要素のみで実装できます。 classを使用すれば水平ライン有り・無しの共存も可能です。 <body> <h2>テキストの左右に</h2> <h3 class="lines-on-sides">水平のラインを描く</h3> </bo
Palettaは顕色系 (色相, 明度, 彩度) をベースに「調和のとれた色」だけを集めたカラーパレットです. 色を選択すると, 周囲の色が同系統の色に変わります. 画面上部のResetボタンを押すと, 色の選択が解除されます. カラーコードをクリックするだけでコードをクリップボードへ簡単にコピーできます. 詳しく
モニターの色が違っていると気づくのは、どんなタイミングでしょうか? デジタルフォトを始めて間もない人なら、「カメラの背面液晶で確認した写真をパソコンで開いて見たら、全く違う色味や明るさだった」というケースが多いと思います。これについては、バックナンバーの第1回「デジタル一眼レフの背面液晶モニターは信頼できるか」を参考にしてください。 次に多いのは、「インクジェットプリンタの出力とモニター表示が合わない」というケースでしょう。このケースではいくつか原因が考えられますが、大きな問題は以下の3点でしょう。 1. プリント時の設定の問題 (※1) 2. モニターキャリブレーションの問題 3. プリントを見る環境の問題 このうち「モニターキャリブレーション」と「プリントを見る環境」には深い関係があります。この連載ではこれまで、モニターキャリブレーションは設置場所の環境光の影響を大きく受けると書いてき
text-shadowを使った美しい4種類のエフェクトを紹介します。 エフェクトはCSSのみで、もちろん画像は使っていません。 HTML <h1 class="elegantshadow">Elegant Shadow</h1> CSS まずは、各見出し共通のスタイルシートから。 h1 { font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; font-size: 92px; padding: 80px 50px; text-align: center; text-transform: uppercase; text-rendering: optimizeLegibility; } Elegant Shadow用のスタイルシートです。 .eleg
最近ますます一眼レフのRAW現像にハマってるんですが、いつも気になっていたのがディスプレイ環境による色味の違い。できることなら「全員Retina iPadで見てね」と言いたいけど、結局手間隙かけて現像しても、見てる人のディスプレイ環境が悪かったら綺麗に見てもらえないので悩ましいなとか考えてたのですが、そもそも自分の現像してる環境(\MacBookAir11\)のディスプレイがまともな色を再現してるのかな?とふと気になったのでググってみたら衝撃を受けました。 というのも最近のMacBookのディスプレイは主に\Samsung\と\LG\が提供しているらしいのですが、LG製のディスプレイを引いてしまうと色味が悪いみたいです。(逆にSamsungは補正が不要らしい。) 実際に購入時にディスプレイメーカーを指定できないので、当たり外れで性能が変わるのが悲しいところですが、不幸中の幸い、OSXにはデ
git log --graph --onelineをメインに使っていたんだけど、現在時刻に対する相対的な時刻とかコミッターの名前とか表示したくなったので色々いじってた。%C(white bold blue)とかでターミナルの色を参照して文字色と背景色を指定することができるということを理解するまでが長かった……。 上記スクリーンショットのようなgit logは以下のようなコマンドで実現できる。 $ git log --graph --pretty='format:%C(yellow)%h%Cblue%d%Creset %s %C(black bold)%an, %ar%Creset' %dで参照名(ブランチやタグ、リモートブランチ)を、%anでコミッターの名前を、%arでコミットの相対的な日付を表示するようにして、%Cで色を変えている。%Credと%Cblue、%Cgreen以外を使う場合は
Easy to Install Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values. Customizable Changes are contained in just two SASS files, enabling further customization and ensuring forward compatibility. Tuned for 5.3.2 Themes are built for the latest version of Bootstrap. Version 4, version 3, version 2, and other releases are also available to download.
Ian Storm Taylor - Design Tip: Never Use Black (August 2012) http://ianstormtaylor.com/design-tip-never-use-black/ デザインでは黒を使うな、という話。筆者のIan Storm Taylorは、Segment.ioというサービスの共同創業者で、デザイナーでもあるようだ。 筆者は子供のとき、美術の教師から、黒には注意せよとアドバイスされた。その後、RISD(Rhode Island School of Design)でも似たようなことをたびたび言われたとのこと。 人間は、「暗いもの」を「黒」と結びつけてしまいやすい。しかし、ほんとうの「黒」というものは、実はめったにない。筆者はまず、Wayne Thiebaud(アメリカのポップアートの画家)の絵を例に、影が黒ではないことを示す。
久々の更新です。 今回はエンジニアには必須のツールであるターミナルの見た目を良い感じにしたいと思います。 ちなみに環境はMacです。 まず、使うのはiTerm2です。 iTerm2 - Mac OS Terminal Replacement 次にbashではなくzshにします。 設定は便利な oh-my-zsh を使います。 oh-my-zsh を使って zsh の便利な設定をまとめて取り入れる - ess sup を参考に。 zshのテーマは "robbyrussell" をベースにやります。 ここまでは普通の設定です。ここからいじりましょう。 まずはプロンプトを良い感じにします。 ホームディレクトリの .zshrc ファイルを編集します。 ファイルの一番下に次のを追加してください。 FACE_CHAR=("(」・ω・)」うー! " "(/・ω・)/にゃー!") PROMPT=$'%{\
2011年12月6日火曜日 「ぐへへお姉ちゃんパンツ何色」から始めるクラス解説 「ぐへへお姉ちゃんパンツ何色」はこれ以上ないほどオブジェクト指向であり、しかも理想的な実装をしていることに気づきました。これを用いてオブジェクト指向を説明してみようと思います。 ある人が「ぐへへお姉ちゃんパンツ何色」と質問するのは、お姉ちゃんオブジェクトの保持するpants_color変数を取得しようとする手続きと見ることが出来ます。つまり oneechan.pants_color を取得しようとしているわけです。 ではどうすればいいのでしょうか? 考えてみましょう。直接パンツを見ればpants_colorを取得することができますね。 クラスを使わないとすればこんな書き方が考えられます。 struct oneechan{ int pants_color; }; 構造体でひな形を宣言します。
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
効率的な別解とか存在する問題もあるけど演習によさそうなやつをピックアップ。そのアルゴリズムじゃないと解けないわけではないって問題も多いので注意。(ただ演習するのには都合が良いかなと)※個人的難易度をつけてみました。とても主観的な難易度付けなので気にせず解いてみてください。深さ優先探索・Balls[☆]・Sum of Integers[☆]・The Number of Island[☆]・Block[★]幅優先探索・Mysterious Worm[★]・Cheese[★]・Seven Puzzle[★☆]・Stray Twins[★★]・Deven-Eleven[★★]・Summer of Phyonkichi[★★☆]ワーシャルフロイド法(For 全点対最短路問題)・Traveling Alone: One-way Ticket of Youth[★]・A reward for a Car
参考作品 & DVD・図書リスト 1st Edison's Kinetoscope. Museu del Cinema Lumière: L'Arrivée d'un train à La Ciotat (1895) The Lumiere Brothers' - First films (1895) Le repas de bébé, Lumière, 1895 LUMIERE Babies Quarrel (1896) Becky Sharp (1935) (Part 1/9) Viaje a la Luna, de Georges Méliès (1902) Georges Melies - The Vanishing Lady - 1896 Méliès: Le Monstre (1903) Emile Cohl - Fantasmagorie 1908 Emile Cohl -L
WIZU OilshockDesigns / May As Well (スタンドカードホルダー[マグネットステッカー付]) Default Title ¥2,189 (税込) ¥4,378 (税込) 50%OFF
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く