TEST CORDING » Sass:共通のプロパティをまとめる様々な方法をCSSと比較してみた

2012/10/17 3087 users Sass Orange font-size プロパティ CSS

今回のエントリーでは、 Sass による共通のプロパティや設定をどうまとめるかについて書いてみます。結局どうやって書くのが安定しているのか？ ということを試行錯誤する際に参考にしてみてください。 CSS 元となるCSSソース div.container h1 { color: orange; font-size: 20px; } div.container ul { font-size: 20px... 続きを読む

常識を揺さぶる新アプリ「Color」は、新たな時代を築けるか【湯川】 : TechWave

2011/03/24 1425 users Twitter TechWave 湯川 われわれ 湯川鶴章

2011年03月24日18:14 カテゴリニュース 常識を揺さぶる新アプリ「Color」は、新たな時代を築けるか【湯川】 湯川鶴章(tsuruaki) Share Tweet Twitterはわれわれの常識を一変させた。今やっていることや思ったことを、すべてオープンにする。「ネットは危険」というこれまでの常識の中では成立しえなかったサービスだ。しかし実際にTwitterを使い、そのオープンさが新し... 続きを読む

わずか四文字でIE6/7/8を区別するCSSハック | コリス

2010/03/29 661 users コリス GRE CSSハック RED IE6

「\」「9」「*」「_」の四文字だけで、IE6, IE7, IE8を区別するCSSハックをNettur+から紹介します。 Quick Tip: How to Target IE6, IE7, and IE8 Uniquely with 4 Characters IE8とそれ以下 body { color: red; /* all browsers, of course */ color : gre... 続きを読む

「そのAWSってやつを再起動すればエエんちゃうの？」# ITアウトレイジ - Togetter

2021/09/20 572 users Togetter ボケェ AWS blue ヤツ

上かるび@フロントエンド @jookalubi24 「<font size="2" color="blue">っておんどれいつの人間じゃボケェ！知識のアップデートせんかいコラァ！」 #ITアウトレイジ pic.twitter.com/KtInXSbqDa 2021-09-10 13:45:27 続きを読む

これでもう安心？賞味期限が切れたら危険な食材ランキングまとめ。

2013/02/11 508 users 賞味期限 マネ 賞味 ランキング 経験

「賞味期限を過ぎちゃったけどこれってまだ食べれるんだろうか…」そんな経験ありませんか？そんな時に役立つ(？)ランキングです。笑 [colored_box color=「賞味期限を過ぎちゃったけどこれってまだ食べれるんだろうか…」 そんな経験ありませんか？ そんな時に役立つ(？)ランキングです。笑 これは自分の経験＆ネットでの情報をまとめたランキングです。 なので個人差があり、マネは危険です。 賞味... 続きを読む

XSSの攻撃手法いろいろ - うなの日記

2010/06/19 451 users XSS expression alert div style

html5securityのサイトに、XSSの各種攻撃手法がまとめられているのを発見せり!ということで、個人的に「お!」と思った攻撃をサンプルつきでご紹介します。 1. CSS ExpressionIE7以前には「CSS Expressions」という拡張機能があり、CSS内でJavaScriptを実行できたりします。 div style="color:expression(alert('XSS'... 続きを読む

新たなソーシャルサービスのColorを使い倒してみた週末旅行

2011/04/10 291 users ソーシャルサービス 週末旅行

週末に、独身者旅行ということで、何人かの友人たちとメキシコを旅してきた。映画の「ハングオーバー」のような旅だったわけだが、虎やマイク・タイソン、あるいはZac Galifianakisは登場しない。代わりに登場したのはMac、iPhone、およびiPad。まあ結局ぼくたちはテックな世界に生きているということだ。こうしたデバイスを持っていったのは、日常から離れたときにどういうアプリケーションを使うも... 続きを読む

「ソーシャル」概念に革命をもたらすことになるかもしれないモバイル向け写真アプリケーションのColor、大金を調達してサービス開始

2011/03/25 256 users 大金 概念 ソーシャル 革命 Sequoia

プレローンチの段階でSequoia Capital、Bain Capital、およびSilicon Valley Bankから$41M（4100万ドル）の資金を集めてしまった。集めてしまったのは新しくスタートしたColorというサービスだ。スタート前に巨額を集めたということで不思議に思うことだろう。さらに、Sequoiaがプレローンチサービスに対して投じた金額としては過去最高のものでもある。また、... 続きを読む

iPad持っててよかったぁ、iPad欲しいなぁと思わせてくれるアプリ「Paper」（動画） : ギズモード・ジャパン

2012/11/07 252 users Paper iPhone ギズモード iPad ジャパン

iPad , iPad/iPod/iPhone/iTunes , 動画 iPad持っててよかったぁ、iPad欲しいなぁと思わせてくれるアプリ「Paper」（動画） 2012.11.07 17:00 Color / Mix it Up from FiftyThree on Vimeo. 確かに、動画見てたらiPad欲しくなります。 iPadアプリ「Paper」はiPadの良さを丸ごと活かしたアプリで... 続きを読む

簡単に指定したカラーだけを残し、他をモノクロ・セピアにできるフリーソフト「Photo Black & Color」 - GIGAZINE

2012/07/28 241 users Vista GIGAZINE 手持ち セピア 特定

by neilalderney123 手持ちの写真をちょっと違った印象に変えたい場合などに、手軽に特定の色だけを残すことができるフリーソフトが「Photo Black & Color」です。Windows XP/Vista/7に対応しています。 ダウンロード、操作方法については以下から。 Photo Black & Color http://www.photofiltre-studio.com/f... 続きを読む

IE 6.0 - memo.xight.org - Clean CSS - CSSの最適化，ファイルサイズ削減ツール

2006/06/19 234 users memo.xight.org CSS FFFFFF RGB

- Summary テキストフィールドにCSSを入力するか，CSSが置いてあるURLを指定して，"Process CSS" をクリック． - 使用前 (196byte) #example { color: rgb(0,0,0); background-color: #ffffff; font-weight: bold; margin-top: 5px; margin-bottom: 5px; ma... 続きを読む

IT戦記 - getComputedStyle について調べてたら深みにハマったのでメモ

2007/06/11 223 users RGB Element 深み alert IT戦記

javascript, メモ getComputedStyle とは！？ある要素にどんなスタイルが当たっているかを計算してくれる。便利な関数。使いかたはめっちゃ簡単！ var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ちなみに第二... 続きを読む

面倒なシャドウもグラデも簡単に作成できるCSS3のボタンを作成するジェネレーター -CSS Button Generator | コリス

2013/01/15 206 users コリス ジェネレーター グラデ Button Shadow

ボタンのカラー、グラデーション、角丸、ブラー、テキストシャドウ、ボックスシャドウなど、さまざまなスタイルを簡単に適用できるCSS3のボタンを作成できるオンラインツールを紹介します。 CSS Button Generator 使い方は簡単です。 ボタンのColor, Size, Shadow(text), Shadow(button)のスライダーを変更すると、リアルタイムにボタンにデザインが反映され... 続きを読む

Color

2011/03/24 142 users

Think fast! Find someone. Take pictures together. Party. Play date. Lunch? Simultaneously use multiple iPhones and Androids to capture photos, videos, and conversations into a group album. There's no ... 続きを読む

Color

2011/03/24 142 users

Think fast! Find someone. Take pictures together. Party. Play date. Lunch? Simultaneously use multiple iPhones and Androids to capture photos, videos, and conversations into a group album. There’s no ... 続きを読む

CSSは簡単!CSSできる!って思っている人に読んでもらいたいCSSの難しいところ | ichimaruni-design

2017/08/09 134 users ウソ 部類 ichimaruni-design デザイナー

CSSは簡単!CSSできる!って言っている人はだいたいうそ これは極端な言い方ですが、今まであったデザイナーでCSSできると言った人で本当にできる人あまりいないです。 どちらかというとCSSは難しいと言った人の方ができる方が多いです。 CSSを書くこと自体は簡単 CSSが簡単だと思われてしまう要因の一つがCSSを書くこと自体は言語としてはかなり簡単な部類に入ります。 p{ color: #f00;... 続きを読む

LTSV が行指向な Key-Value フォーマットで捗る話 - naoyaのはてなダイアリー

2013/02/06 127 users naoya LTSV YAML 行指向 tiny

引き続き LTSV について。Text::LTSV はやってることは唯のタブの split でしょうもないのだけど、せっかく作ったんだし何か利用方法はないかなと考えた。LTSV のログは欠点があってそのままでは見づらいこと。Text::LTSV でハッシュになるのだから、YAML とかで出力したらどうなるか試してみよう。さらに、YAML に色づけする YAML::Tiny::Color というのが... 続きを読む

Color: The Scheme of Things » Color » Design Festival

2011/05/12 125 users Design Festival

Continuing on from the last article in this series on color, Red, Yellow, and Blue, or CMYK, we’re now going toContinuing on from the last article in this series on color, Red, Yellow, and Blue, or CM... 続きを読む

naoyaグループ - naoyaの日記 - if /regexp/../regexp/

2006/12/22 103 users RegExp naoya NLE perl text

■ if /regexp/../regexp/ 11:33 Perl で正規表現を .. すると、その間に含まれる文字列という意味でマッチさせられる。 % w3m -dump_source http://www.yahoo.com/ | perl -nle 'print if /^<style/../<\/style>/' とすると <style type="text/css"> a{color:... 続きを読む

sassの抑えておきたいfunctionの使い方 « NAVER Engineers' Blog

2011/12/06 102 users Sass less 四則演算 function スカイリム

こんにちは。 年末の予定はぶっ通しでスカイリムにつぎ込むことが決定したUIT富田です。 今回は、Less & Sass Advent calendar 2011の6日目として、 sassのfunctionについて解説します。 すっぽりハマった四則演算の落とし穴 sassは値の四則演算をサポートしており、10進数だけでなく、16進数の値であってもよしなに計算してくれます。 color: #a3a4a... 続きを読む

grepで指定オプションを自動付加してくれる環境変数 "GREP_OPTIONS" - RX-7乗りの適当な日々

2012/01/29 100 users grep egrep RX-7乗り 環境変数 auto

IT, Linux "GREP_OPTIONS"という環境変数に、常に付けておきたいオプションをあらかじめ指定しておくと、grepコマンドやxgrep(egrepとかfgrepとか...)を実行したときに、自動でオプションをつけて実行してくれます。 例えば、、、 $ export GREP_OPTIONS="--color=auto" とか。常に含めておくなら、あとは"-I"オプションとかですかね... 続きを読む

CSSの知っておくと便利な実装テクニック！ 相対カラー構文を使用して、1つのカラーに対して濃く薄くを簡単に設定できます

2024/03/27 96 users CSS 実装テクニック カラー RGB 個別

異なるカラーを濃くしたり薄くしたりするとき、個別にカラーを設定してもできますが、CSSの相対カラー構文（color: rgb(from green r g b);）を使用すると簡単に実装できます。 下記はそれぞれ元のカラーに対して相対カラー構文1つでそのカラーを濃くしたり薄くしたりしています。1つのカラーに対して複数の濃さが必要な... 続きを読む

color+っていうiphoneアプリで作った画像貼っていくwwwwww - まめ速

2011/04/27 90 users App iPhoneアプリ VIP モノクロ画像 http

1：以下、名無しにかわりましてVIPがお送りします：2011/04/26(火) 17:01:41.19ID:U6d+mv+Z0 モノクロ画像の一部をカラーにできるらしい http://itunes.apple.com/jp/app/color/id431112275?mt=8 3：以下、名無しにかわりましてVIPがお送りします：2011/04/26(火) 17:04:01.45ID:4Vxxb/F... 続きを読む

自由自在！CSS3のtext-shadowを使ってをロゴ作ってみる｜Webpark

2011/02/27 90 users Webpark text-shadow カンマ 割合 同時

CSS3のtext-shadowが面白そうなので個人的に色々ロゴを作ってみました。想像力が膨らみますね。text-shadowの基本的な使い方はこのようになります。カンマで区切ると複数の陰を同時つけることできて、うまく組み合わせると色んなロゴが作れちゃいます。光り輝いているようになっています。複数の影を使っていて、色は同じですが外にいくほどぼかす割合が強まっています。color:#fff;back... 続きを読む

[JS]フォームのフィールドにテキストを表示する軽量スクリプト -autoclear | コリス

2011/02/28 88 users コリス jQuery 軽量スクリプト フィールド テキスト

フォームのテキストフィールドに、入力補助になるテキストを表示し、ユーザーの入力時にそのテキストを消去するjQueryのプラグインを紹介します。テキストフィールドに表示されるテキストには、class名を付与し、スタイルシートでカラーなどを設定することもできます。 デモは、「color:gray;」が指定されています。autoclearの実装HTML表示されるテキストは、title属性内のデータを利用... 続きを読む