if(条件式◯◯) { 条件式がTRUEの時に実行する処理□□ } 「もし〇〇なら、□□しろ！」という意味。 書き方は２種類あって、同じ意味のものを以下のように書いてもOK。 if(条件式〇〇): 条件式がTRUEの時に実行する処理□□ endif; 例

一昨日の記事で紹介した、フォトショップでまず、モックアップを作って、次にそれをWordPressに落とし込むチュートリアル、まずはモックアップが完成しました。外国人のWEBデザインチュートリアルって、イラストレーターじゃなくてフォトショップですね。な…

動画のチュートリアルで、素晴らしいものを発見！ 動画の解説って直感的で分かりやすいけど、 見るまでその質と内容が分かりませんが、これはよかった。初心者のためのフォトショップ講座 超初歩からやってくれる 面倒な雑談がなくスピード感がある（続きはD…

こちらのサイト、Design Reviverを参考に。 WordPressのテーマを、 フォトショップでモックアップを作る。 それをWordPressに適応させる。 という二段階で解説してくれてます。

wordpress/wp-content/themesに、ダウンロードしたテーマを入れればたちまち使えるという素晴らしさ。WordPress側ではなく、WEBでカッコいいテーマを選んで入れてみる。 ここで、選んでみました。無料で使えるWordPressテーマ 2009年 厳選100+ ピックアップ…

インストールって言われると混乱する 普通のパソコンユーザが「インストール」と聞くと、 「ソフトを使えるようにすること。ダブルクリックでインストーラを開いて、『次へ』ボタンを押し続ければできる」と思ってしまうのが落とし穴。 今のローカルにインス…

スタートページ MAMPを起動すると、ブラウザと連携してデータベースの「スタートページ」なるものが出てくる。 phpMyAdmin まずは、phpMyAdminからやるらしい。 wikipedia:phpMyAdminによれば、 phpMyAdmin(ピーエイチピーマイアドミン)はMySQLをインターネ…

WordPressが動作する環境をローカルに作るため、 MAMPというソフトをダウンロードして、インストール。 今日辞典でのバージョンは、1.8.4だった。MAMPについての概要は、 wikipedia:XAMPPとPHP入門を見る。 MAMP とは、Mac OS X 環境用の Apache/MySQL/PHP …

以前、少しだけかじったワードプレスを きちんと勉強することにした。 買った書籍。 基本からしっかりわかる WordPress 2.7 カスタマイズブック (Web Designing BOOKS)作者: 大藤幹出版社/メーカー: 毎日コミュニケーションズ発売日: 2009/02/17メディア: 単…

デザインにとっての最低限のPHP WordPressでデザインをするためにPHPに関する知識は必須のようだ。しかし、全部を理解するのは面倒だし、どうやら無駄なようである。この本に載っていることだけを学習することに使用。 学んだこと列挙 htmlに組み込んで使う…

下のエントリで作ったMacのシステム環境設定のファイルに フォトショップで加工する。 霞のあるブラシで外枠にポンポンと色を付けて、マスクをかける。 白黒のグラデーションのレイヤーを重ねてoverlayかscreen 少しかっこよくなった！

How to Create a Gearbox Settings Icon Using Simple Shapes http://vector.tutsplus.com/tutorials/icon-design/how-to-create-a-gearbox-settings-icon-using-simple-shapes/ 覚えたこと： 円と長方形を使って、歯車を作る。 同じ形をある地点を中心に回…

Amazing Watercolor Effect in Pixelmator http://abduzeedo.com/amazing-watercolor-effect-pixelmator 覚えたこと： 人物の上にテクスチャを乗せて、消しゴムなどで消す。人物だけ残る。 フィルターで鉛筆風にする（のができなかった） 白黒にしちゃう 筆…

広告を再現するフォトショップチュートリアル。Create an amazing Ad in Photoshop http://abduzeedo.com/create-amazing-ad-photoshopちょっとうまくいかなかった。 覚えたこと： 星雲のような効果を出すために、雲フィルターを使う。 消しゴムツールで画面…

How to Create a Vector Safari Compass in Illustrator http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-a-vector-safari-compass-in-illustrator すごい時間かかりました。覚えたイラレ： 線や同心円のグラデーションを使った同心円をたくさ…

基本 僕は、htmlとcssの基本を2週間で覚えました。基本とは、 仕組みを理解する 30個くらいのプロパティを覚える 今世の中にある技術でどんなサイトが作れるのか分かる の３つです。基本のところさえ覚えてしまえば、 あとはネットで技術を検索したり、詳し…

hover時、active時のボタンも作ってみる。 このチュートリアルにはきちんとは書いていなかったけど、 レイヤーをコピーして、色を変えたり、 ペンツールで影にしたい部分を描いちゃってその色を濃いめにする、 などすればよい。 Creating flexible buttons u…

メニューボタンの作り方のチュートリアル。Create Small Colorful Buttons in Photoshop http://coregfx.org/tutorials/create-small-colorful-buttons-in-photoshop/技術： ・マーキーツールで形を作る ・Select>Modify>Smoothで、角丸にする ・立体感のあ…

下のサイトで紹介されてるチュートリアル。 http://veerle.duoh.com/blog/comments/creating_a_ribbon_in_adobe_illustrator/ 覚えたこと： ・はさみツールの使い方 ・回転ツールの使い方 ・パスファインダーでシェイプエリア、エクスパンド ・グラデーショ…

Image Inlay Text http://www.voidix.com/illustrator_inlay_text.html覚えたこと： ・マスクの使い方。 特に、マスク、被マスク、背景の関係。 一番上のがマスクの形になる。二番目がマスクされる（中身になる）、 背景に置いておいた色が、マスクの外側の…

マックに最初から入っているデスクトップ画像の作り方。【Creating organic desktops】 http://www.bartelme.at/journal/archive/creating_organic_desktops/覚えたこと： ・グラデーションメッシュツールの使い方。グラデメッシュは、作ったアンカーのハン…

このサイトで紹介されていたチュートリアル。 http://www.myinkblog.com/2008/08/10/design-with-swirls-and-flourishes/覚えた、イラレ： ・ペンツール ・ブラシやシンボルの作成、適用 ・渦巻きツール ・素晴らしいスウォッチがたくさんあるところ。 →adob…

自分の勉強の記録、思考を残していきます。