おれはHTML5 Boilerplate(ボイラープレート)を使い始めるぞ！ジョジョーッ！！
おれはHTML5 Boilerplate(ボイラープレート)を使い始めるぞ！ジョジョーッ！！ 2012.11.20 | この方法お勧めです！ ほらみんなも！ | レスポンシブ ども、パープル・ヘイズのフィギュア買うかどうかどうしようかなあ。と悩み中のパープルです。表題でも叫ばしていただきました通り、今日はHTML5でサイトを構築していくためのベスト・プラクティスと言われているHTML5 Boilerplate(ボイラープレート)についてのお話です。知っている人は知っていますし、すでに使い初めているでしょう。というかこれを使わないと話にならないよ。ぐらいの感じかもしれません。 転換期を迎えたっぽいWEB制作環境 なにやら昨今は、インブラウザデザインや、Sassにless、フレームワークにパッケージ、レスポンシブでモバイルファーストで、プログレッシブ・エンハンスメントですから、WEBサイト構築
WordPress関連書籍の中より、ユーザレベル別にオススメを紹介します！
WordPress関連書籍の中より、ユーザレベル別にオススメを紹介します！ 2013.06.10 | 初心者向け | 玄人向け どもPurpleです。 週末はWordCamp KOBEですね。チケットは完売ということで、なかなかの競争率だったようですが、皆さんは取れましたでしょうか？ さて、質問がいただきましたー WPはなかなか操作が難しいようです。 このサイトでWPの本の紹介をしていましたが、 どの本がいいのか、わかりません。 初心者でも、理解できるお勧めのWPの本はありますか？ うむ、確かにWordPressの本が沢山出ていますね。 WordPressで検索した結果 Amazonのランキングでもこの通り WEB開発 word 相変わらず、なぜかMicrosoftのwordのランキングに多くのWordPress関連書籍が含まれていますが、それはさておきPurpleとWP-Dの面々がその中
Sass+Compassのちょっとリッチ系CSSフレームワークを比べてみた（画像多くて重くてごめん）
Sass+Compassのちょっとリッチ系CSSフレームワークを比べてみた（画像多くて重くてごめん） 2013.04.10 | この方法お勧めです！ | 覚えておきたい 春です。そろそろ春キャベツがおいしい季節。そんな春キャベツをたっぷり使って、サーモンのちゃんちゃん焼きはいかがですか？ なんだかちゃんちゃん焼きっていうときはサーモンじゃなくて鮭って言った方がおいしそうですね。なんでかな？ さてさて、世の中CSSフレームワークってたくさんあって、Bootstrapなんかだともう誰でも使ってる、みたいな感じがありますね。 私はなんとなくしっくりこない感じがして、今までCSSフレームワークって使って来ませんでした。 でも、ちょっと思うことあってSass+Compass限定で、ちょっとリッチなuiも揃ったものの中で、さくっとモックアップを作れる様な、使い勝手がいいものがないか、いろいろと探してみ
Sass（+ Compass）：Firebug やデベロッパーツールで SCSS の該当行を表示
Sass（+ Compass）：Firebug やデベロッパーツールで SCSS の該当行を表示 2013.03.04 | この方法お勧めです！ | 制作あるある | 覚えておきたい こんにちはピンクです。確定申告の季節ですね！青色申告の私は毎年この時期、宿題を溜めてしまった夏休み最終日の小学生のようになっています…。 さて、Sass ネタです。 Firefox の Firebug や、Chrome のデベロッパーツールで要素のスタイルを確認すると、どのスタイルシートの何行目に記述があるか分かるようになっています。 上図は Firebug で適当にとったキャプチャです。「スタイルシート名.css」の n 行目に記述があるよー、と書いてありますね。デフォルトではここは .css の何行目か、しか見てくれません。 Sass（.scss）で書いて表示確認をして「ああ～ここ少し調整したいな…」なん
昔のCSSをLessとかSassにしたいの
ども、白です。ホワイトデーは来月です（はい）。 さて、いろんなデバイスを対象にしたり、ちょっと規模の大きいサイトを作っていくとなるとCSSを書くのも大変です。そんな時は「素のCSSなんて書いてられっか、バカヤロー！（ガラガラガッシャーン）」ってなるので、最近話題の「Less」や「Sass（+Compass）」「Stylus」といったCSSプリプロセッサを使ってテーマのスタイルを作る人もいるでしょう。 新規で作る場合は自分の好きなプリプロセッサを使えばいいし、「Forge」なんていうSass / CoffeeScriptなテーマ開発フレームワークみたいなの（要Ruby / RubyGems）もあるんですが、昔構築したサイトのメンテナンスとかリニューアルの時など、既存のテーマを元にいじらないといけない場合はきっとイライラすることでしょう（笑）。 しかし、世の中には便利なツールを作ってくださる開
WordPressでサイトをつくるとき、デザインやコーディングでちょっと気をつけるだけでハッピーになれるかもしれない3つのコツ
WordPressでサイトをつくるとき、デザインやコーディングでちょっと気をつけるだけでハッピーになれるかもしれない3つのコツ 2013.02.07 | 制作あるある 夜遅く帰ってきて、夜中だけどこんなものを食べてしまったサーモンです。 夜食ってなんでこんなにおいしいんでしょうね？ わたしがなぜ、サーモン色になったかというと、決して食いしん坊だから、とか、もう選ぶ色がなかったとかそんなことではないですよ。 私は請負で仕事をすることが多いので、ディレクターさん、デザイナーさん、コーダーさん、そしてWordPress構築、バラバラに集まったりすることがあるわけです。 そうすると、みんながみんなWordPressのこと分かってるわけじゃないので、ちょっとした行き違いがおきたりして、うまく進まなくなっちゃったりすることがあるんですね。 設計とか運営とか、ホント考えるべきことはいろいろあるんですけど
PHPをよく知らずにWordPressを扱う人にぜひ読んでほしい電子書籍の紹介（著者インタビュー）
PHPをよく知らずにWordPressを扱う人にぜひ読んでほしい電子書籍の紹介（著者インタビュー） 2013.01.24 | インタビュー | 初心者向け どうもパープルです。最近、WordPressを仕事で扱う手前、最低限PHPのことも知っておく必要があるなと勉強を始めているのですが、その中でとても良い電子書籍をみつけましたので、その著者にインタビュー取材させていただきました。 WordPress3.5対応 テーマカスタマイズのためのPHP 内容： WordPress最新版3.5のデフォルトテーマであるTwentyTwelveの解説を通して、WordPressテーマカスタマイズに必要なPHPの基礎を学ぶ本。 PHPの解説の題材に、WordPressで出てくるものを取り上げ、WordPress学習者が読みすすめ易いよう工夫している。WordPress日本語版作成、Codex編集に関わってい
Web制作者の覚醒剤CodeKitでマンモスうれぴー(はぁと
head cleanerと併せて高速なWebサイト作りに励みたいものね。 SASS, Lessのコンパイル Web制作やっているなら、SASS/SCSSとかLessのことは知ってると思うけど、CodeKitはこれらを保存するたびにコンパイルしてくれるわ。あとはSublime Text2なんかのエディタがあれば、特にコンパイルを意識しないでもコーディングできるわね。ターミナルに苦手意識があっても問題無しよ。 ちなみに、Coffee ScriptとかHaml、Jade、Stylusなんかもコンパイルできるから、Ruby on RailsやNodeJS使ってる人にもおすすめよ。 おすすめポイント1. 全部入り CodeKitのお勧めポイントは「全部入り」なことね。SASSやLessのGUIコンパイルツールは無料で色んなところにあるんだけど、私はこういうユーティリティツールを何個もインストールする
Windows でコーディングする人におすすめなツール
どうもー、ピンクです。 私はゲーマーなため、メインマシンは Mac ではなく Windows です。FPS は下手です。そんな私がコーディングする際に便利に使っているソフトを今日は紹介します。あまり有名ではないけれど便利なものを 3 つ！ Rapture Raptureの詳細情報 : Vector ソフトを探す！ 画面の一部をキャプチャし、そのまま付箋のように表示できるソフトです。「常に手前に表示」にチェックを入れておくことで、コーディング中に一部デザインだけを切り抜いて見ながら組んでいく…なんてことができます。下の画像では、最前面に Rapture が表示されていますがエディターを選択しており編集できる状態になっています。 ブラウザや Photoshop 等の画面の一部だけをエディターにかぶせるように表示させておいて組むのは、やってみると凄く便利です。Photoshop で開いたデザイン
ディレクターやデザイナーが今すぐPinterestを始めるべき理由
こんにちは、色白腹黒WPDグリーンです。 Pinterestって好きな写真を集めるだけでしょ？って思ってる人も多いかと思います。 某イベントで「デザイン系のボードをフォローするとWebデザインやパーツのギャラリーとして非常に役立ちます、表示も速いし。」って言ってた人がいますが、本当の理由はもう一つあります。それは 「顧客の好みが一目瞭然となる事」 クライアントの好みを探るのに非常に有効です。 「可愛いものが好き」って言っても人それぞれ意味が違います。 ほんわかして可愛い、グロくて可愛い、小さくて可愛いなど、同じ言葉でも全然違いますよね。 営業さんから「可愛いのが好きなんだって」って聞いて可愛いものを作っても「いや、ちょっと違う」みたいな経験は誰しもあるはず（ヒヤリングの問題はおいといて） 依頼主がPinterestやってたらぜひその人のPinしたものやLikeしたものをチェックして見ましょ
Photoshopのプラグイン、Cut&Slice meはコーダーの強い味方になるか試してみた
Photoshopのプラグイン、Cut&Slice meはコーダーの強い味方になるか試してみた 2013.01.07 | この方法お勧めです！ はじめまして。お弁当に入れてよし、おにぎりの具にもよし、卵はイクラでお寿司によし、年末にはまるごと新巻鮭で贈答品にもよし、いろんな形でお役に立つ、そんな鮭のような存在になりたいサーモンです。 決して食いしん坊だから、とか、もう選ぶ色がなかったとかそんなことではないですよ。 今日は七草 お正月、冬休み明けで、今日が仕事始めの方も多いのでは、と思いますが、そんな今日、1月7日は「七草粥」の日です。 1月7日の朝にセリ、ナズナ、ゴ（オ）ギョウ、ハコベラ、ホトケノザ、スズナ、スズシロの「春の七草」を入れたおかゆを食べて、無病息災を祈る、という行事ですね。地域によっても少しずつ違うのかもしれませんが、私の住む関東地方ではこんな感じだと思います。 そして、正月
Sass + Compass の基本導入と設定ファイル config.rb について
明けましておめでとうございます！今年もどうぞよろしくお願いいたします。 2013 年は、26 年ぶりに 4 つ全ての数字が異なっているみたいですね。みなさんどのようなお正月をお過ごしでしょうか。私は寝正月を大満喫しました。 さて、Windows でも Mac でも Sass + Compass 環境ならば config.rb で設定が書けるので、今日はそれについて。「Sass とは何か？」「Compass とは何か？」は省きます。インストールから設定、楽して監視開始、あたりを。 Sass + Compass を使うには？ まず基本のとこから一応さらっと！ 最近は簡単な方法もたくさん出ていますが、地道にやるならば Ruby（と RubyGems）を入れて、Sass と Compass を入れて、となります。 Ruby + RubyGem インストール Windows だったら RubyFor
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://wp-d.org/2012/11/09/1105/