HTML&CSS 可変レイアウト（Fluid Layout）作成のポイント
DogRoboの一日は朝食で始まる。
ロボットの朝食なんてオイル臭い丸薬のようなものと思うだろうが、実際はトーストと目玉焼きにカフェオレとシャレている。特にカフェオレにはこだわりがある。牛乳とマンデリンコーヒーの割合は7：3に決めている。...
HTML&CSS HTML&CSS :nth-child練習ページ・jQueryセレクタ練習ページ作成しました。
:nth-child練習ページとjQueryセレクタ練習ページを作成しました。
:nth-child練習ページの使い方
:nth-child練習ページ
Lesson1
li要素を10個用意しています。
各li要素はflex...
lecture ローカルリポジトリとリモートリポジトリについて〜SourceTreeでGitを使う
ローカルリポジトリとリモートリポジトリ
リポジトリとは、ファイルやディレクトリの履歴を管理する場所のことです。
自分のパソコン内でバージョン管理するために作成したリポジトリ（Gitで指定したフォルダ）をローカルリポジトリといいます。
...
HTML&CSS CSSのpositionでtop bottom left right全て指定した結果
CSSでpositionプロパティでabsoluteを指定した上で座標の指定をtop bottom left right と四方向すべてに対して行ったとしたらどうなるでしょうか。
結果はサンプルのとおりになります。
top bott...
HTML&CSS ボーダーに画像を使う方法〜CSS3
画像が使えないボーダーなんてジャムを入れない紅茶のようなものだ。
ボーダーに画像を適用するには border-image-sourceプロパティで画像を読み込んで、border-image-sliceで幅を指定すればよい。
まずはと...
HTML&CSS マルチカラムレイアウト 段組の作成〜CSS3
一般的にWebで読みやすい行の長さは、約30文字から45文字前後くらいといわれています。具体的な文字数の根拠は不明ですが、あまり長すぎる行は読みにくい傾向になります。
＊「ブログデザインを考える：１行の字数とWEB幅」に1行の文字数につい...
Tips さくらサーバーの日本語Webフォントを使う方法と本文に対応させる方法
さくらのレンタルサーバでなんとモリサワの日本語Webフォントが使えるサービスが始まりました。
とりあえずはWordPressのプラグインで使えるようになっています。（月間PV2.5万以下が対象ですが、現在（2016/7）のところそれ以上で...
PhotoShop PhotoshopCC（2015.5）選択とマスクのワークスペースを使う
PhotoshopCC（2015.5）の新機能「選択とマスク」を使うと細かい選択作業が軽減されます。
今回は朝顔の写真と青空の写真を「選択とマスク」を使用して合成します。
完成例
元写真（朝顔）
元写真（青空）
...
Illustrator パターンの作成のまとめ〜Photoshop と Illustrator
Photoshop CC（2015.5）とCapture CCを活用してパターン作成
Adobe Capture CCは写真を撮影するだけで、色、形、ブラシ、パターンなどの素材を作成することができます。
スマホなどのモバイルで無料で使用...
PhotoShop Photoshop CC 2015.5の「ゆがみ」を使う
Photoshop CC 2015.5の「ゆがみ」で人物の顔を修正してみたところ、これは優れものです。
あまりにも簡単な操作で良い結果を得ることができます。
画像をPhotoshop CC 2015.5で開いたら、メニューから「フィ...