ズルいデザイン（2）：SassやCompassを使って、ズルいデザインテクニック (1/2) - ＠IT
SassやCompassを使って、ズルいデザインテクニック：ズルいデザイン（2）（1/2 ページ） SassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介。グラデーション、角丸のお手軽かつ効果的な使い方とは？ シリーズ第2回、前回に続き、今回もSassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介します。 今回は、グラデーション、角丸のお手軽かつ効果的な使い方について解説します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 1: ズルいグラデーション CSS3ではグラデーションを扱えるようになったことから、画像を使わずに自在にグラデーションを描画して、CSSだけでよりリッチなビジュアル表現が可能になりましたが、一口にグラデーションといっても、う
良いウェブサービスを支える「利用規約」の作り方
2013年3月19日紙版発売 2013年3月19日電子版発売 雨宮美季，片岡玄一，橋詰卓司 著 A5判／240ページ 定価2,508円（本体2,280円＋税10%） ISBN 978-4-7741-5594-4 ただいま弊社在庫はございません。 →本書の新版が発行されています。 本書のサポートページサンプルファイルのダウンロードや正誤表など この本の概要 「利用規約なんてどうせ読まれないし」 「まるごとパクればいいんじゃないの」 「免責しとけばなんとかなるよ」 と思ってませんか? 本書は，多くのベンチャー企業の支援を通じてウェブサービスに関するリーガルサポートを数多く手がけている弁護士と，スタートアップ企業から上場企業までさまざまな規模・業態の企業でウェブサービスの運営をサポートしてきた法務担当者2人が，その経験をもとに，「ウェブサービスを安全に・円滑に運営するために本当に気を配る必要のあ
[デザイン]角丸を使う理由、不自然な角丸について徹底的に分析した
角丸の話題が盛り上がってましたね 先々週webデザイナーである彩さん(@maritime_color)のブログDesign Colorで、角丸をどういう場合に使うか、という記事がすごい話題になってました！ デザイン時に注意したい角丸の使いかた | Design Color そしてその後、ナナメウエの変態イラレラー(褒めてます)すずきさん(@suzukisan__)もそれに続き角丸に触れる記事を書いたりしていました。 illustratorで角丸を扱う際の注意点 ※追記しました | ナナメウエblog 私も以前デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素という記事を書いたとき、角丸についてはさらっと触れるに留めたのですが、いずれもっとがっつり言語化したいものだと考えていました。 気になることもあったし、ちょうど良いので今回便乗して記事にしてみようと思います。 形状としての
![[デザイン]角丸を使う理由、不自然な角丸について徹底的に分析した](https://cdn-ak-scissors.b.st-hatena.com/image/square/9068d7a52b34c4de9a5be296ee0a927a28903d59/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F02%2Fdesign-rounded-corner-13-150x150.png)
illustratorで角丸を扱う際の注意点 | ナナメウエblog
先日、こちらの記事で角丸について詳しくまとめられていました。 その中で「角丸は中心にいくほど小さくなる」と書かれていたので、illustratorで扱う際の注意点をまとめました。 デザイン時に注意したい角丸の使いかた | Design Color illustratorで角丸を表現する方法 [効果] → [スタイライズ] → [角を丸くする]です。 ショートカットは⌘+Shit+Rに設定しています。 ちなみにiOSのアイコンでは114pxで角丸半径20px、512pxで90px、1024pxで180pxですので、アイコンのサイズと一辺の角丸の比率は17%って覚えとくといいかもです。 Photoshop効果を使った場合の角丸 左は角丸に粒状フィルムを適用したもの、右は粒状フィルムを適用した後にマスクをかけたものの拡大図です。 粒状フィルムなどのPhotoshop効果を適用した場合
Backbone.jsでつくるMVPなUIパターン【タブ】 | DevelopersIO
今回はBackbone.jsを使ってタブUIを作ってみたいと思います。デザインはTwitter Bootstrapをつかって以下のようにしました。 世界的に名高い企業の名前が並んでいますね。 デザインはhtmlを仮組みしてBootstrapで既にできていることにします。（本題と離れてしまうので…すみません＞＜） ボタンの部分に active というクラスをつけると選択中のデザインに変わり、 内容の部分におなじく active というクラスをつけると display: block; となり表示される仕組みです。 すべてactiveな状態 すべて非activeな状態 htmlはこちらです <div id='ui-tab'> <ul class='nav nav-tabs'> <li class="active"> <a href="#apple">Apple</a> </li> <li> <a
RequireJS＋Backbone.jsでモジュール管理されたWebアプリ開発 | DevelopersIO
Todoアプリもどきを作る 今回はRequireJSの理解を深めるため、Backbone.jsと組み合わせてTodoを追加するだけの簡素なデモを作ってみました。 Backbone.jsについても触れているため、記事が少し長いです。 お急ぎの方はページ下部にデモとサンプルコードがあるので、そちらをさくっとご確認ください。 RequireJS： http://requirejs.org/ RequireJS API： http://requirejs.org/docs/api.html Backbone.js： http://backbonejs.org/ なにができるの？ Webアプリを制作する際に、RequireJSを使ってBackbone.jsで構成されるModelやViewをモジュール化することで、開発時の管理コスト削減を目指します。 なお、モジュール化するとファイル数が増えて読み込み
ホームページ - Livlis
オンラインゲームの世界Livlisへようこそ！ ゲームを楽しみながら、お金を稼いでみませんか。オンラインギャンブルについて理解を深め、ゲーム戦略を強化するお手伝いをします。当サイトでは、オンラインギャンブルゲームの世界の魅力について、たっぷりとご紹介したいと思います。 ゲームは、非常に楽しいものです。しかし、お金を勝ち取るチャンスができると、さらなる面白さが加わります。ぜひこの機会にお試しください。 当サイトについて モバイルゲームやオンラインカジノは、ここ数年で、人気が高まってきました。スマホ用ビデオゲームやオンラインカジノゲームの分野では、国内市場は、世界の中でも最も成功を収めており、その影響力も大きくなっています。当サイトは、市場とユーザーに対して、さらに貢献していきたいと考えております。 当サイトでは、特に、モバイルゲームとオンラインカジノゲームの２つに着目しています。 モバイルゲ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
欠席カメラ
Forkwell - アウトプット志向エンジニアを応援するソーシャルポートフォリオサービス
http://clipie.it/osae