125naroom
© 2024 125naroom
3ページ目
4
/
13
2021
【CSS】Flexbox、flex-direction: column;とflex-grow: 1;を使ってボタンの位置を合わせる
ボタンの位置を揃えたいですー flex-directionとflex-growの組み合わせで揃いますよー 実装してみる 「詳しくはこちら」のボタンの位置を同じにしてみます。これ、なにげに難しいです。 ポイントは flex
CSSflexbox
デザインのメモ
3
30
【CSS】シンプルなボタンデザイン実装サンプル集
ボタンだー いろんなボタンをまとめましたー しっかり企業系のボタン BUTTON シンプルなボタンデザイン集 シンプルなボタンデザイン集 シンプルなボタンデザイン集 シンプルなボタンデザイン集 シンプルな四角ボタン、左に
CSS
2
12
【CSS】background-colorを透過する時の備忘録(IE11対策)
IE11で確認すると透過になってないですー そういうときは、rgbをrgbaにチェンジですー 実装 See the Pen 【CSS】background-colorを透過する時の備忘録(IE11対策) by 125na
1
5
【CSS】ul、olの改行位置を揃える(リセットCSSを使用している場合)
リセットCSSを使うとリストがなんか変になるのですがー 簡単にスタイルを整えてあげましょうー ulの場合 簡単に。 See the Pen 【CSS】リストの改行位置を揃える(リセットCSSの場合)、ulの場合 by 1
22
2020
【特集】おしゃれなサイト、やさしいサイト vol.8
たまに泣くとやさしい気持ちになるのってなんなんでしょー? クリームパン食べますかー? おしゃれなサイト、やさしいサイト 2020年ももうすぐ終わりです。12月のベスト3です。やさしい気持ちで新年を迎えたいですね。 UNA
デザインのこと
27
2024
SPONSORED LINK
広告
google
11
【CSS】使える背景パターン、実装サンプル25選(コピペで簡単です)
あのー、水玉模様の背景をCSSで作りたいのですがー なるほどー、できますよー。工夫次第でいろんな背景が作れます。いろんなパターンまとめましたー 背景パターン / 方眼紙 ver.1 See the Pen 【CSS】Ba
10
28
【CSS】注釈(※、*1)を記載するときのインデント合わせ(頭合わせ)
あのー、注釈の時に頭を合わせてって言われたんですけどどうしたらいいですかー? では2パターン紹介しますねー、お好きな方でー ul(リスト)とtableの仕組みを使って揃えるパターン ulをtableにしてリスト化して揃え
【CSS】tableをレスポンシブ対応する、2列を1列に切り替える
tableを1列にレスポンシブしたいんですけどー CSSだけで簡単にできますよー 2列を1列に切り替える ブレイクポイントの設定 601px以上は2列。600px以下は1列。 See the Pen 【CSS】table
【Mac】ファイルやフォルダの一覧を簡単に取得する
Macでファイル名を書き出したいのですー 簡単な方法がありますよー Commandを押しながら、 Command+C 選択したファイルをクリップボードにコピーする Command+V 選択したファイルをクリップボードにペ
デザインツール
9
18
【Windows】ファイルやフォルダの一覧を簡単に取得する
ファイル名を書き出したいのですー 簡単な方法がありますよー Shiftを押しながら、 Shift+右クリック そして、『パスのコピー』を選択する こんな感じです さいごに できましたー 納品時に必須ですねー
8
【jQuery】クリッカブルマップ『RWD Image Maps』を使いこなせば、レスポンシブでもズレませーん
スマホだとクリッカブルがズレるのー! そんな時には、『RWD Image Maps』を使いましょうー もくじ(実装サンプル) 【サンプル】まるでクリッカブルしてみた もくじ(使い方) 『RWD Image Maps』のダ
jQuery
14
【jQuery】横並びの高さを揃える『matchHeight.js』実装サンプル集
横並びの要素の高さを揃えてくれるプラグイン『matchHeight.js』の使い方と、制作に役立つ実装サンプルをまとめました。 「flexboxの中にあるこの部分の高さを揃えたいのだけど!」って言う時にはとってもおすすめ
【WordPress】プラグイン『WP Multibyte Patch』をインストールする
プラグインで必要なものって何ですかー まず必要なのは『WP Multibyte Patch』ですー プラグイン『WP Multibyte Patch』、なぜ必要? 日本語版 WordPress のマルチバイト文字の取り扱
WordPress
7
31
【特集】おしゃれなサイト、やさしいサイト vol.7
やさしいって癒されますー 癒されましょー おしゃれなサイト、やさしいサイト 7月のベスト3です。暑い夏がやってきそうですやさしいサイトで癒されたいものです。 「ÉHON INC.」はオーダーメイド絵本ギフトサービスです
【WordPress】タグ(一覧)に件数を追加する
グで分類してるメニューに件数を追加したいですー なるほどー、いろんな書き方があるのでまとめますねー タグ(一覧)に件数を追加する 『get_terms』の関数を使います。件数は、『(”.$term->c
16
【WordPress】まずはサンプル記事を消してみる
あのー何から始めたらいいですかー まずはサンプル記事を消してみましょうー まずは確認する 『ダッシュボード』を確認する。 トップページを確認する。 固定ページのサンプルページを消してみる サンプルページはこんなページです
6
【CSS】ページ内リンク(アンカーリンク)の位置がズレる、CSSで調整する
あのー、CSSだけで調整できますかー? CSSだけでも調整できますよー 固定ヘッダーで隠れる(ズレる) こんな感じでズレてます。 See the Pen ページ内リンク(アンカーリンク)の位置がズレる(固定ヘッダーで隠れ
【WordPress】サイトが検索結果に表示されないように設定する
検索結果に表示されないようにできますか? できますよー 設定方法はチェックをするだけです 『設定』>『表示設定』にある『検索エンジンでの表示』の設定内容を確認します。 『検索エンジンがサイトをインデックスしないようにする
24
【WordPress】サイトアドレスを『https』に変更する(無料でSSL化)
httpsにしたいのですがー httpsにしましょうー 無料独自SSLの設定方法(エックスサーバーの場合) エックスサーバーのサーバーパネルにログインします。『SSL設定』をクリックします。 『独自SSL設定追加』をクリ
【WordPress】サイトのタイトルとキャッチフレーズを設定する
キャッチフレーズって難しいですー 非表示にもできますよー タイトルとキャッチフレーズを設定する ※ テーマ『Twenty Twenty』を使用しています。 左メニューの『設定』の中にある『一般』をクリックします。 『一般
【WordPress】管理画面(ダッシュボード)の使い方
ワードプレスはじめましたー では、まずダッシュボードの説明ですー 『WordPressへようこそ!』を非表示にする WordPressにログインすると管理画面(ダッシュボード)が表示されます。 『非表示にする』をクリック