ABOUT
BLOG
CONTACT
BLOG
HTML / CSS
リストの縦並びで2列にする
2022.04.22
|
HTML / CSS
2列にするときって普通にすると flexとかflowとか使って、2列にするんですが それだと - list01 - list02 - list03 - list04 - list05 って感じに横にな...
詳しく読む
意外と知られていない CSSで番号出力
2020.10.11
|
HTML / CSS
リストとかで頭に数字を付けたりすることがあるとおもうんです こんな感じ 順番に出す場合 olつかったりして番号だしたり してますよねー もしくはsassとかでfor文つかったり こんな感じで使えますよ...
詳しく読む
Animate cssが進化していた!
2020.06.24
|
HTML / CSS
フェードインやスライドインなどのちょっとしたアニメーションをつけるのに便利なのが「wow.js」と「animate.css」なんですが、この間仕事で、こいつを使う機会があって触ってたんですがいっこうに...
詳しく読む
IE等でSVGが表示されない
2020.04.08
|
HTML / CSS
IEでSVGが表示されないことってないですか? あれってすごくなぞだったんですが、やっと解決しました。 原因 SVGにwidthとheightが入ってない 対策 SVGタグにwidthとheightを...
詳しく読む
lazylinepainterをつかって簡単SVGアニメーション
2019.03.18
|
HTML / CSS
、
JavaScript
SVGアニメーションといえばCSSのみでもいけますよね? 例えばこんな感じで( -`д-´)キリッ <style> #cloud { stroke: salmon; stroke-dash...
詳しく読む
Webで段組みのレイアウトが簡単にできる
2018.09.19
|
HTML / CSS
HTMLやらCSSやらやってて段組みのレイアウトってやつをよくデザイナーからデザインが上がってきました。 いやー昔はむりじゃヽ(`Д´)ノプンプンってデザイナー達とバトってました。 でも今だと結構...
詳しく読む
フォームをちょっとデザイン性をアップさせたい
2018.04.09
|
HTML / CSS
フォームって大体のサイトに使いますよね。 お問い合わせフォームなどはだいたいあると思います。 なくても、検索窓があったりとか? デフォルトだと、ブラウザ依存になりますよね。 モバイルだと結構ダッサイの...
詳しく読む
CSS gridで簡単にレイアウト!
2017.11.09
|
HTML / CSS
これまで、CSSやらHTMLでレイアウトといえば、table > css ( fload ) > css ( flex ) と変わっていってる感じですよね。 他にもいろいろとあるかもしれませんが、どん...
詳しく読む
Animate.cssとwow.jsを使って簡単アニメーション
2017.10.30
|
HTML / CSS
、
JavaScript
フリーランスになって3ヶ月を過ぎ生活リズムも安定してきたmasa44です。 フリーランスになってすぐは、バタバタしてたのと、規則正しい生活を心がけていたので体重が落ちてたんですが、ちょっとグータラ生活...
詳しく読む
Sassを深く踏み込んで、作業効率をあげる!変数、@for、@each、@if
2017.10.19
|
HTML / CSS
Sassって便利ですよね。 別ファイルをインクルードしても、1個のファイルとして出力出来るし。 様々な痒いところに手が届く感じですよね。 その痒いところに手が届くことをこれからご紹介します。 変数、配...
詳しく読む
2 / 2
1
2
RECENT POSTS
約物半角専用Yaku Han JPがなんか使いやすくなってた?
2024.04.16
WordPressでIDから本文を取得する
2023.03.03
[PHP] 配列内の空白を削除「array_filter」「array_diff」
2023.01.30
[PHP] 配列内の同じ値をまとめる「array_unique」
2023.01.30
WordPressのカスタムフィールドでソートする
2023.01.28
連想配列から特定の値を取得して配列にいれちゃうってやつ
2023.01.25
JavaScriptで取得するGETの値
2023.01.24
【CSS】text-decorationのカスタマイズができるの知ってた?
2022.10.24
CSSでフッターの下に隙間ができないように調整する
2022.10.21
「reduce」を使って配列を値を処理する
2022.10.06
CATEGORY
SERVER
(4)
フロントエンド
(78)
HTML / CSS
(20)
JavaScript
(22)
PHP
(5)
WEBサービス
(2)
WordPress
(30)
プラグイン
(13)
ライフ
(17)
PAGE TOP