HTML・CSS・JavaScript– category –
-
無料で勉強できるHTML・CSSのコーディング課題6サイト
HTMLで新しいタグを覚えたり、CSSの新しいプロパティを勉強すると、早速使ってみたくなります。しかし、初心者の方だと次のような壁にぶつかってしまうこともあります。 本でHTMLタグの内容やCSSのプロパティの理解はできたけれど、ページをまだコーディン... -
Gulpでタスクの対象外にしたいファイルやディレクトリを指定する
Web制作の決まりきったものを自動化するのにとても便利なGulpですが、ときにはあるディレクトリの中のディレクトリやファイルを対象外としてタスクを処理したいといったことがあります。 Sprite用の画像置き場として作っていた「_sprite/」ディレクトリを... -
Webフォントで文字化けしたときのよくある原因と対処法
ずいぶんと久しぶりの投稿です。最近仕事でFont AwesomeやGLYPHICONなどでアイコンなどでWebフォントを使う機会が増えてきました。 ですが、いざ人に確認してもらうと、Webフォントが文字化けして豆腐文字になってしまっていたり、謎の文字が出てきてしま... -
僕が読みやすいSassコードを書くときに気をつけていること2つ
CSS Niteに出演しますと書いてそれっきり、、、2ヶ月ぶりのエントリーです。こんにちは、しばっちです。タイミング的に仕事がぼんぼんやって来て、嬉しい悲鳴をあげる反面、フリーランスとは断ることを覚えないと大変なんだなということを痛感しています。... -
「Web制作者のためのSassの教科書」をいただきました
1ヶ月ぐらい前になりますが、著者の平澤さん・森田さんより「Web制作者のためのSassの教科書」をいただきました。ありがとうございます！ 実はSassの教科書には以前Webデザインのタネで書いたEmEditorでSassを開く場合の一通りの設定が306ページに紹介され... -
Compassのキャッシュ「.sass-cache」の書き出しをコントロールする方法
Compassを使っていると、必ずできてしまう.sass-cacheフォルダ。中身を確認すると、なんだか訳の分からない文字列で埋め尽くされていますね。サイトのHTMLごとまるっとファイル転送をすると、このフォルダだけ異様に時間がかかったりしてなんとかしたく... -
CSS Nite LP26に行ってきました
だいぶバタバタした年末年始でしたが、明けましておめでとうございます。今年もマイペースに更新していきますので、どうぞよろしくお願いします。 さて、昨日土曜日はCSS Nite LP26へ行ってきました。今回はCSSプリプロセッサ特集ということでSassやLESS、... -
CotEditorでSassファイルを開くには？
今日はCotEditorでSassファイルの対応していく設定例を紹介していきます。CotEditorはZenCoding＋アウトライン表示ありのエディタですが、Sass編集においてはデフォルトの設定だと要素の親子関係が分かりにくかったりします。 僕の制作環境ではMacでSas... -
EmEditorでSassファイルを開くには？
今日はEmEditorでSassファイルの対応をしていく設定例を紹介していきます。デフォルトはどうだったっけ？ってという部分もあって、すでに設定している場合もありますが、そこはスルーしてもらえばと思います。 【目次】 Sass用EmEditor設定ファイルのダ... -
HTML・CSS・Sassのコーディング環境 2012
平日7日間ずっとDreamweaverを書いてきました。 今日は僕の現在のコーディング環境を紹介します。 Windows HTML→Dreamweaver CSS→Dreamweaver Sass→EmEditor コンパイル→Console 2 + Compass Mac HTML→Dreamweaver CSS→Dreamweaver Sass→CotEditor コン...
1