カテゴリー: コーディング

効率良くCSSコーディングできるSassを使ってみよう!Mac+Codaなら設定も簡単!

Sass」って聞いたことありますか?すっごく簡単に言うと、CSSをもっと便利に・効率良く記述するためのものです。とは言え基本的な書き方はCSSと同じなので、「新しいプログラミング言語」というより「CSSの新しい装備品」といったところでしょうか。一見難しく思えるかもしれませんが、慣れると「これなしではいられない!」とまで思えるSassの魅力と、Macでの設定方法はあまり見ないなーという事でMac+Codaでの設定方法も紹介します。
続きを読む

iPadだけでWebサイトが作れるのか試してみた!

病院の待合室で何時間も待たされ、「暇だしWebサイトでも作ろっかなー」なんて思った事はありませんか?きっとあまりないと思いますが、今年にはいっていろいろあった私はそんな機会がたくさんあったので、いくつかのiPadアプリを使って作ってみました。作ったHTMLテンプレートは無料配布しています!そうです、アレ、iPadで作ったものだったのです。ふふ。
続きを読む

Free “Coming Soon” Page Template with Countdown Timer

Have you ever seen words of “Under Construction” or “Coming Soon” with only plain text when you get into a website? It’s boring isn’t it? But most of us don’t want to take time to make a maintenance page. So I made a “Coming Soon” page template with countdown timer! Enjoy to use this!
続きを読む

ノンプログラマーのためのiPhoneアプリ開発学習ガイド

「iPhone/iPadアプリを作るのは難しい」。デザイナーの人は特にそう思い込んでいませんか?確かに新しいプログラミング言語を習得するには時間がかかります。しかし、一度「楽しい!」と思えばこっちのものです。その気持ちだけで難しいものも簡単に乗り越えてしまえるもの。そう、もう無敵です!どんなアプリでも作れるようになります!ここではアプリの開発方法よりも、「どうやって楽しく学習できるか」に焦点を当ててみたいと思います。
続きを読む

20+ Mac Apps for Web Designer

My main computer is Mac. I was often asked what tools and apps I use for web design for a long time so I finally listed below today. You might already know them because most of them are very popular. Let me know if you are using better apps!
続きを読む

少しのコードで実装可能な15のスマートフォンサイト用小技集

スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい!
続きを読む

WordPressプラグイン「qTranslate」でブログを多言語化する

以前このブログをリニューアルした時に「付け足したかった機能を1つまだ実装していない」と触れたのですが、やっと実装完了しました!Webクリエイターボックスがついに英語でも配信されます!わーわー!ブログを始めた時から友人から「英語化まだかよー」と言われ続け早2年。お待たせしました!今回はそんな英語化するにあたってqTranslateというWordPressプラグインを使って多言語化したので、その使用方法について書いてみようと思います。
続きを読む

Illustratorチュートリアル【女の子】

海外サイトでよく見るPhotoshopやIllustratorのチュートリアル記事って、見ていていろんな発見があります。自分が思っていたよりはるかに楽な方法や、知らないテクニックを教わったり。でも、日本語のサイトでそんなチュートリアルをあまり見かけないので、Illustratorでイラストを描いたのを記事にしてみました。動画も撮っておいたのであわせて見てみてください!
続きを読む

Facebookページの作り方 2012年1月版

一年ちょっと前に「Facebookページを自由にカスタマイズする方法」という記事でFacebookページの作成方法を説明したのですが、Facebookはコロコロ仕様を変更するため、その記事を読んでもFacebookページは作れませんw 今や使い物にならない記事にもかかわらずアクセス数はかなりあるので、訂正…というか新仕様にあわせたFacebookページの作成方法を説明します。
続きを読む

WordPressのテーマを変更してスマートフォンサイトを作成。Media Queriesとどっちがいいの?

以前「WebサイトをiPhoneで見やすくする5つの方法」という記事でWebサイトをスマートフォンに対応させる方法を紹介しました。当時はそこで紹介しているMobifyというサービスでスマートフォンに対応させていたのですが、JavaScriptが使えないので、リデザインを期に別の方法でスマートフォンに対応させる事にしました。タイトルにあるとおり、WordPressのテーマを変更する方法とCSS Media Queriesを使った方法の2通りを試したので、その比較についても書いてみようと思います。
続きを読む