デザインのメモ

なにかと使える sticky！（スティッキーと読みます） 実装サンプル、ヘッダー（ナビにも使える） See the Pen 【CSS】position: sticky; – ver.01 by 125naro

...

ふれっくすぼっくすってなんですかー 楽しく言うとちょっとしたコーディングダンスですー Flexboxの基本 親要素（コンテナ）があって子要素（アイテム）がある。入れ子とも呼ばれてたりします。親要素（コンテナ）がないとフレ

...

スマホでタップ！ 色変わる！ 実装サンプル a要素に『ontouchstart』を追記して『a:active』に色を指定します。 See the Pen 【CSS】スマホでリンクをタップした時に色を変える方法 by 12

...

やってきましたー やさしい特集ですー おしゃれなサイト、やさしいサイト 12月のベスト3です。（はい、完全なる個人的見解です。） かないくんができるまで – ほぼ日刊イトイ新聞 ほぼ日刊さんの『かないくんができるまで』の

...

ランディングページを作るのですか？ ちょっと作ってみましょうー 実装サンプル See the Pen 【CSS】Fixed background full (Responsive) by 125naroom (@125n

...

options.phpってなんですか？ いろんな設定ができる隠しページです options.php（隠しページ）の開きかた options.php（隠しページ）は、ダッシュボードのメニューからはアクセスできず、直接ページ

...

うまく動きませんー うまく動かしましょうー 機能をフルに使う See the Pen 【JavaScript】スワイプができるlightbox系プラグイン『PhotoSwipe』サンプル（デフォルト） by 125nar

...

おしゃれでやさしいー おしゃれでやさしいって見ちゃいますねー おしゃれなサイト、やさしいサイト 11月のベスト3です。（ま、完全なる個人的見解ですが。） Mimicry Design ミミクリデザインさんのホームページ。

...

medium_largeの画像ってなんですか？ 自動生成される画像サイズの種類のひとつですー 『medium_large』サイズの画像の追加方法 記事を書いていて、768pxの画像（medium_large）を使いたいけ

...

シェアしましょうー シェアしましょうー オリジナルで作るといいことあるの？ とってもあります。ワードプレスで便利なシェアボタンプラグインはいっぱいあるのですが、少々重くなってしまうのです。（サーバーによってはかなり重くな

...

オンマウスで別の画像に切り替えたいのですがー ほうほう 実装サンプル、JavaScriptだけで画像を切り替える 画像にマウスを置く（オンマウス）と画像が切り替わる実装サンプルです。 See the Pen JavaSc

...

CSSで三角形を作ることは意外と簡単だったりします。では、レスポンシブな三角形ってどうでしょう？ あ、なるほど。と思ったので記事にしてみました。 うーん、『％』を使う！ ちがいまーす、『vw、vh』を使いまーす レスポン

...

別のサイトに新着記事を掲載したいのですが、アイキャッチ画像が表示されないですー なるほどなるほど、RSSフィードを取得する方法がシンプルでおすすめですよー デフォルト（標準）で出力されるフィードは？ ワードプレスのRSS

...

わー わー 『ブロックした悪意あるログイン試行』事件 ある日、ワードプレスのダッシュボード（管理画面）に『ブロックした悪意あるログイン試行』が大変なことになっていました。 プラグインの『Jetpack』に任せていたので何

...

おしゃれでやさしいー おしゃれでやさしいって見ちゃいますねー おしゃれなサイト、やさしいサイト おしゃれなウェブサイト、やさしいウェブサイトをまとめました。まとめてみました、と言っても3つだけですが。10月のベスト3です

...

ちょっとメモですー よく忘れてしまうのでメモですー なぜ初期化？ iOS Safariではのフォーム要素（input,textarea）がデザイン通りにならないとこがあります。iOS Safariのデフォルトスタイルが優

...

jQueryを使えば、class（クラス）の追加も削除も簡単にできます。 どんなときに使いますかー ボタンを押してスタイルを変えたい時とか便利ですよー 【addClass】class（クラス）の追加 指定の要素に『one

...

CSSだけで、LINE風の吹き出しの会話を作ってみました。何かとよく使います。やはりレスポンシブにコーディングするのは難しいですね。シンプルに疑似要素の「:before」「:after」を使ってコーディングしています。角

...

正直、簡単かなと思っていましたが、結構時間がかかってしまったので備忘録も兼ねて。ポイントは、「overflow: hidden;」と「overflow: visible;」です。 横幅いっぱいでー 並んでるスライドショー

...

フォントが使えないですー わ、緊急事態だ 事象 先日、Adobeのフォントが急に使えなくなってしまいました。パソコンを再起動してもダメだったのでかなり焦りました。 解決方法は意外と簡単だった さいごに フォント復活しまし

...

少し複雑な『タブ切り替え』を実装してみました。 ▽今回の実装テーマ 上下のタブの連動 下のタブを押すとスクロールして上にスクロールして移動する 外部ページからのリンクIDを可能にする。リンクIDのタブを開いた状態にする

...