Compass[Sass,@extend]Sassの@extendの使い方。セレクタの継承ってことだけども・・・
今回はSass行くよ！@extend行くよ！@mixinとどう区別したらいいのか分からない！って人もヒントになればいいと思うよ！てか答えはまとめに書いたよ！@extendの基本的な使い方そもそも@extendっていうのはセレクタの継承が目的...
WEB
Compass css[CSS]背景にビデオを配置して全画面で表示するよ！
珍しくビデオネタです。と言ってもCSSネタなんですけど。という訳で、ビデオを背景に配置して全画面で表示するみたいな案件が来そうなので作ってみた。正確に言うと背景としてではなく普通に配置してposition:fixedしだけの代物でそれなりに...
Compass[sass,css,メディアクエリ]sassでメディアクエリを書くときに簡単だなって思った方法
スマホ対応、タブレット対応のWEBを作るときに使われるレスポンシブWEBデザイン。これはメディアクエリが必須となっています。ボクは日頃レスポンシブWEBデザインは使用しません。なぜなら面倒くさいし、ボクの技量ではデザインが限られてくるからw...
WEB[WordPress,カスタムフィールドテンプレート]カスタムフィールドテンプレートのラジオボタンを使って表示内容を切り替えてみたメモ
あーあー。またサボっておりました。いえね、なんか色々アレなんです。言い訳です。本日はググればたくさん情報は出てくるでしょうカスタムフィールドテンプレートのラジオボタンを使って表示内容を切り替えるっていう本当にメモを。※コピペできるように。カ...
WEB[WordPress]アイキャッチ画像のURLを取得してサムネイルから大きい画像にリンクしてみる
最近またWordPressの案件ばかりやらせていただいてます下山です。アイキャッチ画像を使ってると、よくある悩みが画像のURLだけ取得できないかな・・・ってことだと思います。まずはアイキャッチ画像を使用するには？オリジナルテーマでアイキャッ...
WEB[WordPress カスタム投稿]カスタム投稿タイプのアーカイブページが404になったときはココを最初に確認したらいいと思うよ
3度のメシよりスタバのエスプレッソ(コンビニのやつ)が好きなオシャレエンジニアの下山です。今日もエスプレッソ最高ですﾁｬｵ。ですが、そんなオシャレなボクでも何度も何度も記憶の欠片すらなくなることがあるんです。それがタイトルの通りのことです。...
WEB[WordPress]the_dateとget_the_dateの違いって何なのよ！
WordPressでサイト制作してると、よくやるトップページに新着情報を表示するってやつ。もちろん日付も表示したいわけで例えば・・・●●●●●●のお知らせ：2016年01月20日●●●●●●のお知らせ：2016年01月18日●●●●●●のお...
css[CSS]奇数とか偶数とかn番目とか忘れてしまうのでメモ。
tableで交互に色つけてーとかn番目の要素だけ背景色変えてーとか、よく忘れます・・・歳ですもん。てことで、今回は筆者の本当のメモです。すみません。歳には敵わないのです。奇数番目に色付ける要素:nth-child(odd){スタイル}See...
css[jQuery CSS]jQueryで手っ取り早くドロップダウンメニュー作っちゃうよ！3階層目以降は対応しないよ！
新年あけましておめでとうございます。今年もよろしくお願い致します。さて宣言通り週一で更新していきますよ。新年一発目はみんな大好きjQuery！泣く子も黙るドロップダウンメニュー！デモSeethePenjWypXbbymitsukisagay...
css[CSS]display:inline-blockでできる隙間をなくす方法
最近はul,liを横並びにーとか、商品一覧は横並びにーという時はdisplay:inline-blockを使ってます。理由はclearやclearfixが要らないから。（あまり理由になってないけど）という訳でdisplay:inline-b...