CSSリセットはこれで決まり！モダンブラウザによる相違を吸収するようカスタマイズされたスタイルシート -ress
ブラウザごとに異なるHTMLの各要素のスタイルの相違を吸収し、各要素のデフォルトのスタイルが定義されたCSSリセット用のスタイルシートを紹介します。 normalize.cssを最近のWeb制作にあうようカスタマイズされたもので、対応ブラウザはすべてのモダンブラウザ、IEは8+対応です。 ress -GitHub 参考: normalize.cssの特徴とコード 2015年、Web制作者が押さえておきたいCSSの各種リセット ressの特徴 ress: html, グローバルセレクタの定義 ress: 一般的な要素の定義 ress: フォーム要素の定義 ress: メディア要素の定義 ress: アクセシビリティ用の定義 ress: ::selectionの定義 ressの特徴 ressは「normalize.css」をカスタマイズしたもので、スタイルシートを始める時のしっかりしたベースな
PHPのrequireを使って、WordPressの外にある静的トップページに新着記事＋投稿タグを表示させてみた
今回課せられた制約は大きく2つ ・/blog ディレクトリにインストールしたWordPressの新着記事をリスト表示させて、さらにjQueryで1行おきに背景色をつけてしましまにする ・さらに、そのなかでも最も新しい投稿には”New!!”と表示させてアピりたい 完成イメージはこんな感じ。 この2つの条件にかなり泣かされました。 しましまリストの実装はjQuery使って、こんな感じに書けば一瞬で出来ますね。 でも、これだと最初からHTMLに記述してあった部分はOKだけど、動的に書き出したfeed部分には適用できない。 JavaScriptを使って出力した部分を、さらにjQueryで操作する方法っていうのが私には分からなかったんです。 さらに”New!!”表示をどうやってやるかっていうことでまた悩み。。。 サイト全体がWordPressなら、投稿タグかカスタムフィールドつけてもらってそれを取っ
WordPressのデフォルトウィジェットを改造 - WANZ STYLE – blog - -
仕事で凡用に使用できるWordpressのテーマを開発してて、どうしてもウィジェットのマークアップを変更させたい箇所があったりしますが、かと言ってコアファイルに手を入れると、本体アップデートの度に修正する羽目になるので、functions.phpあたりでどうにか出来ないかな？と数日調べ続けてたところ、やっと発見！ タイトルなしのテキストウィジェットの表示方法を変更 こちらの記事がとても参考になりました。よくよくdefault-widgets.phpの記述を学べば分かる話なのでしょうが・・・。なんせプログラムはド素人なので苦労しました。 とりあえずソース変更をしたいウィジェットのソースを、functions.phpへコピー&ペーストして、何箇所かを書き換えればＯＫです。私はカスタムメニューのウィジェットを修正しました。以下の要領。 １、とりあえずコピー&ペースト wp-include/def
Sleipnirを改造しようと思う人への記事 - 愚者のニュース
全部同じサイトからですが、よかったら参考にどうぞ。 カスタマイズ系 Sleipnirのカスタマイズまとめ（何をすればいいのか分からない人用） まずは基本から！ Sleipnirを便利にする10のカスタマイズ Sleipnirを便利にする10のカスタマイズ（2） Sleipnirのカスタマイズ〜使ってるスクリプト＆プラグインをまとめてみた Sleipnirのカスタマイズ〜はてなブックマークの検索設定（その1） Sleipnirのカスタマイズ〜はてなブックマークの検索設定（その2） Sleipnirのカスタマイズ〜参考サイトをまとめたリンク集 スキン Sleipnirでスキンを編集する時に見たいサイト 見た目も変えたいあなたへ。 再インストール Sleipnir再インストール時に5分で元の環境に戻す方法！バックアップ忘れずに よく改造するようになったら必要になるかも？ 自分専用のSleipni
Highslide JS-サムネール画像を拡大表示するスマートなjavascript - WEBデザイン BLOG
サムネールをクリックすると同一ウィンドウ上に画像を表示するというjavascriptでLightbox JS・Lightbox が有名かと思います。以前からあまりスマートではないと思っていたら、スマートにしたタイプのHighslide JSが公開されていましたので紹介します。 Highslide JS-サムネールをクリックすると同一ウィンドウ上に画像を表示します。サムネイル画像をワンクリックで拡大画像表示、そして拡大画像をワンクリックでサムネイル画像に戻します。とってもスマートです。Lightbox JSよりも若干ストレスなく画像表示できます。 Highslide JS - JavaScript thumbnail viewer http://vikjavev.no/highslide/ IE 4.0・Netscape 4.79には対応していませんが、その他の最新ブラウザには対応しています
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
