ブックマーク / webcre8.jp (6)

  • HTML5のサイトが素早く作れるフレームワーク「HTML5 Boilerplate」をちゃんと触ってみた

    昔からサイト自体も考え方も好きで何かの機会に使ってみたいと思っていた「HTML5 Boilerplate」を、ようやく触ってみました。出来る事とか内容を解説します。 http://html5boilerplate.com/ HTML5 Boilerplateは、web上で利用者が必要な機能を選択した上で、その要件を満たすHTMLCSS、.htaccess、favicon等の各種ファイルをダウンロードできるHTML5のフレームワークです。 実はポップ?なデザイン(いまはそうでもなくなっていますが、前は★マークの目立つデザインとレトロな配色で、親近感を持っていましたw)と考え方がすごく気に入っていて常々使ってみたいと思っていたんですが、全く使い機会がなくてですね…w HTML5 Boilerplateの特徴 何も考えずにサイトトップのダウンロードボタンをダウンロードするだけでも全然良いと思い

    HTML5のサイトが素早く作れるフレームワーク「HTML5 Boilerplate」をちゃんと触ってみた
    Hi32
    Hi32 2015/06/26
    ボイラーテンプレートの使い方
  • PSDデザインカンプからのコーディングに超便利!Extract for Brackets

    Bracketsがメジャーバージョンアップ 昨日、これまで小刻みなマイナーバージョンアップを繰り返し0.44までバージョンを重ねていたBracketsが1.0と、正式なバージョンアップを行いました。わーい!!確か私は0.14くらいから(2年近く経ってる?)使っているはずですが、開発には既に3年ほどかかっているそうです。 Brackets – A modern, open source code editor that understands web design. 今回はこれについてではなく(別途記事を書きます書きました→Bracketsだって激しく進化してますよ!メインエディターとして1年使ってみて)、この1.0と同時にリリースされたBrackets制作チーム肝いりの拡張機能、「Extarct for Brackets」の紹介をしたいと思います。これはまだまだ多いPSDカンプからのHTM

    PSDデザインカンプからのコーディングに超便利!Extract for Brackets
  • [Photoshop]極座標フィルタでできるクリエイティブ表現色々

    調べる。 備忘録としてwebやデザインについて調べたり 新しく知ったことなどを書き残していくカテゴリです。

    [Photoshop]極座標フィルタでできるクリエイティブ表現色々
  • [webデザイン]規則性と不規則性を使いこなす

    見やすいレイアウトには規則性がある webデザインに限らず、見やすくてわかりやすいデザインをするためにはある原則があります。デザインの4つの基原則等と言われているようで、これを踏まえていればしっかりとしたデザイン=設計が出来るというわけです。 デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基原則 タイポグラフィが苦手な人におすすめしたい私のやり方 | ウープスデザインブログ (デザイナーまめこ) 上記のような記事が参考になります。また、デザインという言葉の普通の印象からは外れると思いますが、マーチャンダイジングにおいても関連した話題があったので紹介しておきます。 売場の陳列を考える – NAVER まとめ 規則性を用いてデザインする こうしたことからデザインにおける規則性を掴むことができれば、ある程度法則に則って作るだけでも美しかったり、わかりやすいデザイ

    [webデザイン]規則性と不規則性を使いこなす
  • [ダウンロード]商用無料、108個のピクセルベースパターン素材作りました

    以前グラフィックパターンの柄やテキスタイルの名前まとめと言う記事を書いたのですが、それのパターンを実際に作りました。自作パターンを持ってない人はベースに是非★ 今回作ったのはPhotoshopのパターンファイル。拡張子は.patで、Photoshopのプリセットのpatternフォルダには初期設定のものが入っています。この辺は過去記事[Photoshop]ブラシ、テクスチャ、スタイル…自作のアイテムを作ろう!で一通り説明しています。使い方が分からない人はそちらを参照してくださいね。 グラフィックパターンの名前を調べましたけど 以前書いた[デザイン]グラフィックパターンや柄、テキスタイル等の名前まとめという記事で、色んなグラフィックパターンや柄の名前を調べてみました。服飾やインテリア壁紙、ファブリック等に使われるこれらのパターンですが、webサイトに応用することでクールだったり、かわいらしい

    [ダウンロード]商用無料、108個のピクセルベースパターン素材作りました
    Hi32
    Hi32 2013/04/21
    photoshopに表示されるサムネイルが6列ということで、同じパターンの太さ違いとか、幅違いなどを6個づつ用意し使いやすい工夫がされている。
  • [デザイン]グラフィックパターンや柄、テキスタイル等の名前まとめ

    名前って大事 パターンファイルってwebで沢山いいのを見かけますよね。商用可のものも割と多いのでお世話になってる人も多いと思います。webcre8は形にこだわるので整理するときちゃんとしたファイル名をつけて保存したかったりするんですが、 これって単にストライプでいいのかな…? ポルカドットってつまり、どこからどこまでがポルカドットなんだ…? プレイドとチェックって何が違うの…? ということを考えだすともう止まれないんですよねw というわけで今回はデザインの柄や模様の例、ネクタイやシャツのサイトの用語集やファブリックの柄やテキスタイル、果ては迷彩のパターンの例等、およそパターンファイルで使われそうな模様の写真やデザイン例、名称や由来を集めたページをまとめてみました。各サイトの画像はスクショだったりわかりやすいところを切り抜いたりです★ ファッション、用語全般 アパレル、ファッション全般の用語

    [デザイン]グラフィックパターンや柄、テキスタイル等の名前まとめ
  • 1