30 Seconds of CSS日本語訳②

「30 Seconds of CSS」

より、覚えておくと便利なCSSテクニックをどんどん訳して英語力も上げようというこの企画第2回目です。

前回:30 Seconds of CSS日本語訳①

目次:

5.高さの比率に対して一定の横幅 – Constant width to height ratio

6.自動連番 – Counter

7.スクロールバーのカスタマイズ – Custom scrollbar

8.テキスト選択範囲のカスタマイズ – Custom text selection

“30 Seconds of CSS日本語訳②” の続きを読む

30 Seconds of CSS日本語訳①

なんとなくブログ更新から遠のいてしまっていたので、自分用のメモ程度ではありますが英語サイトの技術解説ページなどの翻訳をしてみたいと思います。
まずは一度読み通した「30 Seconds of CSS」

 

基本からちょっと知らなかったオッとなるものまでワンポイントCSSテクニックを分かりやすく紹介してくれる(語学レベル的にも)素晴らしいサイトです。
コードサンプル等は転載しないので、私の訳を参考にされる場合は英語タイトルを見て対照させてください。

…訳が間違っていたらコメント欄で教えていただけるとありがたいです!

目次:

1.はずむ読み込み – Bouncing loader

2.Box-sizingの初期化 – Box-sizing reset

3.真円 – Circle

4.クリアーフィクス – Clearfix

“30 Seconds of CSS日本語訳①” の続きを読む

WordPress導入の手順~中編その2~

世間はお盆休みですが、尚更外に出にくくなって家でコーディングしてる気がします。。それにしても今日も暑い!

後編としてテーマの変更やカスタマイズをまとめようと思ってるのですが、それより先に記事作成機能のカスタマイズをやったので、それを中編としてまたまとめます。

今回目指したカスタマイズ
基本の文字装飾以外を記事に適用できるようにし、それを記事作成中ビジュアルエディターでも表示できるようにする。

 

上記を実現する為に、具体的に必要だった作業

  1. WordPressがどこにインストールされたのかを探す
  2. 使用中のテーマの「子テーマ」を作成してFTPでアップロードする
  3. 自分の使いたい記事装飾用CSSを登録する
  4. ビジュアルエディターでの表示形式を変えるCSSファイルを作ってFTPでアップロードする

こうして見ると簡単なのですが、1番で死ぬほど詰まりました!

各項目の手順をまとめていきたいと思います。

“WordPress導入の手順~中編その2~” の続きを読む

ダブルボックスアイコンの作り方

←こちら

CSSだけで出来た自作アイコンの作り方をまとめます。

文字サイズも大きくなるように設定してるし大項目のアイコンなんかにご自由にお使いくださいって感じなのですが、その前にこのアイコンの弱点を挙げますので、それでもイイヨ!という方はお使いください。というか解決策を教えて欲しい…

“ダブルボックスアイコンの作り方” の続きを読む

Gitの導入②

昨日は久方ぶりの涼しさで本当に生き返ったような気持ちで、コーディングを進めて無事?1ページ完成することができました。
もうこのまま秋になってほしい・・・

その完成した分のデータで初めてGitのcommitをやってみたし、改めてというか前回の続きの操作をまとめていきたいと思います。

“Gitの導入②” の続きを読む

Gitの導入①

今日も暑かったのですね、刻々と気力が削がれる日々なので明日はまたカラオケDE作業に行こうかな。
昼から夕方まで1000円ほどで、涼しい個室と飲み放題の環境が手に入るので周囲の雑音が気にならない(と言っても部屋の壁は防音なので廊下の音楽しか聞こえませんが)人にはオススメです。

今日はパソコンの大先生から作成中のWEBデザイン作業を保存する「Git」というバージョン管理システムの使い方を教わりました。
これを使えば任意のタイミングで保存した作成中のファイルの状態にいつでも戻したり、どこを変えたのかを調べたり出来るんですって。凄いですね。
教わった端から忘れて行っている現状ですが、明日には0になっていそうなので今のうちにまとめたいと思います。

“Gitの導入①” の続きを読む

ワードプレス導入の手順〜中編〜

前回サーバーとドメインを借りて、ドメインをサーバーに管理するところまで終わった後、その日のうちにWordpressの導入まで漕ぎ着けました。

前編へのリンク

テーマの編集まで済ませて、後編として公開しようかと思っていたのですが、思いの外デフォルトのテーマがお洒落で外観には不満がなかったため、その作業は捗っていません。
昨日はまた少し気温が下がったので、WEBサイト作りのデザインの方を進めていました(ペンタブレットを使えるデスクトップが冷房のない部屋にしかないのです…)

しかしこのままではWordpressの導入方法を忘れそうなため、中編としてそこをまとめておこうと思います。

“ワードプレス導入の手順〜中編〜” の続きを読む

ワードプレス導入の手順〜前編〜

8月3日、前々からこれまでWEBデザインするに当たって調べた知識をまとめる場所が必要だと考えていたのを、ワードプレスによる技術ブログで作成するという形で実行することを決めた。

本日も屋外は酷暑のため、家で唯一冷房が入る部屋にてノートパソコンで作業している。
夕方4時までにムームードメインでドメインを取得し、スターサーバーにて無料サーバーの契約まで終わらせた。

しかしドメインがまだWHOisに繋がらないため、初投稿する記事として『ワードプレスでブログ立ち上げまでの手順』の備忘録を作成しておく。

“ワードプレス導入の手順〜前編〜” の続きを読む