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

2012/10/17 3087 users Sass Orange font-size color CSS

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

CSS HappyLife ZERO

2010/01/17 1393 users セレクタ リファレンス あれこれ CSS レイアウト講座

CSS HappyLife ZEROは、CSS初心者・中級者の方を対象にしたリファレンスやレイアウト講座など、CSSに関するアレコレがつまったサイトです。CSS HappyLife ZEROは、主にCSS初心者・中級者の方を対象にしたCSSに関するアレコレがつまったサイトです。 プロパティやセレクタなどのリファレンスに加え、実践的なレイアウト講座やTips・コラムなど、それとCSS3に関してもちょ... 続きを読む

とっても使えるoverflowプロパティ。その使い方色々。｜CSS HappyLife

2009/11/01 1353 users CSS HappyLife 使い勝手 感じ 3時間程度 使い方

光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。 さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色んな事に使ってるなぁ～と思ったので自分が良く使うのをまとめてみました。 あんまoverflowプロパテ... 続きを読む

Objective-C初心者のためのiOS SDKコード例一覧～iPhone／iPadアプリ開発者が知らないと損するまとめ - ＠IT

2012/06/13 1140 users iPhone iOS プロトコル フレームワーク プログラマ

このページは、iOS（iPhone／iPad／iPod touch）アプリ開発者／プログラマのための、iOS SDKのAPIの使用コード例の記事を探しやすいようにしたリンク集です。フレームワークごとに表でまとめてあります。メソッドやプロパティなどAPIの使い方の参考にしてください。 ＠ITにコード例の記事が掲載しているクラス／プロトコル／関数やフレームワークだけしかリストには挙げていませんが、今後... 続きを読む

もし、HTMLのテキスト周りでデザイナーからこんなお願いをされたら... - Qiita

2017/11/20 1121 users Photoshop 融通 カタカナ CSS Qiita

HTMLのテキストはPhotoshopのように融通が効かないから、デザイナーからの細かいお願いはだいたい断っている...なんてことありませんか？ モダンブラウザは色んなプロパティが対応してきているので、できることも増えています。 今回は、知っているといざというとき便利なテキスト周りのCSSを集めてみました。 「日本語、文字詰めできないかな？ほら、このカタカナとかキモい。。」 「Webで文字詰めだと... 続きを読む

簡単に、エクセルの作業効率をアップする15のTips | コリス

2009/06/24 1102 users Chandoo.org コリス 全員 Tips エクセル

エクセルの設定をカスタマイズして、作業効率をアップする15のTipsをChandoo.orgから紹介します。 15 MS Excel Tips to Make you a Productivity Guru 各Tipsの表記は、当方のエクセル2003に準じています。 会社時代、納品したエクセルのプロパティに変な名前があってナミダモノでした。14番のTipsを知ってれば、全員に設定したのになぁ。 入... 続きを読む

何かのときにすっと出したい、プログラミングに関する法則・原則一覧 - Qiita

2014/07/21 1082 users Qiita プログラミング 法則 豊穣 仮定

デメテルの法則 別名最小知識の法則。デメテルは、豊穣の女神。アスペクト指向などの研究であった「デメテルプロジェクト」に由来。 基本的な考え方は、任意のオブジェクトが自分以外（サブコンポーネント含む）の構造やプロパティに対して持っている仮定を最小限にすべきであるという点にある。 http://ja.wikipedia.org/wiki/%E3%83%87%E3%83%A1%E3%83%86%E3%8... 続きを読む

もうCSS設計で悩まない！「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選 / SQUEEZE - Web Design Studio -

2013/09/12 930 users コーディング規約 規模 構造 ルール Squeeze

構造やクラス名、プロパティの記述方法などをルール付ける「CSSコーディング ガイドライン」策定のための参考記事を紹介します。 チームでの共有、コーディング効率やメンテナンス性などの改善のためにも、これを機会にガイドラインを導入してみてはいかがでしょうか。 コーディング規約を作ろう "制作チームの規模が大きくなればなるほど、コードの統一性は大切" ▶ コーディング規約を作ろう Webクリエイターボッ... 続きを読む

PDFファイルを作成可能なフリーソフト「BullZip PDF Printer」 - GIGAZINE

2008/01/16 888 users スパイウェア GIGAZINE コマンド インストール 実行

いわゆる仮想プリンタドライバとしてインストールされるので、あらゆる「印刷」コマンドが実行可能なソフトからPDFファイルの作成ができるフリーソフトです。広告を表示するソフトやスパイウェアなどは含まれていないというのがポイントで、個人利用及び商用利用が可能。パスワードで保護されたPDFファイルや品質、プロパティ、透かしなどもサポートしています。 インストール可能なのはWindows 2000/XP/X... 続きを読む

フォーム周りで覚えておくと便利なCSS Snippets | NxWorld

2015/03/26 872 users CSS スニペット NxWorld ブラウザ 普段

フォーム周りでCSSを使ってスタイリングしていく際に、個人的によくど忘れしてしまうものや便利だと思うプロパティやスニペットをまとめました。全体的に普段からCSSをよく触っている人にとっては特別目新しいものはないかと思いますが、まだCSSを触り始めて間もない方やこれからCSSを触ってみようという方は覚えておくと便利だと思うのも幾つかあるので参考にしてみてください。 ※紹介している内容はブラウザ（特に... 続きを読む

CSS3について知っておきたいことのまとめ｜Webpark

2011/08/03 826 users まとめ｜Webpark CSS3 セレクタ CSS 目次

CSS3には興味深い様々なプロパティがありますが、これらを勉強するにあたって知っておきたいCSS3の基礎をまとめてみます。 過去の記事に手を加えたものや新たに書いたものなど幅広くまとめてみましたので、ぜひ抑えておいてください。 今回は結構ボリュームもあるので目次を作っています。 1. スタイルシートの構造 CSS3に限ったことではないですが、CSSの構造は下の図のように、セレクタ、プロパティ、値と... 続きを読む

CSS の勉強中に困ったら | Unformed Building

2012/07/02 726 users CSS Unformed Building 目次 仕様 仕様書

CSS の勉強中に色々困ることが起きて検索するのですが、だいたい同じところに行き着くので自分用のリンク集も兼ねてまとめておきます。 仕様を確認する とりあえず W3C を見に行った方が早い。 そもそもプロパティや値について分かっていない場合はここで解決することが多い。 CSS current work & how to participate 現在の状況と仕様書の目次。 CSS3の日本語訳集 – ... 続きを読む

CSSや画像の命名規則について : Web Design KOJIKA17

2012/02/09 721 users CSS 命名規則 上書き コーディング 大規模

コーディングで時間のかかる要素の1つとして、id,class名や画像名などの命名規則が挙げられます。 特に中規模、大規模のサイトで、適当な名前を付けると名前が被る確率が上がり、 その結果、画像の上書きや不要なプロパティがかかってしまうなど、よくない結果になることも考えられます。 一つの例として、私の命名規則について紹介してます。参考程度に読んで頂けると幸いです。 カテゴリに分類して、つなげる。 ペ... 続きを読む

CSSでWebサイトのレイアウト組み＋装飾の基本プロセス | Webクリエイターボックス

2012/11/07 664 users CSS ラストスパート Webクリエイターボックス 実践 目標

CSSでレイアウトを組むのは、最初はすごく難しく感じるかもしれません。私も何度も挫折しかけました。。でもよく使うプロパティを理解し、少しずつ組み立てていくと自然と慣れてきますよ！今回はサンプルファイルも用意したので、ダウンロードしてコードをじっくり見てやってください。連載企画「実践で学ぶWebサイト制作ガイド」、CSSでラストスパートです！ 実践で学ぶWebサイト制作ガイド：その7 目標：CSSで... 続きを読む

Excelマクロ／VBAで始める業務自動化プログラミング入門（2）：初心者でも図解で分かる！ VBEの基本的な使い方とVBAプログラムの基礎文法 (1/4) - ＠IT

2014/02/13 653 users VBE VBA 図解 Excel マクロ

前回の「Excelでプログラム作成を始めるメリットとマクロの基本」では、そもそもプログラミングとは何か、Visual BasicとVBAとマクロの違い、マクロの作り方、保存／削除、セキュリティ設定などについて解説した。 今回はExcel VBAプログラミングの基本的な用語解説をメインに、VBE（Visual Basic Editor、VBエディター）の画面構成や使い方も解説する。プロパティ、メソッ... 続きを読む

Excelマクロ／VBAで始める業務自動化プログラミング入門（2）：初心者でも図解で分かる！ VBEの基本的な使い方とVBAプログラムの基礎文法 (1/4) - ＠IT

2014/02/13 650 users VBE VBA 図解 Excel マクロ

前回の「Excelでプログラム作成を始めるメリットとマクロの基本」では、そもそもプログラミングとは何か、Visual BasicとVBAとマクロの違い、マクロの作り方、保存／削除、セキュリティ設定などについて解説した。 今回はExcel VBAプログラミングの基本的な用語解説をメインに、VBE（Visual Basic Editor、VBエディター）の画面構成や使い方も解説する。プロパティ、メソッ... 続きを読む

CSSの基本的な話。 | ykhr

2009/01/04 650 users CSS 邦訳 原文 単語 メモ

CSSの仕様というかプロパティ覚えて、これくらいだけ分かってれば、基本的には困らない気がする、ということのメモ。 とりあえず仕様。 英語アレルギーの人は1とか2の邦訳をググりつつ、でも原文と一緒につきあわせつつ。 マニアックな（？）単語に詳しくなるチャンス。 詳しい話になるとそれぞれのエラッタも併せて読んだり、CSS3とかはセレクタ以外にもあれこれあるけれど、現状でとりあえずスタイル作るのに必要そ... 続きを読む

height:autoの特殊な仕様について | Webamb | ウェブアンブ

2013/07/05 591 users Webamb auto height padding 挙動

height:autoの特殊な仕様について 皆さんご存知のCSSプロパティ height は基本的にpaddingはmarginは含みません。 ただし、値がautoの時だけ挙動が違います。 今日はその辺りを書きたいと思います。 heightについて heightはコンテンツの高さを指定するプロパティです。 なのでpaddingなどを併記して指定する場合はpaddingの数値を引いて、heightを... 続きを読む

あなたはCSSプロパティ”display”をどのぐらい知っているだろうか？ | デザイン | POSTD

2016/08/05 579 users POSTD display プロパ inline Flex

CSSプロパティの1つであるdisplayはCSSレイアウトに用いるプロパティの中でも極めて重要なものです。block、inline、none、さらにtableやinline-blockは今ではかなり一般的になってきました。一方新たに登場したflexやgridはレイアウト用に作られたものです。これらについて紹介します。CSSプロパティの1つである display は、CSSレイアウトに用いるプロパ... 続きを読む

プライベートメソッドのユニットテストは書かないもの？ - QA@IT

2013/03/13 559 users プライベートメソッド クロージャ foo ユニットテスト 関数

JavaScript を書いています（ブラウザがターゲットです）。手動テストが面倒になって、 Jasmine を使ってテストを書きはじめています。 オブジェクトに含まれる関数（プロパティ）の数が増えてきたので、外から呼ばれることがないものはプライベートメソッドのように扱おうと、クロージャを使って、以下のように書きました。 var Foo = function(foo) { this.foo = f... 続きを読む

CSSについて誰も私に教えてくれなかった大切なこと -プロパティやセレクタがパフォーマンスに与える影響 | コリス

2019/04/11 512 users 実装 テクニック セレクタ コリス 下記

当ブログでもCSSのさまざまなテクニックについて記事にしていますが、今回は表面的なものではなく、CSSの本質的なパフォーマンスに関することを紹介します。 パフォーマンスを意識すると、実装も変わってくると思います。 Things nobody ever taught me about CSS. by Charlie Gerard 下記は各ポイントを意訳したもので... 続きを読む

この際だから覚えてしまいたいIE7からのCSSの小難しいセレクタやプロパティいろいろ

2010/11/20 486 users CSS クロスブラウザ プロパティー IE7 セレクタ

そろそろIE6はいいかなーという今日この頃。これからクロスブラウザを目指すならIE7に標準をあわせてもいいかも。今までは使えなかったIE7からのセレクタやプロパティーをまとめてみました。IE7からならいろいろ効率的にCSSを書けそうですね！そろそろIE6のことは忘れて、IE7からのクロスブラウザを目指せばいいのかなーという気がしています。 CSSには今まではIE6のことを考えて使わなかったセレクタ... 続きを読む

ATOKの設定をいじって快適日本語入力生活しよう - カーリアの日記＠Alice::Diary

2009/09/19 466 users ATOK 話し言葉 日記＠Alice diary 右下

なんだか超局地的にATOKブームがきてるっぽいのでちょっと書いてみるか。ATOK入れたらそれだけ超快適になるかっていうとそうではなくて、確かに変換エンジンとか辞書とかも良いんだけど設定いじるともっと快適になるのでみんな設定画面をちゃんといじりましょう（ATOKのバーが右下に出てる人は、その上で右クリック→プロパティで開ける）。話し言葉モード基本→変換→表現　が「一般」になっていたら「話し言葉」にし... 続きを読む

「自宅のドアにSuicaをかざす」「電気ケトルをコンロにかける」など疲れてる人の特徴をまとめた物に便乗し続々と体験談が集まる - Togetter

2018/11/14 430 users ドライヤー 小麦粉 Togetter フェス 体重計

疲れてる人の特徴 ・自宅のドアにSuicaをかざす ・電気ケトルをコンロにかける ・小麦粉を体重計で測る ・髪洗って体洗って髪洗う ・ツイッター閉じてツイッター開く ・人が集まってるとフェスに見える ・寒いとドライヤーで暖まる ・前を歩く人を右クリックしてプロパティを見ようとする 全部僕です 続きを読む

CSSレイアウトの肝！ 表示・配置のプロパティ、14選 - ＠IT

2010/11/25 428 users CSSレイアウト 配置 relative fixed 表示

positionプロパティ positionプロパティは、ボックスを画面上にどういった方法でレイアウトしていくかを設定するプロパティです。 値には、絶対配置の「absolute」、相対配置の「relative」、特に配置方法を指定しない「static」、スクロールしても位置が固定される「fixed」があります。 詳しくはコチラ　position ボックスのレイアウト方法を指定するpositionプ... 続きを読む