placeholderをIEでも使えるようにするjQueryプラグイン「ah-placeholder.js」｜株式会社アクトゼロ｜クリエイティブブログ
placeholderとは placeholderとはweb上の入力フォームで、入力文字のヒントを予め表示しておき、 ユーザに入力値のヒントを与えるものです。 html5では標準となっており、以下のように記述します。 こうすると、実際の表示ではグレーで表示されます IE対応 Internet Explorer（以下IE）では9になってもなおhtml5には 完全には対応されておらず、placeholderも対応していません。 ですので、placeholderを使わずにJavaScriptを使いほぼ同じの動作を実現することも可能ですが、 せっかくhtml5で新しく用意された属性を使わないのは残念ですよね。 そこで今回はjQueryのプラグイン「jquery.ah-placeholder」を使用します。 これを使うとIEでもplaceholderが有効になります。 jquery.ah-place
エディトリアルデザインから盗め！女性誌に使われているデザインを見てみた｜アクトゼロ｜SMMやSEMを中心としたデジタルマーケティング会社
こんにちは。年末ですね。クリスマス、忘年会、年越し、お正月と忙しい時期でしょうか。お仕事もラストスパート頑張りましょう。 最近ランディングページでも、フラットなデザインだったりわりとシンプルなデザインを作ることが多くなってきている気がします。昔のようにごりごりに装飾を使うというよりも、“今っぽい”シンプルおしゃれなものを作りたいですよね。そこで参考になりそうなものが、雑誌のデザイン(エディトリアルデザイン)です。紙とWebなのでそのまま真似るのは難しいですが、ちょっとしたあしらいなら参考にできそう！今日はそんなあしらいを紹介します。 版ズレ風文字 カンタンだけど結構おしゃれに見える、そんなあしらいです。基本的には濃いフチに薄い色をズラすのが良いかと思います。見出しに使えそう？ 鉤括弧 鉤括弧といっても普通の「かぎかっこ」ではなく、細めに大きめに、テキスト全体を囲うように使うのがポイント。こ
Brakets拡張機能のススメ!!【2013年8月版】｜株式会社アクトゼロ｜クリエイティブブログ
BraketsはAdobeがリリースしているオープンソースのテキストエディタです。 最近、色々なところでEdge codeと共に取り上げられていることが多いようですが、そのシンプルで多彩な機能と同じく注目していくのは拡張機能だと思います。 拡張管理はURLを入力するだけ簡単にインストールすることができます。 その中でもBraketsの個人的オススメ拡張機能を上げてみます。 ちなみに拡張機能はここでリストになっています。 https://github.com/adobe/brackets/wiki/Brackets-Extensions 拡張機能のインストール方法【Brakets28の場合】 ファイル→拡張機能マネージャー→URLからインストール or 【入手可能から選択】 オススメ拡張機能一覧 とりあえず入れておきたい Emmet(Zen cording)— コーディングスピードをあげるた
Facebookとは異なる？Twitter運用のコツ｜株式会社アクトゼロ｜プランナーズブログ
先週のIPO申請が各所でニュースになるなど、ソーシャルメディア関連の話題はもっぱらFacebookが独占している感がありますが、今回はあえてTwitterについて取り上げてみたいと思います。 まだまだ衰えを知らないTwitter、Facebookとは異なるその運用のコツについて、両者を比較しながら考えて見たいと思います。 TwitterのタイムラインとFacebookのニュースフィード まず最初に考えなければならないのが、運営側が発信した情報をユーザーがどこで目にするかということです。 Twitterであればタイムライン、Facebookであればニュースフィードになると思います。それぞれ、フォローした相手や購読した相手の情報が流れれてくるという役割を担っています。 しかし、実際にはいくつか注意しなければいけない、それぞれの特性があるのです。 Twitterはつぶやきと呼ばれていることからも
エンジニアと険悪にならない！ステキなPSD、6つの約束｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは。みなさん5月病になっていませんか？私は新人社員でもないのに半分陥りかけています。友達とぱーっと飲んだりしてストレス解消していますが、いい加減肝臓がやられてしまいそうなので自重気味です。。 さて、デザイン作業が平行すると、ついついPSD(Adobe Photoshop)ファイルの細かいところが疎かになりがちですよね。デザインプレビューのときは見えていない部分でも、コーディング作業をするエンジニアには「このデザインどうなってるの？」「ちゃんと考えて作ってよ！(当たり前ですが)」となんとなくでは作業出来ないことがたくさんです。今回はこれさえおさえておけばきっと大丈夫。エンジニアと険悪にならないPSDファイル作りについて書きます。基本中の基本ですが、忘れたりしてしまうんです…(すみません) その1.マウスオン画像はある？ 「すごく良いボタンを作れた！おしたくなるわこのボタン！」…で、こ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
