[デザイナー向けGit解説] みんなで開発できるGitのカタチ | uniq-style
私のまわりには「バージョン管理が未体験」なデザイナーさん多いです。 デザイナーでも、プログラマーと一緒に仕事すると、Gitやsvnを使うことになると思うんですが、Gitとかsvnはまず「その仕組みとかカタチとか」が、デザイナーにとっては分かりにくいと思います。 そんなわけで（元）デザイナーの私が、理解してる範囲のことを分かりやすい言葉で解説してみます。 例の図を描いてみました。 だいたいこんな感じなのですが。。。 解説すると みんなの場所 プログラマーの人がremote（りもーと）とかorigin（おりじん）とか言ってる場所です みんなのファイル共有置き場です branch（ぶらんち）というものがあります。branchはプロジェクトやリリース毎や機能ごとに作られます。 図では「デイリーランキング機能追加用のdaily-rankingというbranch」「検索ページリニューアル用のse
Basic Logo Design Process
2013年3月25日 Webデザイン 企業のイメージを明確にすることを「ブランディング」と呼びます。企業ロゴはそのブランディングが色濃く反映され、企業のイメージを左右する重要な部分です。今回は「ロゴとはなんぞや？」というところから、私のロゴを実例に、ロゴの制作手順を紹介しようと思います。 ↑私が10年以上利用している会計ソフト！ 先日「ロゴデザインする時の参考に！ロゴデザインギャラリーのオンパレードと注目記事色々！」という記事内で、なるほどな、と頷ける文章に出会いました。 WEBサイトは、エンドユーザーに伝わらないデザインだとわかればリニューアルするけど、ロゴデザインはエンドユーザーに伝わらないからと言って作り変えることは殆ど無い。それはつまり、ロゴはお客様の為に作るんじゃないと、ロゴは自分たちの意思や考えの象徴でもあるからそんなに簡単に変えるわけにはいかない、自分たち（ロゴに込められた物
WordPressの管理画面のデザインをFacebookっぽく変更するプラグイン・Blue Adminで思いのほか見やすくなった
思いのほか見やすくなったので 備忘録も兼ねてシェアします。 WordPressの管理画面のデザイン をFacebookライクにしてくれる プラグインです。これは結構 いいかもしれない。 失礼な話ですけどテストするまでさほど期待していませんでした。実際に試したら結構見やすかったので管理画面のデザインの参考にもなりましたよ。プラグイン自体はFacebookを意識したとは書いていないんですけどかなり似ています。 プラグインを使用した際のWordPressの管理画面です。実際に見たほうがピンと来るかもですけど、かなり見やすい気がしました。このまま納品物に使う事はありませんけど、テキストや余白具合がいい感じなので上手く利用すれば結構工数減らせそうです。 ↑ 比較です。ウィンドウサイズとキャプチャしたページは統一してあります。 ↑ デフォルトの管理画面はサイドメニューとメインエリア、アイコンのカラース
[JS]FlashもHTML5も無しで、美しいアニメーションを実装するスクリプト -jCSML
FlashもHTML5もSilverLight, SVGも使わずに、IE7+, iPhone, iPad, Androidで動作するアニメーションを作成できるjQueryのプラグインを紹介します。 jCS Media Library [ad#ad-2] jCSMLの対応ブラウザ jCSMLのデモ jCSMLのダウンロード jCSMLの対応ブラウザ jCSMLの対応環境は下記の通りです。 HTML5非対応のIE7でも、Flash非対応のiPhoneでも動作します。 IE7+ Firefox3.6+ Chrome Safari iPhone iPad Android jCSMLのデモ jCSMLの多彩で美しいデモをいくつか紹介します。 各デモはチュートリアルも兼ねており、コードも一緒に掲載されています。
img要素でCSS Spriteする方法
「CSS Sprite」は背景画像などの複数の画像ファイルをひとつの画像にまとめて、画像の中から表示させたい部分の座標をbackground-positionプロパティで指定するという手法です。これにより画像ファイルのHTTPリクエスト数を減らすことができます。 この手法は背景画像での利用が一般的なのですが、img要素でも利用することができるようなので、本エントリーで紹介します。 本エントリーでは、次のソーシャルブックマークボタン用の4つの画像を1つにまとめて、CSS Spriteを行ってみます。 背景画像の場合はbackground-positionプロパティでさくっと表示できるのですが、img要素として表示させるのにかなり苦労しました。ということで、コピペで使えそうなサンプルも用意しました。 「そういう場合、背景画像に変更するのが本来では？」というツッコミはなしでお願いします（笑）。
スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌
QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそう モバイルということで3G回線にも配慮した13KBは嬉しい。 今後はローテートやピンチイン・アウトにも対応予定だそう 実装はjQueryライクで超簡単。 関連エントリ たった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」 スマートフォンでの指ジェスチャの説明に使えるアイコンセット「Cue」
CSS3アニメーションをjQueryで使いやすくするプラグイン「jQuery Transit」:phpspot開発日誌
jQuery Transit - CSS3 animations for jQuery CSS3アニメーションをjQueryで使いやすくするプラグイン「jQuery Transit」。 CSS3のanimation、transitionアニメーションがありますが、これをjQueryのanimate風にしてより直感的に使いやすくするものです CSS3にアニメーションを書くのは気持悪いという方は、こうしたライブラリを活用してみるとよいですね 使い方は以下のように、animateの代わりに transition というメソッドを使うというものです。 $('.box').transition({ x: '90px' }); コードとデモの例 他にも３Dに回転するアニメーションやイージング等、アニメーションはこれでOKというぐらい多彩なアニメーションが可能です。 組み合わせることでダイナミックな表現
ブラウザ上でサインを書けるjQueryプラグイン「jSignature」:phpspot開発日誌
jSignature ブラウザ上でサインを書けるjQueryプラグイン「jSignature」。 CanvasかFlashで描画出来るので多くのブラウザに対応。ウェブサイトにサインを導入したい場合に使えるかも 実装は以下のように超簡単です <script src="libs/jSignature.min.js"></script> <div id="signature"></div> <script> $(document).ready(function() { $("#signature").jSignature() }) </script> データをSVGのbase64形式で取得できたりもするみたい デモページはこちら サイン書いてみました（＾＾） 関連エントリ アイテムを浮遊させられるjQueryプラグイン「jqFloat」 一見普通のテーブルだけどExcel風に使えるjQueryプ
Creating an Animated 3D Bouncing Ball with CSS3 | Codrops
In this tutorial we’ll create an animated 3D bouncing ball using only CSS3 transitions, animations and shadow effects. Hi guys! Today we are going to see another great example of how to use the power of CSS3. We will start by creating a very cool and realistic 3D ball with pure CSS3 properties, and add a little CSS3 animations for giving the ball a “bouncing” effect. Please note: the result of thi
Animated 3D Bar Chart with CSS3 | Codrops
A tutorial on how to create an animated 3d bar chart using CSS only. It all began with a small experiment that was inspired by a tutorial from Nettuts+ which shows a way how to embed a 3D bar chart into HTML pages using CSS, images and JavaScript. After reading the tutorial I challenged myself to turn this idea into pure CSS and see how far I can take it. The initial challenge was to create a clas
スマホ用サイトに使えそうなドロップダウン実装jQueryプラグイン「DropKick」:phpspot開発日誌
DropKick - a jQuery plugin for beautiful dropdowns スマホ用サイトに使えそうなドロップダウン実装jQueryプラグイン「DropKick」。 次のような白と黒のデザインでドロップダウンを実装できます。単なるselectボタンを $('.default').dropkick(); な感じで初期化してあげるだけで簡単。 黒のピカピカした感じもいいですが白のプレーンなデザインもいいですね カスタムテーマをCSSで作ることもでき、作り方はページ内で解説されています 関連エントリ 通常のフォームを瞬時にAjax化できるjQueryプラグイン「ALAJAX」 フォームをカッコよくするjQueryプラグイン集１５ フォーム要素をクールにするためのjQueryプラグイン集
超カッコいいローディングを実現できるjQueryプラグイン「Percentage Loader」:phpspot開発日誌
Percentage Loader 超カッコいいローディングを実現できるjQueryプラグイン「Percentage Loader」 次のようなカッコいいローディングが簡単に実装できます。Canvas描画なのでサイズ変更等も自由にできるみたい 超シンプルに実装可能です なんとなくローディング後の画面を期待させる物となっていますので、ローディング後も気合を入れたいところですね 関連エントリ HTML5でプログレスバー付きファイルアップロードを実現する例 プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」
selectボックスを超カッコよくするjQueryプラグイン「Chosen」:phpspot開発日誌
Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better selectボックスを超カッコよくするjQueryプラグイン「Chosen」 味気ないselectのデザインをゴージャスかつ多機能に変えてくれるプラグインです。 左が普通のselect。これをカスタマイズして右のイメージに。インクリメンタル検索ができるので項目数が多くてもOK タグ選択っぽいインタフェースにすることも出来ます 選択時のイメージ。カッコいい。 BootStrapライクなデザインなので組み込んでしまっても違和感ないかもですね 関連エントリ 中身が画像のselectボックスを作るjQueryプラグイン デザインがよくて複数連動可能なselectボックス作成jQueryプラグイン カッコいいselectボックスを作成でき
著作権法改正：何が違法で何が合法なのかまとめてみた | 栗原潔のIT弁理士日記
違法ダウンロード行為へのの刑事罰適用、アクセス制御を回避しての複製の違法化等を含む著作権改正法案が、6月15日に衆院で可決されました（参考記事）。このまま参院も通過して改正が成立してしまう可能性は高いと思います。 本来であればこのトピックについてはもっと早く触れておくべきでしたが、いろいろと忙しくてブログが更新できておらずどうもすみません。 さて、メディアの記事タイトルで「リッピング違法化」などのちょっと省略し過ぎの用語が使われていることもあってか、一部で混乱が見られるようです。そこで、まずは、何が合法で、何が違法なのか、さらには、犯罪になるのか否かについてまとめてみます。 １．CDからのリッピング行為→今までもずっと合法です。今回の法改正が成立しても合法です。 通常のCDには著作権法上の「技術的保護手段」に相当するコピー制御もアクセス制御も施されていませんので、個人またはそれに準ずる範囲
米国のSEOエキスパートたちが語る、最新SEO情報 総まとめ at #SMX Advanced Seattle 2012
[対象: 全員] 今週月曜日から公開してきたSMX Advanced Seattle 2012のレポートもこれが最後になります。 僕が参加したセッションのなかからこれはいい情報になると感じたものをひたすら列挙します。 セッションスピーカーの独自の調査や見解を反映したものです。すべてが正しいという保証はありませんがきっと参考になるでしょう。 では行ってみましょう。 SMX Advancedから持ち帰った最新のSEO情報 SEO全般 予算を使う準備ができていなければリンクを得ることはできない。 アーティクルマーケティングが最重要。 パンダやペンギンから逃れたとしても次はわからない。どんなサイトも10%のリンクは悪いリンク。そのリンクが問題になる。不安要素は今から解消しておく。 Authorship（著者情報）はランキングにポジティブに働くか？ ⇒ CTRの上昇に役立つ。 IPアドレスでユーザー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LINE 非公式 API を使ってログイン — Gist
フリーのハイクオリティでレスポンシブなWordPressテーマ３０:phpspot開発日誌
Creating an Animated 3D Bouncing Ball with CSS3
Animated 3D Bar Chart with CSS3