デモページ [ad#ad-2] 実装 全コードはデモページに記載されているので、ここではラインのスタイルをピックアップします。 HTML マークアップはシンプルなリストで、ul要素にclassを指定するだけです。 <ul class="container"> <li>First list item</li> <li>Second list item</li> <li>Third list item, etc.</li> </ul> CSS 両端がフェードするラインはCSS3グラデーションで、linear-gradientを使います。 シンプルに書くと下記のようになります。 background–image: linear–gradient(rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0)); 両端が「0」で、真ん中が「1」です。 また、このグラデー
まずは記事を持って献本御礼とさせて頂きます。 WordPressがたまに指摘される動作スピードの 問題を追求し、パフォーマンスを改善する為の 書籍・WordPress高速化&スマート運用必携ガイド です。常に求め続けられているサイトのスピード は制作者に取って、とても重要な点ですね。 ご献本頂いたをかもと(@wokamoto)さん、有難う御座いました。 WordPressはたまに動作の問題で議論が生じます。利用者の多いCMSですし、動作はサーバーの問題も関わってくるので致し方ないことですが、WordPress=重い、という先入観を消してくれる一冊です。 ユーザーが求めるものは基本的に変化していきますが、絶対に変わらないのが「表示スピード」です。「表示されるのが速いからもっと遅くしてほしい」とは一人も思わないでしょう。 これはWeb制作者全員が目指すべき改善点でもあります。また、表示スピード
不況で冷え込んでいたIT業界の転職市場に、回復の兆しが見え始めている。だが、業種や職種によって採用数や条件に大きな差異が生まれている。転職市場の動向を追い、自身のキャリア戦略立案に生かしてほしい。 2月のIT業界求人市場まとめ 期末は、多くの企業が採用活動を活発化させる時期。複数の分野で「急募」の求人が増加した。 通常求人の内定率が10％前後であるのに対して、急募求人の内定率は20％と跳ね上がる。そのため、求職者は迅速に応募して最短スケジュールで面接予定を組むなど、スピーディな動きで対応していた。 Web業界 選考を同時に行う会社説明会が、増えてきている。この形式は、優秀な人材を早く採用したい企業側と、選考過程を短縮するチャンスがある求職者側、双方にメリットがある。今後しばらくは、会社説明＆選考会を実施する企業が増加しそうだ エンジニア：ソーシャルアプリのコンテンツ幅が拡張→採用が活発に
ここでいう「デザイン趣意書」はそんな大それたものではなく、テキストエディタにちょいとデザインの要点を箇条書きした程度のものです。 完成したデザインをディレクターに提出するときや、ディレクターがクライアントや代理店にデザインを確認するときに使うアレです。これが改めて大事だなって思ったので書き留めておきます。 「デザイン趣意書」に書くこと この趣意書の一番の目的は「なぜこのデザインにしたか」を、ディレクターやクライアントにわかりやすく伝えること。Webに関して素人のクライアントも多くいるので、どんな細かいディティールよりも、はっきりとしたわかりやすい理由のほうが納得してもらえることが多いです。 趣意書に含めている内容としては、 ・なぜこのデザインにしたのか (サイトの目的やターゲットユーザーなどから) ・どんなところを工夫したのか (デザインの付加価値) ・ユーザーに対してどんな効果を狙
Pretty Pie Menu Demo ゲームに出てきそうな円形メニュー実装jQueryプラグイン「Pretty Pie Menu」 次のような円形のメニューを実装できます。アニメーションがカッコいいので実際に見てみましょう デモページ 使い方は以下のようにオプションを渡すみたいです。画像は自分で作れるので画像を変えれば全く印象の違ったものを作れそうです 関連エントリ リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」 かなりクールなjQueryのメニュープラグインやチュートリアル集 ページスクロールでついてくるメニューを実装＆色々カスタマイズできるjQueryプラグイン「stickyFloat」 通知件数表示付きのメニュー実装jQueryプラグイン「Notification Menu」 折り畳み可能なシンプルツリーメニュー実装jQ
ソフトウェア開発の現場では、特定作業に特化した専門家による分業開発から、個々人が幅広い作業をこなす多能工による開発といった方向に変わりつつある。アジャイル開発プロセスそもそも多能工を前提としている。また、全般的なソフトウェア開発プロジェクトが大規模より中小規模・短工期にシフトしていることが、専門家(単能工)による開発を難しくしつつある状況も、開発エンジニアの多能工化を後押ししている。しかし、多能工によるソフトウェア開発はベストプラクティスかというと、そうではないと思う。多能工アプローチの問題点について考察して望まないと、思わぬところから足をすくわれる事がある。 なぜ多能工なのか？専門家(単能工)はなぜだめなのか？ ファクトリー型アプローチは一時期流行し、いまなお一定の価値をもってはいるが、ほとんどのアプリケーション・ソフトウェアの開発には、現在これよりも有効な手法が存在している。 ソフトウ
ユーザー層が拡大するのに加え、次から次に新興サービスが登場するソーシャルメディア、モニタリングやリサーチだけでもその手間は大変な上、ましてや自らも参加して対話していこうとすると運用にかかる時間は増えるばかりですよね。今回はそんなマーケッターの悩みを少しでも解消するためのソーシャルメディア運用管理ツールを無料で使えるものに限って50集めた記事を紹介します。英語版が大半ですが、日本語でも使えるサービスもあり＆日本ではまだ無い新規ウェブサービスのアイデアも満載な保存版記事です。 — SEO Japan 2,3年前、Jay Baerが「今日私が取り入れる39のソーシャルメディアツール」というソーシャルメディアマーケッターにとっては全てが入ったツールキットとなった（今もそうである）素晴らしいブログ記事を書いた。 その記事が配信されてからの2年間で多くのことが変化したため、今回は、あなたが毎日使用する
2006年の発売当時に紙書籍で購入し、最近PDFで買い直してKindleに突っ込んでいた エンジニアのための時間管理術を 読み直していて、自動化について記載されていたので自戒をこめてまとめておく。 古い本ですが、エンジニア(特にインフラエンジニア)の時間管理術に関しては今でもこれが一番かと思います。 自動化の目的 自分の仕事を減らす。作業時間の短縮や勝手に処理が実行される。 他の人に作業を委任する。委任出来るようにする。 自動化すべきものと自動化すべきでないもの 一度だけ行う単純な作業は自動化すべきでない。(自動化することのほうが時間がかかる) 一度だけ行う難しい作業は自動化すべき。(作業の記録を残すことができる。再びその作業に出会うときに役に立つ。一度あったことは再びあることが多い) 頻繁に行う単純な作業は自動化すべき。(自動化の効果が最も高い。自動化に投資した時間はすぐに報われる) 頻
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.
ブログを書いている人もこれから書こうとしている人も「どうせならば1人でも多くの人に読んでもらいたい」と思っているはず。あなたはどうだろうか？ 2012年になってから毎月のアクセス解析を公開しているが、今年に入ってからはありがたいことに毎月30万PVのアクセスを頂いている。 「1人でも多くの人に自分の記事を読んでもらいたい。」 この思いを持って悩み続けた僕自身が、それを実現するために日々行なっていることをまとめてみた！かなり長いが、同じ悩みを持っている人がいれば、是非参考にしてもらえればと思う。 それではいってみよう！ はじめに 今回書いているのは「ブログのPV数を毎月30万にするための戦略」である。 PV数は閲覧されたページ数の総数を意味する。逆に、よく対比で使われるUA数とは、ブログにアクセスしたユーザーの総数を意味する。僕が2つ記事を読んだとすればそれは2PV、1UAである。 今回書い
【スマートフォンのユーザビリティチェックリスト】 1.小さくし過ぎない、詰め込み過ぎない 2.バラつきを無くす 3.タップしたオブジェクトは反応させる 4.画面遷移アニメーションを設定する 5.画像の解像度はきちんと合わせる 6.実装側でもデザインする 7.ローディング中も画面操作できるようにする 8.真っ白なローディング画面を避ける 9.更新頻度の低いコンテンツはローカルで保持する 【スマートフォン向け開発】ユーザビリティチェックリストを作ってみた http://masaki0720.tumblr.com/post/19192937336 【Android設計のポイント】 Android では画面上になるべくボタンをおかないAndroid 端末ボタンを効果的に使うAndroid には Notification、ウィジェットもある
Casual Slider [ad#ad-2] Casual Sliderの特徴 Casual Sliderのデモ Casual Sliderの使い方 Casual Sliderの特徴 Casual Sliderは実装が簡単で、シンプルながら充分な機能を備えたコンテンツスライダーです。 4KBと超軽量のスライダー タイマー機能付き あらゆるHTMLエレメントを配置可能 全てのメジャーブラウザをサポート カスタム ナビゲーション セットアップが簡単 アニメーションの種類は多数 デフォルトのテーマも用意 Casual Sliderのデモ デモもシンプルですが、Casual Sliderの使い勝手が分かると思います。 各パネルに半透明のキャプションも表示できます。 Casual Sliderの使い方 HTML 各パネルはリスト要素で実装します。 <div id="slider"> <div cl
使いどころもありそうだったので 備忘録。文字をアニメーションし ながら少しずつ表示させていく様 なエフェクトを実装できるjQuery プラグイン・Lettering Animate です。 プロダクトのキャッチコピーなんかもこの方法でユーザーの視点を誘導出来るかもしれないですね。Flashでは昔からよく見かける表現かもしれません。 lettering.jsにアニメーションエフェクトを追加したものになります。8種類のアニメーションエフェクトが用意されていました。 以下動作サンプルです。 Sample コード <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script type="text/javascript" sr
Fireboot 「Fireboot」は、Firefoxにインストールされているアドオンから使っていない不要な言語ファイルを削除して、Firefoxの起動を大幅に高速化することができるソフトです。Firefoxの起動や動作が「重い」と言われる理由の一つに、アドオンと呼ばれる拡張機能の存在があります。 アドオンのファイルサイズ自体はZIP形式で圧縮されているためそれほど大きいものではありませんが、Firefox起動時にインストールされているアドオンを読み込む際、いったん解凍してから読み込む必要があるため、アドオンの種類によってはこのプロセスに非常に時間がかかってしまうものがあります。 またFirefoxのアドオンには通常複数の言語ファイルが含まれており、どのような言語環境でも問題なく使用できるようになっていますが、その反面ユーザーにとって不要な言語も含まれているため、これがFirefox起動
圧縮後のJavaScriptやコンパイル後のCoffeeScriptでも、ブラウザ上で元のソースを参照できる新技術「Source Maps」登場 JavaScriptをデプロイする際には、できるだけ小さくするために余計なスペースや改行を取り除き、さらに関数名なども変換して圧縮することがあります。しかし圧縮後のJavaScriptにバグが見つかるとそのままではデバッグしにくいため、いちいち元のソースコードに戻してデバッグしなければなりません。 Webサイト「HTML5 Rocks」の記事「INTRODUCTION TO JAVASCRIPT SOURCE MAPS」で紹介されたWebブラウザの新技術「Source Maps」は、圧縮状態のコードを実行していても元のソースコードを参照しながらデバッグできるだけでなく、CoffeeScriptのようなJavaScriptへ変換する言語であっても、
Windowsは優れたOSですが、ラップトップに不満がある人も多いでしょう。あなたがMacユーザやMac愛好家であれば、MacのハードウェアにWindowsをインストールしたいと思うかもしれません。そこでこちらでは、『Boot camp』の簡単なインストールガイドをご紹介するので、ぜひ参考にしてみてください。 ■なぜWindowsをインストールするのか 筆者はWindowsの大ファンですが、PC本体にはいつも失望しているそうです。特にラップトップには本当にガッカリするとか。トラックパッドが使いにくく、キーボードは安っぽく、サイズも無駄にでかいものが多いです。そこで彼は古いMacBook Proを売った後、結局はMacBook Airを買ったとのこと。しかし、使用時間の99％はその上でWindowsを立ち上げて使っているそうです。 ニーズは人それぞれ違います。特定のWindowsプログラムを
現在39歳、IT業界にいながらパソコンの前に座ることが辛くなってきたディレクターの谷口正人です。 その為、担当している広告企画も、現在では外に撮影しにいく機会が増えているのですが、パソコンの前に長く座って記事を作るよりも、外に出て作った方が好評だったという事を今回レポートします。 ケーススタディ１. ライフネット生命とのコラボ企画 例えば最近担当した企画では、ライフネット生命さんが保有契約数10万件を突破されたことを祝い、「10万」をキーワードに、「10万回納豆を混ぜてみるとどうなるか？」「10万世帯を囲む超巨大なライフネット生命のロゴをGPSで描いてみる」などのバカなチャレンジをしました。作業の大半はロケの準備や撮影という体を使ったものでした。 ライフネット生命 保有契約１0万件おめでとうサイト この企画は昨年末から年始にかけた１ヶ月半の掲載だったのですが、ツイッターで1,530回つぶや
next49 @next49 @yukihiro_matz 私は大学で助教をしているのですが、今年の卒論生は配属当初「プログラムが不得意で、嫌いです」と全員言っていました。ですが、RubyとRailsを使ってWebアプリケーションを作るテーマで開発をさせたところ、意見が変わっていました。 2012-03-23 01:09:04 next49 @next49 @yukihiro_matz 全員が「結構、プログラミングって面白い」「Rubyならプログラム嫌じゃない」というようになったのです。そこで、彼らにどうしてプログラムが嫌いだったのか聞いたところ、入学当初にならったC言語が難しくて、それから嫌になったとのことでした。 2012-03-23 01:10:51
このたび会社を退職することが決まり、デザインについてほとんど初心者である後輩に対して私の思考を託す時が来ました。 私自身WEBシステムの制作を手がけたことはなく（ないのかよ！！と全力でつっこんでおｋ）今度のプロジェクトでうちのチーム初のWEBシステム制作案件があるそうなので、デザインする時のポイントなどを自分なりにまとめてみました。 私は携われないんですけどね＼(^o^)／ 様々なWEBシステムのデザイン よいデザインはデザインをする対象（今回はWEBシステム）のことを知らなければ出来ません。 自分の考えだけでデザインをはじめると、思考の偏った使いにく～いものになってしまう恐れがありますので 必ず調査をしましょう。 そして、何故その要素がそこに配置されているのかを考えましょう。 以下に様々なWEBシステムのキャプチャと 超稚拙で言葉足らずな安易すぎる説明を掲載します。 ですが、掲載されてい
Webサービスのプロモーション？について個人的にまとめてみます。 Webサービスができたら想定するユーザーに使ってもらわないと寂しいところです。 そこでWebサービスを多くの人に知ってもらうための宣伝をしましょう。 今回はサービスを作った作者が一人でできる範囲を考え、 以下の3つの手段を使った初期のプロモーションについて僕なりのやり方を紹介します。 プレスリリース 自身のBlogでの紹介 Twitterでの拡散、はてなブックマークでの注目 今まで僕は個人で、もしくは「会社名義だけれども一人で」WebサービスやiPhoneアプリを作った際に、 上記のツールを使いながら意図的に宣伝を行い効果測定をしてきました。 プロモーションのプロではもちろん無いながらも工夫と、ある程度の努力をしています。 中には全く不発のもあり、とはいえ、それはサービス自体がそもそも面白くないケースがあったりで、 だんだん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く