タグ background
人気順 5 users 50 users 100 users 500 users 1000 usersWatch Saturday Night Football In Canada
2017/09/23
32 users
forums
Forum
body style
%!Season&Games[br/]-=] Watch Saturday Night Football In Canada [~([Watch On Home › Forums › Forum › %!Season&Games[br/]-=] Watch Saturday Night Football In Canada [~([Watch On <body style=”background-... 続きを読む
これでみんないつでも描けるね！ 東京五輪エンブレムのコードがオープンソースに - ねとらぼ
2015/08/03
20 users
とらぼ
東京五輪エンブレム
ソース
コード
みんな
何かと話題の東京五輪エンブレムですが、そのエンブレムのコードを書いてオープンソース化する人物が現れました。 size(600, 600); background(255); noStroke(); float a = 200; fill(#FFD700); rect(0, 0, a, a); fill(#808080); rect(2*a, 2*a, 3*a, 3*a); ellipseMode(... 続きを読む
コピペでOK！WordPressのサイトマップを人気記事ランキングにする方法 - ゆめぴょんの知恵
2015/02/19
57 users
ゆめぴょん
コピペ
WordPress
知恵
toc
WordPressの新テーマ・デザインに変更した時に、サイトマップについても人気記事順にしてみました。それに伴いずっと使ってたプラグインをまた1つ減らしました。そのカスタマイズ方法を紹介します。<style type="text/css"> .toc { margin: 18px 5px; background: #ffd; border: 1px solid #666; border-radiu... 続きを読む
CSSの簡略プロパティー - Weblog - Hail2u.net
2014/08/13
43 users
Weblog
hail2u.net
ショートハンド
CSS
CSSの標準仕様では一部のプロパティーに簡略(ショートハンド)プロパティーが用意されている。marginやbackground、fontプロパティーなどがそれ。うまく使うとCSSをかなり短くできるので、積極的に使いたいけど、なかなかの複雑さでそうもいかない。かといって機械的に処理するのも、CSSは人が簡単に書けることを想定して仕様が作られている節がある(根拠はない)のでまた難しい。 先日知ったCS... 続きを読む
【リケジョ笑】小保方晴子の博士論文がパクリだと発覚する・・・早稲田大学の博士号はパクリ論文でもゲットできることを小保方晴子が証明する:ハムスター速報
2014/03/11
62 users
パクリ
小保方晴子
博士論文
ハムスター速報
博士号
【リケジョ笑】小保方晴子の博士論文がパクリだと発覚する・・・早稲田大学の博士号はパクリ論文でもゲットできることを小保方晴子が証明する Tweet カテゴリニュース 0 ：ハムスター２ちゃんねる 2014年3月11日 14:03 ID：hamusoku 小保方氏の博士論文の冒頭の"BACKGROUND"の文章のほとんどが、ＮＩＨの下記サイト（Stem Cell Basics）からの剽窃（盗用）です。... 続きを読む
[WordPress]アイキャッチのURLを取得してCSSで背景画像に設定する方法*prasm
2014/01/16
48 users
prasm
アイキャッチ
position
div
span
こんな感じ、別にspanでなくてもdivでもなんでも、インラインで指定します。 アイキャッチをbackgroundで指定できるとどういいのか？ こればっかりは好みとしか言いようがありません。別にバックグラウンドで指定しなくても、普通に呼んでpositionで好きに配置することも出来ますしね。 prasmでの使い方 主にモバイルテーマで使っています。 ヘッダー部分のアイキャッチだけが固定でブログタイ... 続きを読む
関数型プログラミング言語のまとめ - ワザノバ | wazanova.jp
2013/11/04
95 users
wazanova.jp
関数型プログラミング言語
一連
仕様
http://funceng.com/2013/11/03/review-of-functional-languages/ Kevin Buellがブログの一連のエントリーで関数型プログラミング言語の概要をまとめています。 1) Haskell ラテン語がわかる人には親しみやすい。 [Background] 遅延評価の研究成果をとりまとめる委員会が1990年にHaskell 1.0の仕様をつくった... 続きを読む
UITableViewCell の背景色はwillDisplayCell: で変更する | 極上の人生
2013/10/17
12 users
UITableViewCell
テーブルビュー
サイコー
Storyboard のBackground を変更しても反映されない ちょっと困ったのでメモ。 UITableView（テーブルビュー）でUITableViewCell（セル）の背景色を変えたいと思いました。 で、Storyboard（ストーリーボード）で、ちょいちょいっとBackground（バックグラウンド）の色を変更。 これでOK！Storyboard サイコー!! …とか思っていたら。 ... 続きを読む
CSS3アニメーションを利用したサンプル[to-R]
2013/04/14
63 users
to-R
サンプル
CSS3アニメーション
sample
動作
CSS Niteビギナーズ：HTML5+CSS3でCSS3アニメーションを紹介したところ、使いどころがよく分からないとの意見をたくさん頂いたので、サンプルをいくつかご紹介します。 実際の動作はサンプルページから確認できます。 sample1 ボタンにマウスをのせた際にアニメーションして背景色を切り替えます。 /*sample1*/ .sample1 a{ background:#3f8bad; t... 続きを読む
CSS3も少し入れつつ自分流CSSプロパティの書き順を決めてみた｜Webpark
2013/02/14
122 users
Webpark
書き順
CSSプロパティ
略し方
試行錯誤
どの段階にあるかはCSS current work & how to participateで確認できます。 また、list-style、backgroundなどのように略せるものは略して書くようにしていますが、略さない場合も下に載せています。略し方については「まとめて書くことができるCSSプロパティの8つのパターン｜Webpark」をご参考に。 若干それましたが、試行錯誤して並べた結果がこちらで... 続きを読む
A (Background) Picture is Worth 1,000 Words: Using Photo Backgrounds in Web Design - DesignModo
2012/10/16
47 users
DesignModo
Great examples of websites using photo backgrounds and how you can make them work for you. Great images are hard to beat.A (Background) Picture is Worth 1,000 Words: Using Photo Backgrounds in Web Des... 続きを読む
MVC is dead, it's time to MOVE on.
2012/07/02
464 users
MVC is dead
Georgia
pre
code
MVC is dead, it's time to MOVE on. body{ font-family: 'Liberation Serif', 'Georgia'; background: #FFE; } code { white-space: pre; } article{ -moz-column-width: 60ex; -moz-column-gap: 4em; -moz-column-... 続きを読む
ピュアCSSで実装するスクロール要素へのドロップシャドウ効果:phpspot開発日誌
2012/05/09
20 users
ピュアCSS
phpspot開発日誌
ブッダ
before
Scrolling shadows ピュアCSSで実装するスクロール要素へのドロップシャドウ効果。 スクロール位置がトップにある状態だと下位置にシャドウが表示。 中間位置までスクロールすると上下に表示 フッタに移動すると下のみに表示 ピュアCSSでこれが実装できるみたいです。 :before, :after 内のbackgroundを使ってうまく実装されているみたいですね 関連エントリ ページ内ス... 続きを読む
[CSS]アロー付きの吹き出しのスタイルシートが簡単に作成できるオンラインツール -CSS Arrow Please! | コリス
2012/04/12
122 users
コリス
relative
CSS
border
div
HTML 使用するHTMLは、下記のような感じでokです。 <div class="arrow_box">ふきだし</div> CSS 生成されるスタイルシートはアローやボーダーのみなので、吹き出しのサイズなどは別に指定して利用してください。 .arrow_box { position: relative; background: #88b7d5; border: 4px solid #c2e1f... 続きを読む
[CSS]hr要素をおしゃれにスタイリングする8つのテクニック | コリス
2011/11/23
613 users
コリス
border
CSS
height
hr要素
デモページ CSS3を使った8つのテクニック デモページの8つの実装方法を個別に見てみましょう。 HTML HTMLは全デモ共通で、hr要素にclass名を付与するだけのシンプルな実装です。 <hr class="style-one"> 繊細なグラデーションを使ったデザインです。 hr.style-one { border: 0; height: 1px; background: #333; ba... 続きを読む
IT系の人はフォローしておくべきツイッターアカウントまとめ | ソーシャルウェブが拓く未来
2011/11/01
895 users
ソーシャルウェブ
未来
IT系
sasakitoshinao
勝手にまとめてみました。 佐々木俊尚さん（@sasakitoshinao） いわずも知れたITジャーナリスト、佐々木俊尚さん。毎朝高品質なニュースツイートを発信してくれています。とりあえず佐々木さんのツイート読んでおけばIT系のトレンドは掴める、といって良いほど。フォローしておいて損はないです。 #embedly_twitter_99227717{background:url(http://a0.... 続きを読む
[CSS]正方形・ダイアモンド・台形・三角形・円・ハートなどを作り出すスタイルシートのまとめ | コリス
2011/06/05
169 users
コリス
台形
Square
CSS
height
HTML CSS #square { width: 100px; height: 100px; background: blue; } Diamond: ダイアモンド HTML CSS #diamond { width: 80px; height: 80px; background: blue; ma... 続きを読む
フォームのテキストエリアをより使いやすくするテクニック集 | コリス
2010/07/19
302 users
コリス
textarea
borde
images
URL
CSSやJavaScript（jQuery）を使用して、フォームのテキストエリアをより使いやすくする9つのトリックを紹介します。 CSS 画像の表示には、スタイルシートを利用します。 textarea { background: url(images/benice.png) center center no-repeat; /* This ruins default border */ borde... 続きを読む
たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE | コリス
2010/07/14
1404 users
コリス
padding
Eee
border-radius
上記デモのスタイルシート ※クリックで拡大 「CSS3 PIE」の使い方は簡単で、既存のCSS3に一行を追加するだけです。 適用前のCSS #myElement { background: #EEE; padding: 2em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; } 「CSS3 PIE」... 続きを読む
最近のブラウザ使えそうなCSSハックの一覧 | CSS Lecture
2009/10/25
359 users
CSSハック
CSS Lecture
ブラウザ
CCC
一覧
Category ： CSS リファレンス 個人的にハックはあまり使いたくないと言う考えなんですが、ちょこっとハックを使うだけで便利になる事はけっこうあるかと思います。 なので最近のブラウザで使えそうなハックを改めてまとめてみました。 IE6に適用 .huck { _background: #CCC; } IE7に適用 *:first-child + html .huck { background... 続きを読む
[CSS]検索フォームを素敵なデザインするスタイルシート集 | コリス
2009/03/04
331 users
コリス
images
CSS
display
height
検索フォームを素敵なデザインにスタイリングする、クロスブラウザ対応のスタイルシートをCss Finestから紹介します。 HTML CSS /* style1*/ #searchform1 {background:url(images/search1.gif) left top no-repeat; display: block;width: 240px; height: 32px;} #sear... 続きを読む
[CSS]画像に枠線やウォーターマーク、キャプションをつけるスタイルシート | コリス
2008/12/03
230 users
ウォーターマーク
padding
コリス
キャプション
URL
TORRANCE WEB DESIGNのエントリーから、画像に枠線やウォーターマーク、キャプションをつけるスタイルシートを紹介します。 Drop Shadow Effect demo HTML CSS img.shadow { background: url(shadow-1000x1000.gif) no-repeat right bottom; padding: 5px 10px 10px 5... 続きを読む
JavaScriptを使わずCSSのみでシンプルなツールチップ実装:phpspot開発日誌
2008/03/27
211 users
CSS
phpspot開発日誌
ツールチップ実装
hover
Easy CSS Tooltip | Kollermedia.at JavaScriptを使わずCSSのみでシンプルなツールチップ実装。 CSSの a:hover を応用して、次のようにシンプルなツールチップを実装するサンプル。 コードは以下のようにシンプルにかけます。 <html> <head> </head> <style> a:hover {background:#ffffff; text-... 続きを読む
[CSS]リンク先や拡張子ごとにリンクのアイコンを変更するスタイルシート | コリス
2007/09/25
270 users
コリス
mailto
CSS
images
dis
「a href」を使用したリンク箇所のアイコンを、リンク先やmailtoやPDF・画像などそれぞれごとにアイコンを変更するスタイルシートのサンプル紹介です。 外部リンクでアイコンを変更する場合 a[href^="http://"]{ background:transparent url(../images/external.png) center rightright no-repeat; dis... 続きを読む
GIGAZINE - AJAXで配色を決める無料サービス「Accessibility Color Wheel」
2006/06/06
84 users
Ajax
GIGAZINE
カラーホイール
Bigger
配色
カラーホイールの中にマウスを入れるとリアルタイムでプレビューの色が変わります。「Foreground」がテキストの色、「Background」が背景色、「Invert」をクリックするとテキスト色と背景色が入れ替わります。また、「Bigger」を押すとカラーホイールがさらに大きくなり、「Smaller」を押すとカラーホイールが小さくなります。 Accessibility Color Wheel あと... 続きを読む