HTML&CSS Flexboxを使ったECサイト向けパーツ
ECサイトなどで見かける商品別のブロックをFlexboxを使って作成するサンプルです。
参考にしたのはこちらのページです。Some Inspiration for Pricing Tables
折角Flexboxを使っているので、少し応...
2015-12
HTML&CSS HTML&CSS display:flexの基本的な使い方〜脱フロートレイアウト
Flexboxを使うとfloatでの面倒なレイアウト作成から解放されます。概ねのブラウザも対応していますし、問題のIE8以下のバージョンも急速にその終焉を迎えました。Flexboxレイアウトを積極的に採用する時が来たように思います。
Fl...
Tips Git〜コミットのコメント内容を変更したい時
Gitでコミットしたけれども、コミットの内容を変更したい時の方法です。
SourceTreeでの操作方法ですが、簡単そうでどこを操作したら良いのかわかりにくいです。
操作方法
上にあるコミットボタンをクリックします。
コミットオ...
HTML&CSS CSSでカラムの作成方法〜floatとdisplay:tableの活用
CSSを使ってカラムを作成する復習です。
自分なりにいろいろなカラムを作るパターンを作成しておくとよいです。
フロートを使った固定レイアウトのカラム
固定レイアウトのカラムはPC用のレイアウトでかつて多く使用されたパターンです。幅...
PhotoShop 水滴の作り方〜Photoshop
水滴の作り方のTipsです。
作成前写真
完成画像
作成手順
対象写真を読み込んだ後に、新規レイヤーを作成します。
描画色は黒にして、ブラシツールで水滴の形を作ります。
ブラシの形ははっきりした丸...
lecture Git入門（５）〜ブランチとマージそしてコンフリクト
今回の内容で特にマージをした時にコンフリクトを起こしてしまう状況を考えてみます。
Git初心者で実務でコンフリクトを起こすと焦ってしまうに違いありません。日頃からGitを使い倒しておくと焦ることはないでしょう。
ココは何度も失敗をしてこ...
lecture Git入門（４）〜GitHubで共有する
GitHubはリモートリポジトリと多くのWebツールを提供してくれるオクトリンク社のサービスです。ソフトウエア開発にとどまらず Web制作でも活用されるようになっています。無料で使えるプランは公開リポジトリのみです。
GitHubへア...
lecture Git入門（３）〜Bitbucketで共有する
Bitbucketについて
Bitbucketはアトラシアンが運営するプライベートリポジトリを無制限に持てる無料アカウントを提供しているサービスです。
無料アカウントの場合、5 ユーザーまで使用できます。GitHubとの違いは非公開リポ...
lecture Git入門（２）〜SourceTreeの使い方
前回はコマンドでGitの仕組みを見てきました。今回はGUIのアプリケーションSourceTreeの使い方を学習します。
ローカルでのバージョン管理を行う上で必須の作業は次の３つです。
ローカルリポジトリの作成 git ini...
lecture Git入門（１）〜Gitの導入とおおまかな仕組み
Gitはバージョン管理をするための分散型バージョン管理システムです。
日頃からソースコードの変更履歴を記録・管理するくせをつけておくと、会社などの実務に入ってから戸惑うこともなくなると思います。
バージョン管理は大切な共同作業を行う上で...