タグ

ブックマーク / wp-e.org (5)

  • アイコンフォントを作ったのでオープンソース化して GitHub と npm に公開しました | WP-E (仮)

    こんにちは。EXP ひのたんです。 最近アイコンフォントを作って GitHub と npm で公開したのでその紹介記事です。 feathericon Web サイト: http://feathericon.com/ GitHub: https://github.com/featherplain/feathericon npm: https://www.npmjs.com/package/feathericon 名前は私の Web 上のハンドルネームである「featherplain (フェザープレイン) 」と icon を合わせた 「feathericon (フェザリコン) 」です。 アイコンフォントと言えば Font Awesome や GitHub の Octicons のアイコンフォントの巨人がすでに存在します。Web フォント化していなくとも、「vector free icons」

    アイコンフォントを作ったのでオープンソース化して GitHub と npm に公開しました | WP-E (仮)
  • CSS3のセレクタ全42種 まとめておさらい使い方リファレンス | WP-E (仮)

    こんにちわ。WP-Eイクラこと@ampersand_xyzです。 CSS3のセレクタ、ちゃんと覚えてる? 普段使わなかったりするようなセレクタって、すっかり脳みそから抜け落ちてしまい、適用されているスタイルを確認したときに あれ?コレなんだったっけ? というセリフを何度心のなかでつぶやいたか分かりません。 また、場面によって必要に応じたセレクタを使えてるかどうかというところも気になるところ。どんなセレクタがあるのかを覚えておけば、たとえばDOMの動的生成をするときに無駄な分岐処理をしてstyle適用とか、JSでゴリゴリスタイル付与とかしなくてよくなるはずです。 おさらい用チートシート作成を兼ねて、Selector Level3 のSelectorsについて、セレクタの記法と使い方のgistつけてまとめていきたいと思います。 なお、仕様書の日語訳は以下のページをご参照ください http:/

    CSS3のセレクタ全42種 まとめておさらい使い方リファレンス | WP-E (仮)
  • 配色を考えるときに便利なオンラインツール10個集めてみました | WP-E (仮)

    最終更新: 2018年4月14日 皆様こんにちは!最近WP-Eメンバーに名を忘れられているような気がするWP-E HINOTANです。寿司ネタがどこかへ行ってしまいましたね。 さて今回はタイトルの通り、便利な配色ツールを紹介していきたいと思います。 Adobe Kuler まずはAdobeが提供しているAdobe Kulerから。こちらは有名なので知っている方も多いと思います。Adobe KulerはPhotoshopやIllustratorとの連携機能があるので便利です。(Adobe Creative CloudのアカウントIDが必要となります) 「Explore」のページでは、様々なカラーパターンを見ることができ、気に入ったものを登録したり編集したりすることができます。登録したカラーパターンはPhotoshopやIllustratorにも反映されます。 Color Hexa Colo

    配色を考えるときに便利なオンラインツール10個集めてみました | WP-E (仮)
  • とりあえず使いはじめるための1歩進んだところからのGrunt入門@すぐ動かせるサンプルつき | WP-E (仮)

    こんにちわ、コードネームWP-Eイクラ こと @ampersand_xyzです。こぼしイクラとか、お米を覆うほどたっぷりのイクラ丼は邪道です。塩漬けの魚卵と白米との程よいマリアージュこそが正義なのです。よく覚えておいてくださいね。 さて、日はフロントエンドエンジニア・マークアッパ向けに、Gruntの導入手引について書きたいと思います。 あなたがGruntに手を出さない理由 もしあなたがまだGruntを使っていない場合、今のやりかたで別に困ってないからではないでしょうか? 確かに、困ってはいないのかもしれません。 だがしかし、当にその方法はベストなのかということを一度考えてみましょう。 なお、この記事はQiitaに投稿されている Grunt – Getting Started の記事を参考にさせていただいています。 作業効率化してますか? 言い換えれば、無駄な手作業をしていませんか?例え

    とりあえず使いはじめるための1歩進んだところからのGrunt入門@すぐ動かせるサンプルつき | WP-E (仮)
  • あ~モヤモヤする。漠然とした案件をスッキリ考える Business Model design 考 | WP-E (仮)

    ビジネスモデルに特効薬のフレームワークあります ビジネスモデル・キャンバス http://www.businessmodelgeneration.com/canvas 全方位的でいてフォーカスの効いたビジネスモデルモデルデザイン。チームでやるならなおさらパワフルなツールです。 この記事の対象者 規模の大小ではなく、新しいビジネスの仕組みやマーケティングを考えたりディレクションをしている人とかに効きます! 例えば、 新規事業企画でステークホルダー(関係者の人々)と質の理解を共有したい人 新しいサービスを開発したい人 なんか新しいことしたいのだけれどもモヤモヤしている人。 に、読んでもらって、使ってもらえればちょっと嬉しいです。 目次 キャンバス 9つの視点 価値提案 顧客の視点 業務プロセスの視点 財務の視点 俯瞰と掘り下げ ケーススタディ まとめ キャンバス ビジネスモデル・キャンバスは

    あ~モヤモヤする。漠然とした案件をスッキリ考える Business Model design 考 | WP-E (仮)
  • 1