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

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

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

むしろたくさん悩んで、フリーズして、失敗してください。その中から最適な答えが自然と身につきます。

2018-12-09
2019-02-11

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

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

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

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

2019-01-07
2019-02-09

かんたんCSS3 flex 左(上)・中央・右(下)に寄せて余白を操作する

CSS3のフレックスは、コンポーネントの配置を変える便利な機能です。

アイテムのサイズや余白サイズが自動で配分されるので、アイテムサイズと余白の操作はとても重要です。

今回はアイテムの余白を操作します。いま、ほぼすべてのブラウザで対応しているので心配ありません。わかりやすく手順を追って解説します。

2019-01-04
2019-02-09

かんたんCSS3 flex アイテムの拡大・縮小・サイズを操作する

CSS3のフレックスは、コンポーネントの配置を変える便利な機能です。

アイテムのサイズや余白サイズが自動で配分されるので、アイテムサイズと余白の操作はとても重要です。

今回はアイテムサイズの操作方法です。いま、ほぼすべてのブラウザで対応しているので心配ありません。わかりやすく手順を追って解説します。

2019-01-17
2019-02-09

かんたんCSS 言語別にスタイルを適用する（:lang疑似クラス）

マルチ言語サイトで、同じスタイルをそれぞれ用意するのではなく、同じものを使いたいときがあります。でも、CSSに文字列を書いてある場合どうしたらいいのでしょうか？

CSSでは、サイトの言語別に分けてスタイルを適用させる方法があります。サンプルコードを使って、かんたんに誰でも分かるように解説します。

2019-01-30
2019-02-09

かんたんCSS HTML抜きで要素を追加する(::before, ::after)

::before, ::afterはCSSの疑似要素で一番使うものです。HTMLのタグから作られる要素ではなく、CSSで新たに要素を追加します。HTMLに書くまでもないかんたんな要素を作るときに使います。

その::before, ::afterについて、かんたんに誰でも分かるようにサンプルコードを使いながら解説します。

（::before, ::afterでしか使えないcontentプロパティも説明します。）

2018-08-12
2019-02-09

WordPress5.0のメジャーアップデートの注意点と対応

ついに、Wordpress5.0がリリースされました。このバージョンからエディタが大きく変わります（名称Gutenberg）。

ただほとんどの人はすぐには使えないでしょう。あまりに劇的な変化のため使えない機能・プラグインが出てくるからです。

心配ありません。簡単な対応方法と、どういうデメリットがあるのか、いまから詳しく見ていきます。

2019-01-26
2019-02-09

HTML&CSS アイコンフォントFontAwesome 5を数秒で使えるようにする方法

有名なWebアイコンフォントにFontAwesomeがあります。アイコン画像をつくる必要がないのでとても便利です。

Twitter, Facebookなど、有名な企業や製品のロゴも無料で使えます。また、CSSで自由に色を設定することもできます。

バージョン5からLINEのアイコンも追加されました。

今回は、FontAwesomeの設定方法から使い方まで、ソースコードサンプルを使いながら、だれでも分かるようにかんたんに説明します。

2018-03-05
2019-02-06

WordPress: 引っ越しを行う方法

WordPressで、本番環境からコピーして開発環境を作成したり、開発環境からコピーして本番環境を作成することがあります。

その作業は大きく分けて

データベース
プラグイン
テーマ
メディアファイルなどアップロードファイル

のコピーがあります。

これからご紹介する方法はWordPressのマルチサイトでもできます。

2017-08-19
2019-01-31

HTML5&CSS iframe GoogleMap,YouTubeがスマホではみ出ないように表示する

GoogleMapやYouTubeを埋め込むときに使うiframeタグ。これを縦横比（アスペクト比）を変えずにレスポンシブに対応する方法です。

HTMLに少し修正を加えてあとはCSSで対応します。

2018-08-09
2019-01-15

黄金比を計算するツールを作りました。

黄金比の計算ツールはたくさんありますが、Webデザインで欲しい計算結果が足りないと思っていたので自分で作っちゃいました。

使いみちは無いかもしれませんが、大和比・白銀比、白金比・第二黄金比・青銅比もついでに計算します。

1 / 4

サイトにはこんな記事があります

最近更新された記事

人気の記事