やる夫がデザイナーの作ったPSDにお怒りのようです | WebTecNote
カテゴリー CSS (53) Compass (2) Sass (1) Custom (8) Dojo (1) GoogleMap (23) HTML&XHTML (12) HTML5 (1) Information (19) Javascript (42) jQuery (9) Material (9) Memo (71) やる夫がデザイナーの作ったPSDにお怒りのようです (5) MooTools (62) Tutorial (6) Perl (1) PHP (37) CakePHP (2) OOPでBBS (7) Zend Framework (4) Template (29) 4BOX (8) 5BOX (5) 6BOX (4) Form (5) Menu (1) Web Site (6) wordpress (55) plugin (8) Reference (7) Theme
20日目 : CSS Programming Advent Calendar 2012
CSS Programming Advent Calendar 2012の20日目 2週間ちょっとぶりにTenderfeelがお送りいたします。 さてみなさん。 ここにイラレのライブラリから適当に作ったリボンのデザインがあります。 (デ・∀・) 「このリボンは背景色と線色を変えられるようにしたいんだよね。できれば影も」 デザイナーがこんなこと言ってたらどうやって作りますか？ 色数が固定であれば全部画像でスプライトするのが一番楽だと思います。 CanvasやSVGという手もありますね。 頑張れば全部CSSだけで描くということも出来るかもしれません。 だがここはあえてCSS Maskingを使ってみようそうしよう！ CSS Maskingってなんぞ？ Webkit限定の神機能です。（2012年12月現在） マスクというのはグラフィックソフトなんかではお馴染みの機能ですが、 クラフトでもマスキン
[WP]wordpressでRSSを取得して表示
wordpressにはRSSを取得して配列に整形する機能が備わってるらしい。…というのを最近TwitterAPI調べてた時知ったのでそれについてのメモ。 バージョンいくつからか詳しく確認してないんだけど、手元にあるので一番古いvar2.1.3には入ってた。 よく考えたらダッシュボードのRSSもコレだよな…ので、新しい情報ではありません。 外部サイトのRSSを取得するには次のように書く include_once(ABSPATH . WPINC . '/rss.php'); $rss = fetch_rss($uri); で、これだけ書いたら詳しい人にはﾃｨﾝ!と来るかも。 使用されてるのはMagpieRSS and RSSCacheとSnoopy HTTP client。 たとえば、Twitterのコメントを取得する場合は次のようなソースになる。 include_once(ABSPATH .
4日目 : CSS Programming Advent Calendar 2012
CSS Programming Advent Calendar 2012の4日目 CSSエンジニアって肩書きもアリなんじゃないかと思っているTenderfeelです。 おいしいカレーの作り方を考えてたら無事にゲームができました。 どちらもステージは１つだけです。Chromeでしか動作確認してません。 CSS神経衰弱 制限時間内（１８０秒）に全部ペアにするとクリア。 めくる枚数の制御はないです。CSS4セレクタが使えるようになったら出来るのかもなあ…。 なので真面目にやるもよし、上から順にめくるもよしなフリーダムさになっています。 真面目にやると普通に難しいよ。 CSS Playing Cards トランプの絵柄の作り方って色々な人が書いてるけど、このページの手法が一番シンプル。ゲーム用にさらに要素省略したものを@mixinにして使ってます。 CSS3 MEMORY 探したら先人が居たけどJ
[Sass] Compass CSS3-animations snipets & mixin
CompassのCSS3モジュールでは transitionsのmixinがあるのにanimationsはないので -mozとかのプレフィックスが欲しい時にはexperimentalを使うしか無い感じ。 @include experimental(animation-name, sample); //アニメーション名 @include experimental(animation-duration, 1s); //実行時間 @include experimental(animation-iteration-count, 1); //実行回数(number | infinite) @include experimental(animation-direction, normal); //反復の有無(normal | alternate) @include experimental(anima
Dreamweaverの正規表現置換サンプルと解説
Dreamweaverの検索と置換って何気に凄い。 色々出来る中でもかなり便利だと思う正規表現を使った置換のサンプルを挙げてみる。 スパゲッティなソースの修正も、これと特定のタグ検索知ってれば作業スピードが格段に上がるかも。 「特定のタグ」で出来るじゃんというのも中にはありますが、正規表現を使うことに意味があるので突っ込みは受け付けませんｗ 微妙に間違ってたところ修正入れつつ加筆。 Dreamweaverで正規表現を使うには？ Ctrl+F（コマンド+F）押して表示されるダイアログの右下にある正規表現を使用にチェックを入れるだけです。 テキストを維持したままタグを減らしつつ変更 ＨＴＭＬ→ＸＨＴＭＬで一番多い作業がこれだと思う 置換対象： <td width="397"><font size="2">テキスト</font></td> 置換後： <th scope="row">テキスト</t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
