カテゴリ一覧

Linux

Linuxをもっと見る

プログラミング

プログラミングをもっと見る

サーバー構築

サーバー構築をもっと見る

Web開発

CSSだけで簡単に1行や複数行の3点リーダーを付ける方法

この方法を知っていれば、1行でも複数行でも3点リーダーを表示でき、レスポンシブルデザインのようなマルチデバイスでもレイアウトが崩れずに表示可能です HTMLのレイアウトでは時には文字がはみ出した際に、3点リーダーと呼ばれる「…」をつける場合があります。普通に記述してしまえば対応できますが…

CSSでアプリのようにピタッとスナップするスクロールを作成

アプリでスクロールしてコンテンツにスナップする動作は一般的ですが、CSSでもアプリと同じようにスクロールしてスナップする動作が実装できます。出典元：CSS Scroll Snap - Ahmad Shadeed アプリなどで横スクロールしてコンテンツにスナップするといった動作をよく見かけると思いますが、CSSで横スクロールのU…

SEO対策にXMLの更新日（lastmod）を正しく表示する方法

SEO対策必見。Hugoのサイトマップをみてみるとlastmodの値がすべて同じになってました。その原因と解決方法を詳細に説明しています。 Hugoを使って記事を作成しているのですが、サイトマップをみてみるとlastmodの値がすべて同じになってました。その原因と解決策を今回は探…

Googleにインデックスされないときの対応方法は？

Googleにインデックスされるというのは非常に重大なことです。せっかく書いた記事が検索結果に表示されないとき、どうしたら良いのでしょうか？近年、ブログやWEBサイトを作って公開している人が増えてきました。そうした中で、Googleにインデックスされるというのは非常に重大なことで…

javascriptで画面ロックする場合は、Workerを使ってみよう

UIロックが発生する場合は画面上の処理と、重い処理を分けることで表示させることが可能です。早速jsでその処理を実装して軽快なUIを作成しましょう。 javascriptで重い処理を書く際やforやwhileなどのループを記述する際に気をつけないといけないのがUIロックです。とくに重い処理…

パソコンは不要。スマホ、タブレットでできるブログ投稿

スマホ、タブレットを使って記事が投稿できたら、おしゃれなカフェで記事を書けます。そんなブログの投稿や更新方法を説明していきます。簡単に導入可能。 iPhoneやiPadなどのスマホ、タブレットは持ち運びに非常に便利です。パソコンよりも軽く、パソコンと同等の機能を備えてます。そうした端末…

Web開発をもっと見る