まずはProgateへアクセスしてアカウントを作成。私はTwitterで認証しました。 現在学べる言語は HTML & CSS PHP jQuery の3言語の基礎部分。 とりあえずHTML & CSSをやってみましょう。 学習の流れ 学習の流れは3ステップ。 スライドで基礎知識を学習 ブラウザ上のエディタにコードを書いて実際に学習 プレビュー画面で実際に挙動を確認→答え合わせ といった感じです。 スライド スライドは非常に丁寧な作りとなっておりますので、よく読みこめば初心者でもしっかりと理解をしながら学習することが出来ます。 矢印キーでページ送りができるのがCool。 1レッスンにつき数枚のスライドが表示されますので、見終わったらエディタ画面へとGO！ エディタ画面 こちらがブラウザ上で動作するエディタ画面。左側が問題文、真ん中がエディタ、右側がプレビュー画面となります。 もう一度スライ

iOS8より、ようやくiPhoneでもウィジェット機能が使用出来るようになりました。 iPhone 6 Plus購入と同時にiOS8の仲間入りをした私ですが、1ヶ月ちょっと色々試してみて、現在も使用中の便利なウィジェットを紹介しようと思います。 Staccal 2 【カレンダー】 まずはカレンダーアプリ、Staccal 2。 リリース以来変わることなく私のスケジュール管理を支えてくれる大好きなアプリ。一日の予定を確認するために使用中。 「Staccal 2」あの超人気iPhoneカレンダーアプリの続編を徹底レビュー！

こんにちは、暑いですね。脇汗すごいですね。僕が。 さて今回はWebページ作成時に、私がよく使っているjQueryプラグインをまとめてみました。（たまにjQueryが必須でないものもあります。） ※紹介しているプラグインを使用する際、ライセンスは各自で再度確認してくださいませ。 Owl Carousel 個人・商用利用可能。レスポンシブでいい感じに動作してくれるカルーセルスライダーです。動作もシンプルで綺麗だし、マークアップも簡単。テキストもOK。お気に入りのプラグインです。 Owl Carousel bxSlider 個人・商用利用可能。シンプルなスライダープラグインです。レスポンシブで動作し、カスタマイズもしやすく重宝します。 jQuery Content Slider | Responsive jQuery Slider | bxSlider Glide.js デモページがカッコイイス

おはこんばんちわ！毎度お馴染みOZPAでやんす☆ 読者の皆様、元気してはりまっかー！？^o^なーんて☆ いやー、ここのところ忙しくてなかなかブログが全然書けておりませぬ…！くぅー！もっといっぱい書きたいのに！ ま、そんなこと言いつつ別のものは毎日カいてるんですけどね爆 おっとこりゃ失礼(^_^;) こんなに更新が空いてしまって、ブログを楽しみに来てくださる方にはホント申し訳ないやら情けないやら… まあこんな風に謝ったり反省したりしてる暇があったらブログを書け！って感じなんですけどね笑 まさに、ブログいつ書くの！？今でしょ！！ってヤツですよ爆爆爆金爆 さてさて、このままでは「なんだこの記事、内容が無いよう！」なんてことになってしまいますので（爆、ここいらでこの間相方さんがやらかした爆笑失敗談をひとつ！ 小生の相方さんは、みなさんご存知の通り目が悪くて普段はコンタクトなんですが、お風呂から上が

プロフィールに記しておりますとおり、私は現在デザイン会社にて働いております。 昨年の3月、5年ほどやっていた「DTP・グラフィックのデザイン・レイアウト業務」から「Web担当」に相なり、日々勉強しながら仕事に臨んでおると言う状況です。 そのちょっと前までHTMLは妖精が書いていると思っていた私にとって、あまりに勝手の違う作業内容。最初は途方に暮れておりましたが、Twitter等で知り合うことのできた先輩Webデザイナーさん達のおかげもあり、現在では自分でWordPressのテーマを作成できるまでに成長することができました。頭を叩くと「ｾﾏﾝﾃｨｯｸ!」と音が鳴るまでになりました。 そんなわけでここいらで一度、自分がDTP→WEB担当になるにあたって勉強したこととか使っているツールとかをデロッとまとめておきたいと思います。 まずは業務をする上で必要不可欠になった言語や、作業効率を上げるために

Web制作に携わっていると頭を悩ませる項目の一つが「Flash」への対応。 動きのあるコンテンツを作成するにはやはりまだまだFlashが便利なわけですが、iPhoneをはじめとするiOSでは再生できない（一部再生できるブラウザアプリはありますが）ので、困った困ったなのです。 そこで次代を担う（であろう）コンテンツがHTML5を使用したムービー。 先日も、「Form Follows Function」と言うHTML5で作られた、動きのあるコンテンツを紹介したWebページをご紹介したばかりですが、ここまで複雑なものは出来なくとも、私のような初心者でも超簡単にHTML5アニメが作れると噂のMacアプリ、HypeをDLして使ってみました。 タイムラインを使って簡単にHTML5アニメを作れる！ 起動。 Welcome to UNDERGROUND… 「Watch Getting Started Vi

New/ old tin palette / jessiecchapman 「色彩検定2級」と言う自慢していいんだかよくわからない資格を持っている私。…が、デザイン会社勤務でありながら、どうも「色使い」と言うものに苦手意識を持っておりまして。 いざデザインに取り掛かろう！となってからメインカラーを決めて、サブのカラーを決めて、よしこれだ、あ、でも待って、こっちの色の方がいいかも、ううん、元に戻そう…あ、やっぱりこのキャミソールにしようかしら…etcetc。 さっぱり作業が進まないこともしばしばなのですが、そんな時に使用しております配色の手助けツールをまとめておきたいと思います:)

とんでもなく参考になりすぎるEvernote使用例 6 〜ノート総数3500 @delaymaniaの全ノートブック晒し＆”肩の力を抜いた”Evernote整理術〜 OZPAの表4をご覧のみなさん、はじめまして。 ブログ「delaymania」を主宰しております、@delaymania と申します。 「アマオト」というバンドのギタリストをやってまして、その傍らでWEBデザインの仕事、そしてiPhone,iPadアプリの開発をやってます。 先日、尊敬するブロガーの@OZPA 君から「You寄稿しちゃいなよ」と言っていただきました。 OZPAの表4は以前から目標とするブログでして、そのブログに寄稿させていただけるとは夢のようです。 というわけで、めんどくさがりな僕の適当なEvernoteの使い方をご紹介します。 ノートブック整理は肩の力を抜いて適当にやる まず僕のノートブックをご紹介します。

Quick Tip: Use Evernote to back up your blog in real time / joe.ross Evernote大好き！@OZPA です。 @elk1997 さんによる、Twitterのログ（ツイート、DM、お気に入り、リツイート）を一日置きに、しかもアイコン付きでEvernoteの指定ノートブックに送信してくれるとんでもなく便利なサービス、その名も「ツイエバ」 参考：TwitterのログをEvernoteに送信してくれる超絶素晴らしいサービス「ツイエバ」が新規登録再開してるよ 昨年の5月に登場して以来、使い勝手の良さに惚れ込んでずっと使用させていただいているのですが、そのツイエバにプレミアムサービスがお目見えしました。 そうですね・・・うん・・・ 神ですね・・・これ。 プレミアムサービスにおける新機能 さて、今回、ありがたい事にベータテスターをさ

サイトじゃないですけど、今使ってる本。凄く分かりやすい。 チートシート 日本語版 WordPress チートシート | Webクリエイターボックス WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、 … コードを書く際に便利なカンペ。 CSS入門 わたくし、CSSもHTMLもまともに修めておりませんのでそのへんの知識を得るために。 CSSレイアウト実践講座 とほほのスタイルシート入門 テーマ、カスタマイズ参考 2011年に入って気になった最新Wordpressテーマの情報一挙公開 | バンクーバーのWEB屋 僕は出身が熊本でして、良い物のことを、”こりゃヨカバイ！”と言うことがあります（若い人は使わないよね、そうだよね。） さて、今日は僕が思

Mac for every student ? / luc legay 作業効率を上げるための方法は幾つもありますが、まず押さえておきたいところといえば「キーボードショートカット」でしょう。 当然のことながら、ショートカットを知っているか否かというのは作業スピードに密接に関わってきます。 今回は、Macにて私がよく使用するショートカットや基本的なコマンドを含めて、覚えておくと便利なものを挙げ連ねておこうかと思います。 関連：Mac OS X のキーボードショートカット 超基本のショートカット 以下はMacを扱う上で超基本となるショートカットです。 たいていどのアプリケーションでもこれらのショートカットは共通ですので覚えておいて絶対に損はないです。 command + A：すべてを選択 command + Z：アンドゥ（リドゥ） command + S：保存 command + C：コピー

Quick Tip: Use Evernote to back up your blog in real time / joe.ross 今年の4月にEvernoteのノートブック内容を晒し出してから約半年がたちました。 参考：Evernoteの超具体的使用例　〜ノート総数「4100」私のノートブックを公開します〜 「Evernoteのノートブックの整理方法がわからない。だから具体例を調べよう」 がEvernote系のブログを漁り始めるきっかけ、ひいてはブログを書き始めるきっかけだった私にとってはノートブック晒しは定期的に行っていきたいなーと思っているコンテンツでございます。 んでまぁ「ノート数が10000超えた当たりで一度やろうかな！！」なぞと思っておったのですが、気がついたら2800ほどオーバーしておりました。ごめん気絶してた。 そんなわけで、備忘録的な意味合いを込めまして2011年1

どうも。生まれて初めて当たり付き自動販売機で当たりが出た@OZPA です。 さて、かねてより和洋風◎の@isloop くんより 「ブログのデザイン、テンプレートじゃなくて自分で作ったほうがいいよ」 とのアドバイスをうけていたのですが、phpやcssどころかhtmlすらろくに理解していなかった私。 プロフィールページを作るのに戸惑ったり、はたまたサーバを移転するのにしこたま苦労したりと本当に手のかかるお子様だったわけです。そんな私がWordPressのテーマですって・・・？汚らわしいっ！ [blackbirdpie url=http://twitter.com/#!/OZPA/statuses/64271506724757504] ですが今年の4月の終わりに上のようなつぶやきをしていることをふと思い出し、新しいことを覚える良いチャンスだなということで、WordPressのテーマを作るためにB

半年で月間25万PVを達成し、2500はてブ越えまで果たし、ついに本まで出してしまった@OZPA 様のこのブログに寄稿をさせてもらえることになった@saiut と申します！ TRAVELINGというブログをやっています。 TRAVELING 独自ドメイン取得して、Wordpressでブログ始めたよーってのを@EVERNOTE_MAN@ozpa 様に伝えたところ、「ゼヒうちで書い(ry流れは置いておいて、本題に入らせて頂きます。 「Evernote関係の記事を書いて欲しい！」とのことでしたので、真っ先に思いついたのがノートブックを紹介することだったのですが、ここの人がすごいのを思いっきり晒してくれているので、自分がどうやってEvernoteへ情報を収集しているかを紹介させて頂きたいと思います。 Evernoteの超具体的使用例 ?ノート総数「4100」私のノートブックを公開します? 上は、私

今回寄稿の機会をいただきました@Surf_Fish こと「はま」と申します。「はまラボ」というブログを運営しています。ブログの方では、Evernote、TaskChute、ライフハックに関する記事を書いています。 はまラボ ブログ名の通り、リアルでは化学の研究を仕事としていますが、その実態はサラリーマンです。一人のサラリーマンがどのようにEvernoteを使用しているのか、という一例として見ていただくのが良いかと思います。 @Surf_Fishのノートブック 運用の基本思想は「GTD」 原典通りのGTDを再現しているわけではないのですが、私がEvernoteを運用する際の基本にしているのは「GTD」です。ノートブックは「タスクの状態（可動）」、タグは「属性（不動）」を表すために使用します。 タグは後から見返すときに絶対に見失いたくないものにしか付けませんので、タグの使用数は少ないです。その

ブログをやっている人ならば、「どうせやるなら多くの人に見てもらいたい」と思っているはず。 あなたはいかがですか？ 昨年の12月にオープンした当ブログ。 有難いことに、先月の一ヶ月間で16万ページビューを達成する事ができました。 無論、世の中PVが全てではありませんし、 「だから何」 とか言われちゃうとワタクシ棒立ちのまま泣き崩れちゃうんですけど、開設から1年間で10万PVを目指してみよう！との目標をかかげておったもんで、5ヶ月でその数字をクリアーできた事はそりゃー嬉しかったわけです。 何が嬉しいって、たくさんの方に見ていいただけた事が嬉しいんです。そうなんです。 そんな訳で今回は当座の目標を一つ達成したという事で、「5ヶ月で16万PVを達成するために私がやった事」と題してその方法を僭越ながら公開させていただきます。 まぁあくまで私の体験談ですので参考になるかどうかはわかりませんが、少しでも

全世界のOZPA Fanの皆さま、はじめまして。新参エバーノーターの@knk_n と申します。 普段は大学生のかたわら、Knk_n, aN unsKilled everNoterというブログにてEvernoteやiPhoneやMacについての記事を書いたりしています。(最近は読書ログや食べログにも手を伸ばしてみたり) Knk_n, aN unsKilled everNoter さて、今回記事を書くきっかけとなったのが@OZPA のこの記事。 参考：お気に入りのツイートをEvernoteに全て放り込む方法（と関連するちょいと便利なTips） この記事を読んで、@OZPA にこんなメンションを飛ばしたんです。 [blackbirdpie url=”https://twitter.com/#!/knk_n/status/63911569171554304″] [blackbirdpie url=