Sassの勉強 #10 関数一覧(Ver.3.4) と自作関数
Sassに用意されている関数一覧 Sassのネイティブ関数一覧は下記リファレンスで確認できます。 >> Module: Sass::Script::Functions — Sass Documentation 色関連の関数 RGB関連の関数 rgb($red, $green, $blue) 赤、緑、青の値から色を作成する。 rgba($red, $green, $blue, $alpha) 赤、緑、青、およびアルファ値から、色を作成する。 red($color) RGBの赤(R値)を返す。 green($color) RGBの緑(G値)を返す。 blue($color) RGBの青(B値)を返す。 mix($color1, $color2, [$weight]) 2つの色を混ぜて中間色を作成する。 HSL関連の関数 hsl($hue, $saturation, $lightness) 色相
RedLine Magazine : PHP 添付ファイル付メール送信 勉強メモ
PHP 添付ファイル付メール送信 勉強メモ ブログで「今年こそはちゃんとPHP勉強するよ」宣言したのが効いているのかまだ諦めずに続いてます。PHPの勉強。脱三日坊主。やったぜ。 ようやく実務でもちょこちょこ自分で1からPHPの何かを作らせてもらえるようになって、調子に乗ってたんですが、「添付ファイル付きのメールを送る」という事態に対して、まったく仕組みがわからなかったんだぜ。 メールの仕組みをおさらい 分かってるようで分かってなかったメールの仕組みをもっかいおさらい。 メールにかけられた呪文「MIME～前編」 メールにかけられた呪文「MIME～後編」 めっちゃ詳しく説明されてる。全力で印刷した。読んだ。とりあえず前半を読んでMIMEってやつの仕組みをしっかり理解しておかないといけない、と初心者ながらに悟った。 ちょうど上のリンク先の後編は添付ファイルを送るときの仕組みが書かれていたので、そ
RedLine Magazine : 印刷用CSSのお話
印刷用CSSのお話 最近担当したサイトでは印刷用CSSをたいがいセットにしてます。同業者の方だと経験あるかもしれないですが、昔の鬼級テーブルレイアウトの頃は言われた事なかったんですがCSSを使い始めてから「背景が印刷できない」と、よく言われました。「ブラウザの設定で『背景も印刷する』にチェック入れると出てきますよー。デフォルトではインク節約仕様になってるんすねー（嘘かホントかは知らない）あはははー」とか返してました。 デフォルトの状態で印刷できないってのは問題あるだろってのはもちろんちゃんと分かってたんですよ。ここは背景扱いにしたらデフォ状態で印刷したらエラい事になるぞ、とか使い所の選別はしてましたし。まぁでも「あなた、なんでもかんでも画像化するの大好きなクセに検索対策っ！検索対策っ！さっさと検索対策～！って言うじゃん」とか鬱憤も溜まってました。 印刷用のCSSを用意するようになってからは
RedLine Magazine : htmlSQL すごかった。感動した。
htmlSQL すごかった。感動した。 PHPでtitleタグの中身を取り出すのにfile_get_contentsで全部htmlソース取得する方法以外に何かいい方法ないのかなみたいな事を書いたら、コメントにて「htmlSQLというモジュールが便利です。」とお教え頂いたのでさっそく試した。 >>jonasjohn.de: htmlSQL - a PHP class to query the web by an SQL like language >>htmlSQL - live example (デモ) すごいぞ。すごい細かい事まで指定できるぞ。 SQL文ちっくな書き方で抜き出したいものを指定してゲット。素人にも分かりやすい使い方で安心。ダウンロードするとデモが十数種同梱されてたので観察。titleの中身だけ欲しい時は「SELECT * FROM title」とか「SELECT text
RedLine Magazine : 簡単なお知らせを表示する(1)
簡単なお知らせを表示する(1) まぁそういうことで、さっそくタイトルの通り、簡単なお知らせを表示させるものをPHPで作ってみる。トップページに載ってるような感じのちょこっとしたお知らせをイメージしてる。更新情報みたいなものか。でも更新情報って詳細はこちら的なリンクがたいがいついてますよね。今日はリンクをつける気はないので敢えて「お知らせ」。 完成目標 入力内容は「タイトル」「本文」の2つだけ。 「日付」は更新された時の時間を表示する。 作るファイルはフォームページ(index.html)と処理・表示するページ(news.php)とログ用ファイル(data.dat)の3つにする。 エラー処理とかなし！後で！ 件数指定とかなし！後で！ パスワードとかなし！後で！ リンクを入れたいとかなし！後で！ 画像を入れたいとかなし！後で！ その他モロモロなし！後で！ 考えた流れ 目次的な・・・クリックした
RedLine Magazine : よく使うhtmlとCSSのソースセット
よく使うhtmlとCSSのソースセット 読んで字のごとく、よく使うhtmlとcssのソースセット。プロパティはよく使いそうなやつで値は全部空。自分用ストックだったりするので、もしコピペする場合は状況に合わせていろいろ追加やカットしてくらさい。 ナビゲーション部分用のソース サイトのナビゲーション部分によく使ってるソース。意外とこれ毎回書くの面倒なので個人的にこの雛形は気に入ってる。背景画像は通常時もhover時も全部まとめて１枚もの画像になってる前提。 <ul id="navi"> <li id="menu01"><a href=" " title=" "> </a></li> <li id="menu02"><a href=" " title=" "> </a></li> <li id="menu03"><a href=" " title=" "> </a></li> <li id="m
RedLine Magazine : 気になった初期化CSS
気になった初期化CSS コリスさんの記事でブラウザのデフォルトスタイルを初期化するCSSのサンプルが多数掲載されていました。 >> [CSS]ブラウザのスタイルを初期化するスタイルシートのサンプル集 | コリス 初期化する内容やどこまで初期化しておくのかは案件ごとのデザインなどによってケースバイケースだったりして、完全にこれが私のリセットCSSですと言えるものはないのだけれど、それなりにいつもだいたい使いまわしている自分のリセット部分のソースと見比べて考えてみた。いろいろと拝見して気になったものが2つあったのでメモ。 select option に paddingを指定する 予めブラウザのデフォルトスタイルを全称セレクタ（*）なんかで一気にpaddingを0に指定してしまうと、Fxなどの一部のブラウザでだけのようだけど、selectのoptionの右端が下向き矢印マークで隠れてしまうことが
RedLine Magazine : フォントサイズ問題のために100.01%を指定
フォントサイズ問題のために100.01%を指定 70 Expert Ideas For Better CSS Coding | Smashing Magazineをいつかちゃんと読み直そうと印刷までしておいたのだが忘れてた。今日夕方やっと読み直したので今日はその文書からの話。 上記ページにはタイトルの通り、CSSコーディングのより良いアイデアが掲載されている。ほとんどがわりと有名な話だったりするのだが、これは知らなかったわというものがあったので書いてみる。(とかいいつつ有名な話だったら嫌だな) bodyに100.01%を指定する 上記ページの「1.5. Workflow: Setting Up Typography」の中の「Set 100.01% for the html-element.」の部分。結論から言うと、ブラウザのフォントサイズに関する問題を回避するためにbodyに100.01%
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
