タグ

ブックマーク / ozpa-h4.com (7)

  • HTML/CSS、PHP、jQueryの基礎を学ぶなら超オススメ!プログラミング学習サービス「Progate」

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

    HTML/CSS、PHP、jQueryの基礎を学ぶなら超オススメ!プログラミング学習サービス「Progate」
  • コードスニペット管理ツール「GistBox」が良いね!とっても良いね!

    コードのスニペット管理にSnippiを利用していたのですが、何故かTwitterアカウント連携ができなくなってしまい、こつこつ貯めていたコードが見られなくなってしまいました。 バックアップでNotefileに取ってあったため事なきは得たのですが、コードスニペット管理の方法としてはいかんせん使いにくい。 なんかいい方法あんめえかと思って探したところ、GitHubアカウントがあれば無料で使用できるスニペット管理ツールGistBoxが良さげだったので試してみたところ非常に快適でしたのでシェア。 参考:GistをメーラーのようなUIで管理する「GistBox」がいい感じ | REFLECTDESIGN メーラーのようなUI 使用はGistBoxでログインするか、Chromeアプリから。UIは一緒です。 私はChromeアプリを使用することにしました。 GistBox – Chrome ウェブストア

    コードスニペット管理ツール「GistBox」が良いね!とっても良いね!
    kakei
    kakei 2014/03/20
  • abrAsusさんの新商品「旅行財布」レビュー|かさばらないのに使いやすい!旅行にはこれだ!この財布なんだ!

    はじめて訪れた海外旅行先でのショッピング。慣れない外貨でもスムーズに支払い、受け取りができる財布はないだろうか。そこで誕生したのがabrAsusの「旅行財布」。 財布を開けば、お札も小銭もカードも一目瞭然。 大きな「かぶせ」が周りの人の視界を遮り、財布の中身を覗かせません。セキュリティ効果の高いつくりになっています。 via: 旅行財布 abrAsus〜海外旅行先での安全性も考えた二つ折り革財布〜  アブラサス SUPER CLASSIC もはやおなじみの黒いシックな外箱。 そうだね。不織布だね。もういいね。 色はネイビーをチョイスいたしました。あとはチョコとキャメルがございますことよ:) 外装、内装、ステッチは、国旗に多く見られる三色旗がモチーフとなっており、ネイビーの場合は綺麗な赤色とのコントラストが目に鮮やか…。 ちなみにこのかぶせは財布の中身が対面から見えないような仕組みになってお

    abrAsusさんの新商品「旅行財布」レビュー|かさばらないのに使いやすい!旅行にはこれだ!この財布なんだ!
    kakei
    kakei 2013/06/21
  • デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ

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

    デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ
    kakei
    kakei 2012/11/27
  • 角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成&コード生成をしてくれる「CSS3 ジェネレーター」まとめ!!

    角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成&コード生成をしてくれる「CSS3 ジェネレーター」まとめ!! html5-css3-orange-logos / Nelson Felix Giga どうも!おつぱ( @OZPA )です! 今回は、角丸やドロップシャドウ、グラデーションに2D/3Dアニメーションなど、CSS3に対応したスタイルを簡単に作成、さらにコードを生成してくれる「CSS3 ジェネレーター」を厳選して8つご紹介! ウオアアアアアアアア さて、CSS3対応ブラウザも増え、角丸、ドロップシャドウ、グラデーションにWebフォント、はたまた2D/3Dのトランスフォーム(回転/拡大縮小/移動)やアニメーションなどなど…リッチなUIがコードのみで表現できるようになりました。 関連:[CSS]GoodDesign賞にノミネートされて落選するこ

    角丸にドロップシャドウ、グラデーションにアニメーションなど、超簡単にCSS3スタイルの作成&コード生成をしてくれる「CSS3 ジェネレーター」まとめ!!
    kakei
    kakei 2012/06/15
  • とんでもなく参考になりすぎるEvernote使用例 〜@knk_nのYahoo Pipesを使ったノート作成術〜

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

    とんでもなく参考になりすぎるEvernote使用例 〜@knk_nのYahoo Pipesを使ったノート作成術〜
    kakei
    kakei 2011/05/09
  • illustrato、ベジェ曲線練習法

    HOME>Design>Illustrator初心者の方へ送る、ベジェ曲線を描く際知っておくと便利なことと練習法(サンプルテキストもあるよ) ご存知のない方やお忘れの方も多いかもしれませんが、私、職は一応グラフィックデザイナーなのです。 毎日IllustratorやPhotoshop、InDesignと言ったアプリケーションに触れているわけで、まぁ人並みにはそれらのソフトを使えるわけですよ。 で。 先日TL上で、ウェビメモの@xxmiz0rexx さん、Moon Blackの@tsuki_kuro さんとIllustratorの話をしてたのです。半裸で。 [blackbirdpie url=”http://twitter.com/#!/xxmiz0rexx/status/62715027605557249″] ベジェが苦手とのたまう女子 [blackbirdpie url=”http:/

    illustrato、ベジェ曲線練習法
    kakei
    kakei 2011/05/01
  • 1