CSS3の新プロパティジェネレータのまとめ15と、それぞれの特徴分析
ブクマ整理用まとめ第2弾です。 他ブログでも同じようなまとめがあるのですがそこはやんわりスルーで。一応、他よりも特徴説明に力入れたつもり。 CSS3で新しく追加されたプロパティを使えば、ビジュアル的にかなり優れたBOXやボタン等が作れるんですが、なかなか頭の中でビジュアルイメージ→コードに変換するのは至難の業。 そこで頼りたいのが各種ジェネレータ。しかしブクマしすぎてどれがどれやら状態なので、各ジェネレータの特徴と個人的好みをまとめます。 ※対応プロパティ表記について gradient（グラデーション） border-radius（角丸） box-shadow（ボックスにドロップシャドウ） text-shadow（文字にドロップシャドウ） transform（変形-移動/回転/拡大・縮小/ゆがみ-） transition（遷移・変化：webkitのみ） animation（繰り返すアニメー
CSSやJavaScriptの改行やインデントを削除して圧縮したり、元に戻したりするツールまとめ
年末に、オンラインブックマークでたまってしまいがちな「あとで読む」とか、「一応保存」とかを整理することにしました。 そしたら、同じような内容や機能のWebサービスのページをいくつもブクマしてることに気づいてしまいました。 そこで、似たようなものは自ブログにまとめて少しブクマ数をスッキリさせることにします。 で、実はあんまり使ってないけどいざって時にあると助かる「スクリプトの圧縮＆デコードツール」をまとめてみたいと思います。 まずは圧縮編から。 ファイルの改行やインデントを無くしたりしてファイルサイズを軽くするツール 私がやるような規模の案件ではまず使うことはないのだけど、サイト規模が大きくなるとこういう配慮も必要なのかも。 やってることはどのサイトでも一緒なので、各自見やすい・使いやすいと感じるやつを選んでいただければよろしいかと。 CSS編 CSS Compressor 圧縮度合いを4段
PHPのrequireを使って、WordPressの外にある静的トップページに新着記事＋投稿タグを表示させてみた
今回課せられた制約は大きく2つ ・/blog ディレクトリにインストールしたWordPressの新着記事をリスト表示させて、さらにjQueryで1行おきに背景色をつけてしましまにする ・さらに、そのなかでも最も新しい投稿には”New!!”と表示させてアピりたい 完成イメージはこんな感じ。 この2つの条件にかなり泣かされました。 しましまリストの実装はjQuery使って、こんな感じに書けば一瞬で出来ますね。 でも、これだと最初からHTMLに記述してあった部分はOKだけど、動的に書き出したfeed部分には適用できない。 JavaScriptを使って出力した部分を、さらにjQueryで操作する方法っていうのが私には分からなかったんです。 さらに”New!!”表示をどうやってやるかっていうことでまた悩み。。。 サイト全体がWordPressなら、投稿タグかカスタムフィールドつけてもらってそれを取っ
WordPressなど、各種CMSを始める前に知っておくべき内容をまとめとく
ひょんなことからWordPressテーマのカスタマイズ講習をする機会をいただきました。 ブログ書いててよかったなー、と心底思ったわけです。 で、実際やってみると、第1回はほとんどWordPress自体の話はせず、それ以外の周辺知識の紹介で終わりました。 WordPressユーザーは仕事でマークアップをやっている人ばかりではないので、実はWordPressの構造がどうとか、テンプレートタグがどうとかの話をするまえに必要だった話をまとめておきます。 今回はたまたまWordPress講習でしたが、他のCMSを扱う際にも同様に必要になるであろう内容です。 独学でHTMLとCSSを覚えて、静的なサイトをつくれるようになったくらいの方相手だと想定してください。 1.文字コード コンピュータで扱うデータには「文字コード」というのがありまして、方言みたいなものなんですよー、という話をしました。 いろいろあ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
初心者でもプラグインを使わずにtitle,meta keyword,descriptionを投稿ごとに変える ※4.1未満対象[WordPress使えそうなスニペットシリーズ]![初心者でもプラグインを使わずにtitle,meta keyword,descriptionを投稿ごとに変える ※4.1未満対象[WordPress使えそうなスニペットシリーズ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ed97b1ef2e2878c1a040424418f189b02f0a2d69/height=288;version=1;width=512/https%3A%2F%2F8hi639kt.user.webaccel.jp%2Fwp-content%2Fuploads%2F2011%2F05%2Fcustomfield00-600x240.jpg)
