oreskboysのブックマーク - はてなブックマーク

[git] 基本操作（clone、add、commit、pushなど）を覚えて、開発出来るようになる - YoheiM .NET
こんにちは、@yoheiMuneです。今回の記事のゴールは、gitの基本操作を説明して、なんちゃってgitを使えるようになることです。自分はこれらの操作だけで、とりあえずgitを半年くらい使ってました。本当は今後のブログで紹介するブランチを使うと良さげなのですが、今回する機能があればとりあえずgitは使えます！では、さっそく始まりますー。今回の内容このブログのゴールは、gitの基本操作の習得です。先日のブログでは、Gitの環境設定と、Githubにレポジトリ作成を行いました。今回は、その作成したレポジトリを使いたいと思います。基本操作として、以下の内容を説明します。 clone：Github上のレポジトリをローカルにクローンするレポジトリの中身を見る、編集してみる add,commit：ローカルレポジトリに変更をコミットする push：ローカルレポジトリの変更内容をリモ
oreskboys 2015/07/05
Git

Github

コマンド
リンク
[grunt] ファイル保存したタイミングで、ブラウザを自動的にリロードして、確認作業をスピードアップさせよう - YoheiM .NET
[grunt] ファイル保存したタイミングで、ブラウザを自動的にリロードして、確認作業をスピードアップさせようこんにちは、@yoheiMuneです。 HTMLやCSSやJSなどのフロントエンド開発を効率的に行いたい。そんな目標のもと、今回はgruntJSを使ってファイル保存したタイミングで、自動でブラウザリロードしてソースの変更内容を即座に確認する方法をブログに書きたいと思います！ ※2014/02/05更新 grunt-regardeではなくgrunt-contrib-watchでも出来るようになったので、記載を修正しました。 gruntJSのセットアップ gruntJSは、 CSSプリプロセッサのコンパイル、JSファイルの結合などフロントエンドの開発で行うビルド作業を行うためのツールです。まずはgruntjsが使えるようにセットアップを行います。 nodeとnpmを利用しますので、
oreskboys 2014/12/28
grunt

自動化

livereload
リンク
[CSS] 画像を用いずにCSSとHTMLで吹き出しを作成する - YoheiM .NET
こんにちは、@yoheiMuneです。以前にHTMLとCSSを使って三角形を作成する方法を書いた内容の続きで、今回はHTMLとCSSだけで吹き出しを作成する方法をブログに書きたいと思います。画像を用いずにHTMLとCSSだけで吹き出しを作成する三角形を作る実装を、:before疑似要素と:after疑似要素に用いることで、吹き出しを作成したいと思います。今回以下のようなものを作成します。（ソースコード） <style type="text/css"> /* 吹き出し本体部分のスタイル */ .baloon { width: 200px; height: 100px; background-color: #fffaee; border: 2px solid #66ff66; border-radius: 10px; -webkit-border-radius: 10px; mar
oreskboys 2013/08/19
リンク
[CSS] HTMLとCSSを使って三角形を作成する方法 - YoheiM .NET
こんにちは、@yoheiMuneです。今日は、HTMLとCSSを使って三角形を作成する方法をブログに書きたいと思います。マークアップを仕事にしている人には当たり前と思うかもしれませんが、自分はこの実装を知ってびっくりだったのでブログに残したいと思います。 HTMLとCSSで三角形を作成する三角形の作成方法はいろいろとあるかと思いますが、今回はBorderを使った三角形を作成します。（作成例）具体的な実装内容は以下となります。 <style type="text/css"> .triangle { /* 要素自体の大きさは不要のため、0に設定する */ width: 0px; height: 0px; /* border-topとborder-bottomの太さを同一にすると、三角形の頂点が真ん中になる */ border-top: 30px solid transparent;
oreskboys 2013/08/19
リンク
1