ツイート
シェア
LINEで送る
B! はてぶでブックマーク
Pocketでブックマーク
RSSフィード

中級者 - Webマスターへの道

自分で情報を探しながらやっても、なかなかスムーズに答えにたどりつかない人にWeb情報を発信します。

経験が足りないだけで、遅かったり、失敗しても自信をなくさなくていいです。いまは大きくなるために、技術を知って試す時期なので。

むしろたくさん悩んで、フリーズして、失敗してください。気がついたら最適な答えを出す力が自然と身についているでしょう。

かんたんCSS3 flex, 1行に詰めたり折り返しを指定する

css3 image

CSS3のFlexでは、ほんの数行でコンポーネントの配置を変えられるようになりました。

また配置だけでなく関係する細かい設定もたくさんあります。

今回はコンテンツの行詰め・折り返しの方法です。

2018/12現在、ほぼすべてのブラウザに対応しています。わかりやすく順を追って解説します。

続きを読む

かんたんCSS3 flex, サクッと並びとその方向を変える方法

css3 image

CSS3では、フレックスを使ってたった2行でコンポーネントの並びを変えられます。

もう『inline-block』『float』を使いません。フレックスでは配置以外にもいろいろな設定ができます。

今回は、フレックスの基本になる『並びとその方向を変える方法』を説明します。

続きを読む

実録。WordPressを5.0にアップデートしたら、意外と上手くいく

wordpress image

WordPressを5.0にアップデートしました。

前評判が紆余曲折あったので、過去の記事が壊れることを覚悟してのぞみましたが、意外とすんなりイケました。

一部使えない機能は出ていますが、予想よりも少ないので気にすることはありません。アップデートの手順と結果を見ていきます。

続きを読む

WordPress アイキャッチ画像にキャプション(説明)を表示する方法

wordpress image

WordPressのテーマには、アイキャッチ画像のキャプションを表示しないものがあります。

今回は、たった3行追加してキャプションを表示する方法を解説します。

大丈夫です。とてもかんたんです。プログラミングが苦手な人でも。

(キャプションが未入力の場合は出力されません。)

続きを読む

Node.js npm, パッケージ管理の使い方。今やWebで必須のコマンド。

Node.js image

Node.jsのnpmはパッケージを管理するコマンドツールです。

パッケージはJavaScriptの拡張プログラムで、必要なものをインストールして、効率的に目的の機能のプログラムを作ります。

今やWebはNode.jsなしでは語れません。npmは必須。(知らない人はバッタ者。)

そのnpmコマンドの使い方をご紹介します。

続きを読む