※この記事は2024年10月現在の情報です。※この記事は2024年10月現在の情報です。※この記事は2024年10月現在の情報です。※この記事は2024年10月現在の情報です。[...]2024年10月8日もっと見る注目記事マークアップコピペ可!CSSだけでレスポンシブテーブルをつくろうこんにちは工藤です。今回はレスポンシブのテーブルの組み方の1例をご紹介します。PC表示の時はこんな感じです。今回はちょっと扱いに困るthead部分について、こんな感じで表現してみます。tbody内のtdの箇所に、theadの項目を表示させてみました。ソースは下記のようになります。今回は素敵なCSS3アニメーションを用意してくださっているサイトをご紹介します。2016年1月にIE8のサポートが切れる...とのことなのでいつかバンバンつかえる日が来たらいいなと思います。今日は管理画面のデザインを、まとめてみました。いつもより多めな40種類です。トレンドを反映してか、フラットデザインが多いですね。通常の静的なサイトのデザインとは異なり、投稿がある場合無い場合とたくさんのパターンを考えながら制作しなければならないので、デザイン力が問われます。これらを日本語に置き換えるとまた違って見えたりするのですが、ひとまず、ご参考になればと思います。[...]2014年5月15日マークアップ【CSS】マウスオーバーで画像がニュッと拡大するエフェクトをつける口で説明しづらいのですが、最近よく見かけるこれです。マウスカーソルあわせてみてください。マウスオーバーのエフェクトなので、スマフォからは見れませんが、PCでマウスを乗せるとボタンの画像がニュッと拡大するエフェクトがついています。jsかと思いきや、CSSでも簡単に付けることができます。説明すると、ニュッとしたい画像をdivなどでくくって、「:hover」した際に画像のscaleを大きくするという手順です。使って条件にあった記事だけ取得するtax_queryを使用すれば、条件指定して記事を取得することができます。図のように、条件に合致する記事だけ取得したりすることができます。カテゴリで絞り込んだ一覧ページを作ったりする際に便利です。[...]2019年1月30日マークアップHTMLに「role属性」を付与してWebアクセシビリティの向上を目指す今日は、HTML5より正式に採用された「role属性」について書きたいと思います。role属性は、このように使用します。見ればどういったものかなんとなく分かると思いますが、この場合はdiv要素に対して「ナビゲーション」の意味を付与しています。2016年04月に「障害を理由とする差別の解消の推進に関する法律」が施行されました。2024(ver.25)から本格的にAIによる生成機能が追加されました。今回はどんなことができるか、基本的なものをご紹介していきます。対象のものを削除する方法です。2024(ver.25)で生成塗りつぶしに使いたい画像を開きましょう。勢いを増すAI画像生成。今回はAdobe社の提供するFireflyという画像生成AIを使ってみましょう。このような高画質の画像を生成することができます。初心者だと何を選んだらいいのかわからなくなったり、そこそこ経験のある人でも同じようなものを選んでしまったりで悩んでしまう『配色』。今回はそんな配色のヒントを得られるサイトをご紹介します。4つの色の組み合わせがずらっと用意されているサイトです。気になる色をクリックすると右側にカラーコードが発行されるので、あとはコピーするだけ。用意されている色に限りはありますが、シンプルなものを求めている方におすすめです。リストに書式の変更からJSONで記述してCSSを適用する方法SharePointのモダンUIで、リストの書式設定をJSON形式で入力することにより、カスタムCSSを適用してみましょう。今回は、このようなリンクリストを作成します。WEBパーツで似たような形を作れますが、細かいCSSが調整できません。リストのWEBパーツとして複数のページで使用すると、一度の修正で全てのページに修正が適用されます。サイト内で共通で使いたいパーツをこのように使用すると便利です。[...]2024年9月30日プログラミングSharePointで作成したサイトを別環境にコピーする方法(サイトテンプレートの使い方)SharePointのモダンUIで作成したサイトは、サイトテンプレートを生成すると簡単に複製できます。テスト環境で作成したサイトを本番環境に移行する場合などに使えるかもしれません。Onlineに展開するには、パッケージ化してサイトに追加する必要があります。今回はサイトに適用するまでの方法と手順をまとめました。リストに書式の変更からJSONで記述してCSSを適用する方法SharePointのモダンUIで、リストの書式設定をJSON形式で入力することにより、カスタムCSSを適用してみましょう。今回は、このようなリンクリストを作成します。WEBパーツで似たような形を作れますが、細かいCSSが調整できません。リストのWEBパーツとして複数のページで使用すると、一度の修正で全てのページに修正が適用されます。サイト内で共通で使いたいパーツをこのように使用すると便利です。[...]2024年9月30日プログラミングSharePointで作成したサイトを別環境にコピーする方法(サイトテンプレートの使い方)SharePointのモダンUIで作成したサイトは、サイトテンプレートを生成すると簡単に複製できます。テスト環境で作成したサイトを本番環境に移行する場合などに使えるかもしれません。Onlineに展開するには、パッケージ化してサイトに追加する必要があります。今回はサイトに適用するまでの方法と手順をまとめました。※この記事は2024年10月現在の情報です。※この記事は2024年10月現在の情報です。※この記事は2024年10月現在の情報です。CAPTCHAと呼ばれる機能は問い合わせフォームやログインフォームなどいわゆるbot系対策として有効で、その中でもreCAPTCHAは無料かつ簡単に導入できるたため、様々な場所で使われてます。1今回はLINEログインです。LINEログインは他のソーシャルログインと違って、電話番号必須なので、ユーザーがアカウントを無限に発行するということがなく、しかもOSに関係なくアカウントを使用できるので、特にB2Cサービスを考える場合には是非導入を進めたいと思います。逆に法人サービスで使う場合、法人担当者が個人のLINEアカウントを使用することはないと思うので、あくまで個人向けサービスがよいかなと思います。LINEログインについての概要はこちらに詳しく書いています。会員サイトを作る上で割とめんどくさいのがログイン機能です。前回はAdMobのGDPRメッセージ対応行うため、AndroidアプリでGDPRメッセージを表示するための方法をまとめました。今回はiOSアプリで実装したいと思います。Androidアプリに実装する。最近何かとAI関係で話題の「さくらインターネット」ですが、レンタルサーバーはコスパもよく、かなり使いやすいサービスだと思います。WordPressなどのLAMP環境に最適化された環境であり、PHPもいろいろなバージョンを選ぶことができます。変更方法も簡単でコンパネからボタン一つでできるので楽ちんですね。当然なのですがマルチドメインで運用している場合もすべての環境にPHPのバージョンが一斉に反映されてしまいます。[...]2024年7月18日Webサイト制作Webアクセシビリティの基本を学ぼう!近年Webサイト制作時に求められる『Webアクセシビリティ』。正直なんだかよくわからない、ややこしそうだなあと思う方も多いと思います。自分も勉強中ではありますが、今回は対応しやすそうな内容をなるべくわかりやすくまとめてみました。一緒にWebアクセシビリティについて学んでいきましょう。useというサイトをご存じでしょうか。IEがそろそろお役目を果たしそうなのでCSSの対応をあまり気にすることもなくなったかな...と思っていたのですが、気づけば新しいCSSプロパティが増えている昨今。