サイト設計・構築（コーディング）– category –

【Highlight.js とは】 highlight.js は HTML にソースコードを表示するとき、キーワードなどを強調表示するためのJavaScriptライブラリです。対応言語がとても多くパレットが豊富で、そして設置が簡単です。 　 【準備編】 まずサイトで動かすのに必要な...

私が制作を始めた頃はまだPCサイトのデザインを重要視する制作会社も多かったのですが、最近ではスマートフォンやタブレットの高速な普及によって（若い世代はもはやPCを持たない人も多いとか･･･）、ユーザーの多くはそういった端末から検索したり、SNSア...

CSSとは、“Cascating Style Sheets” の頭文字をとったものであり、スタイルシートとも呼ばれ、ウェブページのスタイルを指定するための言語です。 ワープロソフトなどで作成される文書（ワードやエクセル、パワーポイントなど）も含めて、文書のスタイルを...

ワードプレスでサムネイルの生成サイズを追加するには下記のコードをfunction.phpに追記します。 add_image_size('post_6438_thumbnail', 640, 380, true);

/*①スマホでの表示時のみ、特定のコンテンツを表示させる*/ <?php if (wp_is_mobile()) :?> <?php endif; ?>> /*②上と全く反対でスマホでの表示時のみ特定のコンテンツを表示させない*/ <?php if (!wp_is_mobile()) :?> <?php end...

border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz...

font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;

@media print,screen and (max-width: 767px) {} @media print,screen and (min-width: 768px) {} @media print,screen and (min-width: 768px) and (max-width: 980px) {} @media print,screen and (max-width: 980px) {} @media print,screen and (min-w...