125naroom
© 2024 125naroom
4ページ目
6
/
4
2020
【WordPress】エックスサーバーで簡単インストールする
ワードプレスを始めようかと いいですねー PHPとMySQLのバージョンを確認する WordPressの公式サイトで推奨されるバージョンは以下になります。(2020年6月現在) エックスサーバーのPHPのバージョンは7.
WordPress
デザインのメモ
5
26
【jQuery】遅延表示『inview.js』と『lazysizes.js』を組み合わせて、『重いページよ、さようなら』
jQueryの遅延プラグイン『inview.js』と、画像の遅延表示ができる『lazysizes.js』を組み合わせるととてもいい感じだったので備忘録です。 ふわーっと 画像の読み込みを遅くして、コンテンツも遅くしてみま
jQuery
8
【2020年最新】参考になるWebデザインのギャラリーサイト
サイトのデザインって難しいですー そんな時はギャラリーサイトを参考にしましょうー おすすめ WEBサイトを作るとき、参考になるまとめサイトさんです。いいなと思うサイトの掲載依頼もできたりするので、いろんな企業さんも結構使
デザインのこと
1
【JavaScript】画像を遅延表示させる『lazysizes』の実装サンプル集
軽くなるんですかー? 軽くなりますよー 【サンプル】デフォルト 画像(img)に「lazyload」というクラスを付けます。遅延表示されると「lazyloaded」というクラスに変わります。※ Chromeの検証ツールで
JavaScript
17
【jQuery】スクロールして表示領域に入ったら要素をアニメーション表示させる『inview.js』の実装サンプル集
jQueryの遅延(少し遅らせて表示させる、最近よく見かけるあれです)プラグイン『inview.js』の使い方と、制作に役立つ実装サンプルをまとめました。 CSSのアニメーションと組み合わせることでサイト制作の幅がとって
27
2024
SPONSORED LINK
広告
google
【特集】おしゃれなサイト、やさしいサイト vol.6
やさしいってなんだと思いますかー ちょっと考えさせてくださーい おしゃれなサイト、やさしいサイト 4月のベスト3です。少しずつ暖かくなってきました。やさしいサイトってコーディングもやさしかったりします。 明日、奈良を旅す
3
【Windows10】よく使うキーボード ショートカット
ショートカットキーを教えてくださいー 覚えると作業が楽になりますよー ファンクションキーのショートカット F1 ヘルプを表示する F2 ファイルやフォルダーの名前を変更する F3 ファイルやフォルダを検索する F4 アド
デザインツール
【HTML】UTF-8だったら、機種依存文字(環境依存文字)は問題なく使えます
機種依存文字は使っていいのですか? UTF-8(文字コード)の場合は、機種依存文字(環境依存文字)が問題なく使えますよー 機種依存文字(環境依存文字)って何? 機種依存文字(環境依存文字)とは、WindowsやMacなど
HTML
19
【CSS】スマホ、タブレットで横スクロールする実装サンプル集
横スクロールー 横スクロールー 画像を横にスクロールしてみる 幅600px以下は横スクロールに設定してみました。(スマホでチェックしてみていただくとわかりやすいかと思われますー) See the Pen 【CSS】スマホ
CSS
【HTML】head内のmeta『X-UA-Compatible:IE=edge』は不要です
X-UA-Compatibleってなんですかー 簡単に言うと、IE対策の記述ですー 『X-UA-Compatible』って? IE(Internet Explorer)のドキュメントモードを指定することができる記述です。
2
【特集】おしゃれなサイト、やさしいサイト vol.5
最近は蒸しパンが大好きですー やさしいサイト特集ですー おしゃれなサイト、やさしいサイト 2月のベスト3です。コロナウイルス早く落ち着いてほしい今日この頃、やさしいサイトに癒されましょう。 どんぐり|札幌の焼きたてパンの
21
【jQuery】iOS(Safari)だと100vhが少しはみ出てしまう対策
あ、iPhoneで見るとちょっとズレてます! そんな時はブラウザの高さを自動で取得しちゃえばOKですよー もくじ 画像を画面いっぱいに表示する(ブラウザサイズを自動で取得してiOS対策) 『slick』を使って全画面表示
jQueryslick
13
【jQuery】モバイルファーストが素敵な『fancybox3』実装サンプル集
Lightboxプラグイン『fancybox3』の使い方と、制作に役立つ実装サンプルをまとめました。 とってもモバイルファーストに設計されているのでとってもおすすめです。 モバイルファースト! 共有ボタンもあるのでとって
【jQuery】『slick』を使って全画面表示のスライドショー
slickを使って全画面表示のスライドショー! レスポンシブを考えて『background』で対応しましょう! もくじ 全画面表示、実装サンプル(background対応) 全画面表示、実装サンプル(background
29
【特集】おしゃれなサイト、やさしいサイト vol.4
こんにちはー やさしいサイト特集ですー おしゃれなサイト、やさしいサイト 1月のベスト3です。(はい、完全なる個人的見解です。) ザアパートメントホテルズ【公式】|その街をいちばん楽しめるホテル 『ザアパートメントホテル
22
【jQuery】ページ内リンクでスムーズスクロール(固定ヘッダーがあったら)
するする動くと楽しいですねー 固定ヘッダーがある場合はクラスやIDを指定して高さ調整しちゃいましょう! もくじ JavaScript 実装サンプル、ページ内リンクのスクロール(固定ヘッダーがあったら) 外部リンクからのス
15
【CSS】簡単に固定できるposition: sticky;の実装サンプル集
なにかと使える sticky!(スティッキーと読みます) 実装サンプル、ヘッダー(ナビにも使える) See the Pen 【CSS】position: sticky; – ver.01 by 125naro
【CSS】Flexboxの使い方と実装サンプル集
ふれっくすぼっくすってなんですかー 楽しく言うとちょっとしたコーディングダンスですー Flexboxの基本 親要素(コンテナ)があって子要素(アイテム)がある。入れ子とも呼ばれてたりします。親要素(コンテナ)がないとフレ
CSSflexbox
【CSS】スマホでリンクをタップした時に色を変える方法
スマホでタップ! 色変わる! 実装サンプル a要素に『ontouchstart』を追記して『a:active』に色を指定します。 See the Pen 【CSS】スマホでリンクをタップした時に色を変える方法 by 12
12
25
2019
【特集】おしゃれなサイト、やさしいサイト vol.3
やってきましたー やさしい特集ですー おしゃれなサイト、やさしいサイト 12月のベスト3です。(はい、完全なる個人的見解です。) かないくんができるまで – ほぼ日刊イトイ新聞 ほぼ日刊さんの『かないくんができるまで』の
【CSS】背景画像を固定したおしゃれなLP(ランディングページ)を作ってみよう
ランディングページを作るのですか? ちょっと作ってみましょうー 実装サンプル See the Pen 【CSS】Fixed background full (Responsive) by 125naroom (@125n