*

「 ノウハウ 」 一覧

CSSの擬似クラスnth-childは3の倍数以外というような否定条件も可能

2019/01/11 | ノウハウ

CSS において偶数の要素だけ、奇数の要素だけ、何番目の要素だけというような細かな指定ができる擬似クラスがあります。 例えばリストの3番目の要素なら次のように指定します。 li

続きを見る

videoタグのmp4動画にもサムネイル画像を表示させるには

2018/05/27 | ノウハウ

ニコニコ動画や Youtube を始め、インターネット上で動画を見たり配信する機会が珍しくない時代となりました。むしろ毎日アップロードされる動画が多すぎて見てもらう為の競争となっていると言っても過言で

続きを見る

縦の三点リーダーをウェブサイト上で表示する方法

2017/12/09 | ノウハウ

三点リーダーという言葉をご存知でしょうか。日本語の世界では度々登場するもので、小説、雑誌、文書など様々な場面に登場するものです。三点リーダーとはすなわち「…」、点が3つ並んだものです。普段のメ

続きを見る

スポンサーリンク

cssとjqueryでサイトのローディング画面を簡単に実現する作り方【プラグインなし】

2017/11/19 | ノウハウ

現在ロード中を知らせるローディング画面(Now Loading)は今までにどこかのサイトで見たことがあるかと思います。かつて FLASH 動画全盛の時代にはこんなローディング画面を見る機会も多

続きを見る

div要素のクラス名をnth-childの擬似クラスで何番目を指定しても効かない

2017/10/20 | ノウハウ

CSS3 が登場して擬似クラス nth-child が使えるようになって、要素の何番目のみにスタイルを適用するような事が非常に簡単になりました。従来ではクラスなどを駆使して無理やり指定していま

続きを見る

HTMLでulタグのリスト項目の表示数を制限する

2017/07/30 | ノウハウ

HTML で ul タグを使えば以下のようなリストを作れます。 リスト リスト リスト このようなやつですね。順序なしリストと呼ばれて、何かを箇条書する時に便利です。h

続きを見る

画像のALT属性に文字を入れる気にならないのは画面に表示されないからだと思う

2017/02/28 | ノウハウ

画像の ALT 属性って知っていますか?ALT 属性とは画像に付加するテキスト情報で、画像について手短に説明したテキストを入力する事が望ましいです。画像が表示されない時に何の画像かわかる為の代

続きを見る

プラグイン無しで簡単に実現するスマホサイトの上からドロワーメニューの作り方【jQuery】

2016/12/04 | ノウハウ

近年どこでもスマートフォン向けサイトが用意されているのが当たり前です。スマートフォンを使っていればいつも何気なしにスマートフォンサイトを見ていると思います。 そのスマートフォンサイトをちょっと思

続きを見る

これを見れば簡単!スマホサイトのフッターメニューをサクッと作るサンプル

2016/12/03 | ノウハウ

スマートフォンなどのモバイル端末でウェブサイトを見る人が急増し、今の時代スマートフォン用サイトを作る事が当たり前となりました。スマホ用に別の html ファイルを用意するより一つの html で両方に

続きを見る

関連記事などに画像付きリストをCSSで簡単に作るサンプル

2016/09/25 | ノウハウ

画像つきリストとは上図のようなイメージです。しばしばブログなどでは関連記事や人気記事の表示などに使われている事が多いですし、インターネットショッピングサイトではサイドメニューの商品カテゴリリス

続きを見る

iframe内のjavascriptを無効にする方法

2016/09/23 | ノウハウ

html の iframe(インラインフレーム)とは、一つのページ内に小窓を作ってその内部に別ページや別サイトを表示させるタグです。iframe 内のページは自分で作る事もありますが、他の人が

続きを見る

CSSのみでマウスのロールオーバーでopacityだと背景が濃いと白くならない対処法

2016/09/20 | ノウハウ

画像のロールオーバーと言えば、ウェブサイトでリンクが付いた画像やバナーにマウスを乗せた時に色が変わったり何かしら変化がある処理を言います。一昔前には画像のロールオーバー一つに javascri

続きを見る

https通信下でjavascriptが動かない場合の対処法

2016/08/08 | ノウハウ

https 通信下で javascript が動かない!とお困りという事は、もしかしてあなたのページは特定のページだけ https 通信を行っているのではないでしょうか?例えばログインページ、決済ペー

続きを見る

CSS3で要素の2番目以降、1番目以外にスタイルを適用する擬似クラス

2015/10/29 | ノウハウ

スタイルシート(CSS)はウェブサイトにデザインを適用するための言語。そのスタイルシートのバージョンは今では3になっており、かなり表現力豊かで優秀になっています。 例えば ul li タ

続きを見る

検索窓に薄い文字を入れて何を入力するのか分かりやすくするプレースホルダ

2015/03/25 | ノウハウ

ネット上で何かを検索したい時、どこを見ますか? そう、検索窓ですよね。検索窓は EC サイトやネットショップ、何かを検索する必要があるウェブサイトには大概付きものでお馴染みのものです。 た

続きを見る

       
ESRランニングポーチ
ランニング中でもスマホが邪魔にならないESRランニングポーチのレビュー

日々のランニングやマラソン大会に出た時、ある悩みの種がありまし

はじめ整体院外観
滋賀県彦根市の「はじめ整体院」で体の歪みや重心のズレを相談してきた

近頃長い間歩くと足の痛みや足の不調が顕著に現れるようになってき

青森大間土産のマグロ一本釣り「やいっやー!山本さんラングドシャ」

お隣さんが本州最北端の青森県大間町へ旅行に行ったという事でお土

増田うどん
札幌の「増田うどん」甘いお出汁の肉うどんが魅力のうどん専門店

札幌市中央区役所の近くにある「増田うどん」は福岡肉うどんがメイ

鮭の旨味が濃厚な柳月のお煎餅「北海道鮭ぶし丸」が安いし超うまい

北海道で近年「鮭節(さけぶし)」と呼ばれる新食材が注目されてい

→もっと見る