m_shige1979のときどきITブログ

プログラムの勉強をしながら学習したことや経験したことをぼそぼそと書いていきます

Github(変なおっさんの顔でるので気をつけてね)

https://github.com/mshige1979

css

macにcompassを入れる

新しく購入 mac miniをお試し中 なんか起動がすでにおかしいけどw rubyのツールのやつ cssを階層でかけてメンテし易いやつです。 環境が変わった アップデート sudo gem update --system conpassインストール sudo gem install -n /usr/local/bin compassこ…

react-bootstrapを試す

reactの場合はタグの定義方法が異なるの cssの定義だけならともかくモーダルウィンドウとか使いたい場合はそのままでは使えないので… 準備 プロジェクトに以下を実行 npm install jquery bootstrap react reactify browserify bootstrap-react grunt設定 初…

マテリアルデザインとかの「Materialize」に触ってみる

数年前まではTwitter Bootstrap系のデザインが主だった 当初からスマホアプリなどが出てきていろいろCSSのパワーも上がってきたのでいろいろなことができるようになったと思います。 そのうちCSS4も動かせたり… マテリアルデザイン 意味合いはよくわかって…

scssのファイルを階層化して管理する(@import)

HTMLのサイトでは ページを作成する際、cssとか書きますけど構造がこんがらがってわけが分からなくなると思います。こんなん * { padding: 0px; margin: 0px; } .header { height: 80px; background-color: #CCCCCC; color: #FFFFFF; } .contents .page1 { b…

HTML5 Conference 2013参加したよ

内容 URL http://events.html5j.org/conference/2013/11/ 日時 2013年11月30日(土)12:00 - 19:30(受付開始 11:00) 場所 NTT中央研修センタ 東京都調布市入間町1-44 人数 最大2000人 金額 無料 ハッシュタグ #html5j ※ルーム別にもあります セッション内…

Gruntでjavascriptとcssをタスク制御

自動化する方法 Gruntが最近のベストっぽいので簡単に調査 やりたいこと javascriptのコードチェック javascriptの圧縮 cssをcompassを使用してscssから変換 手順 nodejsをセットアップ grundをインストール gruntのプラグインをインストール Gruntfile.jsを…

CSSでフッターを最下に配置

なんかいろいろなところにサンプル とりあえず、覚書メモ サンプル html <html> <head> <meta charset="utf8" /> <title>CSSサンプル</title> <link href="./css/main.css" type="text/css" rel="stylesheet"> </head> <body> <div id="wrap"> <header> ヘッダー </header> <div id="contents"> <div class="content-data"> <ul> <li>ああああああああああああ…</li></ul></div></div></div></body></html>