125naroom
© 2024 125naroom
5ページ目
12
/
18
2019
【jQuery】固定した背景画像がスクロールで切り替わる実装サンプル(スマホでも切り替わります)
スクロールすると固定した背景画像が切り替わる実装サンプルをまとめてみました。 CSSだけで対応できると素敵なのですが『background-attachment: fixed;』がスマホだと効かないので、今回はjQuer
jQuery
デザインのメモ
11
【WordPress】知ってる?『options.php』でいろんな設定ができるんだって
options.phpってなんですか? いろんな設定ができる隠しページです options.php(隠しページ)の開きかた options.php(隠しページ)は、ダッシュボードのメニューからはアクセスできず、直接ページ
WordPress
6
【jQuery】Lightboxプラグイン『Colorbox』の実装サンプル集
Lightboxプラグイン『Colorbox』の使い方と、制作に役立つ実装サンプルをまとめてみました。 簡単に実装することができるのでおすすめです。 (個人的には『PhotoSwipe』をおすすめしますが、jQueryで
4
【JavaScript】スワイプができるlightbox系プラグイン『PhotoSwipe』の実装サンプル集
うまく動きませんー うまく動かしましょうー 機能をフルに使う See the Pen 【JavaScript】スワイプができるlightbox系プラグイン『PhotoSwipe』サンプル(デフォルト) by 125nar
JavaScript
27
【特集】おしゃれなサイト、やさしいサイト vol.2
おしゃれでやさしいー おしゃれでやさしいって見ちゃいますねー おしゃれなサイト、やさしいサイト 11月のベスト3です。(ま、完全なる個人的見解ですが。) Mimicry Design ミミクリデザインさんのホームページ。
デザインのこと
3
28
2024
SPONSORED LINK
広告
google
26
【WordPress】medium_largeサイズの画像の追加と自動生成の停止
medium_largeの画像ってなんですか? 自動生成される画像サイズの種類のひとつですー 『medium_large』サイズの画像の追加方法 記事を書いていて、768pxの画像(medium_large)を使いたいけ
21
【WordPress】TwitterなどのSNSシェアボタンの設置方法(オリジナル編)
シェアしましょうー シェアしましょうー オリジナルで作るといいことあるの? とってもあります。ワードプレスで便利なシェアボタンプラグインはいっぱいあるのですが、少々重くなってしまうのです。(サーバーによってはかなり重くな
14
【JavaScript】オンマウスで別の画像に切り替える
オンマウスで別の画像に切り替えたいのですがー ほうほう 実装サンプル、JavaScriptだけで画像を切り替える 画像にマウスを置く(オンマウス)と画像が切り替わる実装サンプルです。 See the Pen JavaSc
【jQuery】スクロール途中から追尾(fixed)、指定位置(class)で消える
jQueryを使って、スクロールの途中から追尾(fixed)、そして、指定の位置(class)で消える、というのを実装してみたいと思います。 なんだか複雑だー 理解できれば意外と簡単ですー もくじ 実装サンプル メモ さ
10
31
【CSS】レスポンシブ対応の三角形を作る
CSSで三角形を作ることは意外と簡単だったりします。では、レスポンシブな三角形ってどうでしょう? あ、なるほど。と思ったので記事にしてみました。 うーん、『%』を使う! ちがいまーす、『vw、vh』を使いまーす レスポン
CSS
23
【WordPress】別サイトにアイキャッチ画像付きの新着記事を表示する(RSSフィードで簡単に)
別のサイトに新着記事を掲載したいのですが、アイキャッチ画像が表示されないですー なるほどなるほど、RSSフィードを取得する方法がシンプルでおすすめですよー デフォルト(標準)で出力されるフィードは? ワードプレスのRSS
16
【WordPress】『ブロックした悪意あるログイン試行』の対策には、Site Guard WP Plugin(プラグイン)で解決
わー わー 『ブロックした悪意あるログイン試行』事件 ある日、ワードプレスのダッシュボード(管理画面)に『ブロックした悪意あるログイン試行』が大変なことになっていました。 プラグインの『Jetpack』に任せていたので何
【特集】おしゃれなサイト、やさしいサイト vol.1
おしゃれでやさしいー おしゃれでやさしいって見ちゃいますねー おしゃれなサイト、やさしいサイト おしゃれなウェブサイト、やさしいウェブサイトをまとめました。まとめてみました、と言っても3つだけですが。10月のベスト3です
9
【jQuery】チェックボックスにチェックを入れるとボタンが活性化する
利用規約に同意(チェック)する! 申し込みボタンが活性化! もくじ 実装内容 実装サンプル メモ さいごに 実装内容 同意する(利用規約とか申し込み規約とか) 複数のボタンが活性化される(応募ボタンとか申し込みボタンとか
【jQuery】スライダープラグイン「slick」実装サンプル集
slick(スリック)の使い方をまとめてくださいー わかりましたー よく見かけるスライダー(自動再生) See the Pen 【jQuery】スライダープラグイン「slick」よく見かけるスライダー(自動再生) by
jQueryslick
【CSS】input、textareaのCSSを初期化する(iOS対策)
ちょっとメモですー よく忘れてしまうのでメモですー なぜ初期化? iOS Safariではのフォーム要素(input,textarea)がデザイン通りにならないとこがあります。iOS Safariのデフォルトスタイルが優
【jQuery】class(クラス)の追加と削除
jQueryを使えば、class(クラス)の追加も削除も簡単にできます。 どんなときに使いますか? ボタンを押してスタイルを変えたい時とか便利ですよー もくじ 『addClass』class(クラス)の追加 『remov
LINE風の吹き出しの会話をCSSで作ってみる
CSSだけで、LINE風の吹き出しの会話を作ってみました。何かとよく使います。やはりレスポンシブにコーディングするのは難しいですね。シンプルに疑似要素の「:before」「:after」を使ってコーディングしています。角
8
30
【jQuery】slick を使ってスライドショー(横幅いっぱい+前後のスライドを半透明にする)
正直、簡単かなと思っていましたが、結構時間がかかってしまったので備忘録も兼ねて。 ポイントは、「overflow: hidden;」と「overflow: visible;」。 横幅いっぱいで、 並んでるスライドショーを
Adobe Creative Cloudのフォント(Typekit)が使えなくなった時の対処法
フォントが使えないですー わ、緊急事態だ 事象 先日、Adobeのフォントが急に使えなくなってしまいました。パソコンを再起動してもダメだったのでかなり焦りました。 解決方法は意外と簡単だった さいごに フォント復活しまし
デザインツール
【jQuery】タブ切り替え実装サンプル集(上下連動、下タブを押すとスクロールして上に、 外部ページからのリンクIDも可能)
少し複雑な『タブ切り替え』を実装してみました。 ▽今回の実装テーマ 上下のタブの連動 下のタブを押すとスクロールして上にスクロールして移動する 外部ページからのリンクIDを可能にする。リンクIDのタブを開いた状態にする