grunt使っても良いけど、gitignoreファイルは編集して!
こんちは!basara669です! githubを開発に使っているのですが、最近アップされたファイルがやたら多い…。何をアップしたんだ!?と思って調べたらgruntのnode-modulesがガッツリ入ってました…。。 …
こんちは!basara669です! githubを開発に使っているのですが、最近アップされたファイルがやたら多い…。何をアップしたんだ!?と思って調べたらgruntのnode-modulesがガッツリ入ってました…。。 …
こんちは!basara669です! 物凄い久しぶりにちょいWebっぽい内容ですw といってもリンクを紹介するだけなんですけどねww 5月にLT大会でgulpについて話また時の資料をSlideShareにアップロードしまし…
こんちは!basara669です。 レスポンシブのサイトなどが流行っていますが、そうした時に気になるのが3Gなどの回線速度が遅い場合の表示速度だと思います。 この回線速度をエミュレート出来る『Network Link C…
こんちはbasara669です! CSSがうまく当たらなくて困る時があると思います。どういう順序でCSSは適用されるのか、どう解釈されているのか。この辺りはW3Cで優先度が決めているので紹介します。
こんちは!basara669です。 レスポンシブのサイトを構築する際に、Media Queriesを使って各ブラウザのサイズに合わせたCSSを書いていくと思います。 このMedia Queriesを書く場所で可読性が変わ…
こんにちは!basara669です。 勉強会で使った「イマドキCSS設計」の資料の解説の最終回で、BEMについてもう少し具体的な例を書きました。また、SMACSSについても軽く触れ、実際にこれらの概念を取り入れて、どのよ…
こんにちは!basara669です。 勉強会で使った「イマドキCSS設計」の資料の解説の第2回目で、BEMについて書きました。 他の記事はこちら 「イマドキCSS設計」の解説 – 前編:css設計の必要性
こんちは!basara669です。 先日、勉強会で話した資料がかなり反響があって、様々な人に閲覧していただきました。 イマドキCSS設計 ただ、これだけだとコードしか無かったりよくわからない部分も多いと思うのでその時の勉…
やっぱりなんだかんだSublime Text2を使っているbasara669です。 SublimeText2はthemeを変えてカラーリングを変更出来るのですが、いちいちインストールして、確認するのって意外とめんどくさい…
Gruntで実行しているのはプロジェクトが変わっても、「だいたい」一緒だったりするのですが、この「だいたい」が曲者で結局gruntfile.jsを書きなおさなくてはいけなかったりします。 うまく流用出来たり、メンテナンス…
大した投稿じゃないのですが、先日npm,bower,gruntのチートシートを発見しました。 なんだかんだ、こういったものがあると便利ですよね。
話題になりまくりなgruntなんですけど、やっぱり黒い画面がどうしても苦手っていう方はいっぱいいらっしゃいますよね。chromeのdevTools上からgruntをgui的に操作出来る、grunt-devtoolsを紹介…
またまた、仕事でCSSNiteに参加してきました。 仕事ですよ! まぁ、牛たんは食べましたけどねw CSS Nite Sendai vol7で感じたこととかを書いていこうと思います。 CSS Nite in SENDAI…
iOS6のMobile Safariから、PC上のSafariのWeb inspectorを使ってデバッグ出来るようになりました。でも、便利といえば便利なんですが、Safariの Web inspectorって若干不便な…
最近ちょいちょい聞くbowerなんですけど、一体に何に使えるのか良く聞かれるのでざっくり解説してみました。 機能には関係ないですが、発音は「バウワー」だと思います。「ボワー」という方もいらっしゃいますがw bowerの概…
最近ガジェットなエントリーばかりだったので、たまにはちゃんとした技術的なエントリーを・・。 CSSはとても簡単な言語で、誰でもすぐ書けるようになるんですが、とても壊れやすいものだと思います。 簡単に無駄なコードは増えやす…
前回、sassのコンパイルを行なってみたので、今回はcssminやwatchなどを使ってみたいと思います。 Grunt.jsの概要だったり、インストールが知りたい方は過去記事参考にしてください。 Grunt.jsの始め方…
今回はGrunt.jsを使って実際、sassのコンパイルを行なってみたいと思います。 Grunt.jsの概要だったり、インストールが知りたい方は過去記事参考にしてください。 Grunt.jsの始め方 -Grunt.jsの…
今回はGrunt.jsのインストールを解説してみたいと思います。 Grunt.jsについての概要が知りたければ、前回の投稿の Grunt.jsの始め方 -Grunt.jsの概要編- を見てみて下さい。 Grunt.jsイ…
最近何かと話題のGrunt.jsなのですが、Grunt.jsについてこの間とある勉強会で話して来ました。 Railsとか勉強会!【春だから・わっくわっく!4/24(水)懇親会付き!!】Railsで最速Webアプリモック制…