freezeframe.js basic, animate on hover. start & stop on click start & stop manually. start stop with overlay icon.
以前やったイラレで斜め45度の影付き文字の描き方のアピアランスを改良しました。 影の中の斜め線がやっぱりある方が便利かなと思ったので、線あり・ベタ塗りが選べるようにしました。 前回より工程がだいぶシンプルになってます。文字はアウトライン取ってないので打ち直しができます。 ↓文字を打ち変えてる様子。 ダウンロードデータ →斜め影改良版(CS5)をダウンロード 【アピアランスについて】 ・変形で文字を正面向きに戻す仕組みは前回と一緒です。 ・ある程度のズレや割れは仕方がないとあきらめ、ざっくり作っています。 ・全体に3Dを加えることで捨て文字や位置合わせの手順を無くしました。 ・アピアランスを2段階に分けてかけるためにグループ化をはさんでいます。 【使い方】 ・フォントはなるべくシンプルで太いもの(新ゴみたいなの)を選んで下さい。(ダウンロードデータは小塚ゴシックH。) ・色の変更はカラーを編
デザイナーでなくとも、デザインについてのいくつかのルールを知っておくと、日々の生活で何かと役に立つ。今回は、誰もが知っておくべきデザインの基本原則・テクニックを紹介する。 1.デザインの基本原則を覚えよう 1-1.「1/3ルール」を覚えよう レイアウトや写真の構成を考えるときには、黄金比*1よりも「1/3の法則」が便利だ。上の図のように、全体を9等分割したとき、各線の交点(図の丸点)に主張したいモノを配置するようにする。これだけで、不思議とスッキリとしたデザインになる。技の1つとして覚えておこう。 1-2.端をそろえて線をつくろう 写真や文などの「要素の端」をきちんとそろえると、きれいに整理されて見える。これはデザインにおいてとくに重要な基本ルールだ。全てをそろえる必要はないが、縦にいくつか要素を並べる場合は常に意識しよう。 1-3.視線の流れを意識したデザインにしよう 情報がたくさん詰め
@cappeeです。 デザインで吹き出しを使う機会って多いですよね。 そんなデザイナーの強い味方、CSSで簡単に吹き出しをつくってくれるジェネレーターくんをご紹介します。 シンプルな吹き出しを直感的に作れる「CSS ARROW PLEASE!」 CSS ARROW PLEASE! 設定も簡単でシンプルな吹き出しをさくっとつくってくれるジェネレーターです。 複雑な指定が必要な吹き出しは「Grad3」 Grad3 ベンダープレフィックスの指定やシャドウまで一気に指定することができるのでとても便利です。 そもそもCSSでどうやって吹き出しをつくってるの?という方はこちらをご覧ください。 CSSだけで吹き出しを作ってみる 三角の作り方
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
近年、よりプログラミング言語習得の注目度が上昇しています。 インターネット上でプログラミングが学べるサービスも多数登場していますが、いざ勉強を始めてみると難しいと感じたり、興味はあるけれど敷居が高いと感じてしまうこともあります。 今回は、未経験者や経験の浅い著者がプログラミングを学んだ成果を記録している記事をご紹介します。 プログラミングをこれから学習する方にとって参考になる内容となっていますので、ぜひ目を通してみてください。 未経験者がWebサービスの作り方を学んで成果を記録した記事 1.ノンプログラマーが3ヶ月でWebサービスを作ってみた|Qiita http://qiita.com/tabbyz/items/6513e84f319843c316d5 プログラミング関連の知識を記録、共有するサービスQiita内の記事です。 ノンプログラマーで趣味でたまにプログラミングをする程度という筆
Webデザインで背景を作成するときは、基本的にPhotoshopなどでデザインしたものから画像を書き出し、CSSで繰り返し表示をします。一方でPhotoshopを使わずにブラウザ上でコーディングしながらサイトを作るという方法も最近ではよくある話。 そんなときに活用したいのが、Webサイトの背景を簡単に作れるパターンジェネレーターです。ブラウザ上でパターンをチェックしながら作成し、簡単に利用することができるので、背景作りに困ったらこちらで紹介するパターンジェネレーターを使ってみるのをオススメします。 この記事ではWebサイトの背景作りにおすすめしたいパターンジェネレーターを紹介します。 簡単に背景を作れるパターンジェネレーター patternify こちらはピクセルを埋めていくことでシンプルなパターンを作成するツール。モノクロだけでなくカラーパターンも作れます。作ったパターンはcssにコード
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
サイト運営にアクセス解析は必須だ。 自サイトに訪れるユーザーがどのような経路でどのページに辿り着き、何分間滞在して何ページ遷移してから、最終的に離脱するのか。見て欲しいページを見てもらえているのか。新しいサイトデザインは効果が出ているのか否か。ユーザー行動を分析し、それをもとにトライアル・アンド・エラーを繰り返すのがサイト運営だ。 ただ、正直なところアクセス解析の必要性は感じつつも気乗りしないと言う人も多いだろう。多くの人はGoogle Analyticsを使用していると思うが、使い方がよく分からない、と嘆く人も多い。 今回紹介する「Pt engine」はGoogle Analyticsに対して苦手意識を持つ人こそが試してみるべきアクセス解析サービスだ。サイトの分析を視覚的に行う事ができる上に、使いやすいフィルタリングでセグメント分けも可能。各デバイスごとのヒートマップ解析機能も利用できる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く