This domain may be for sale!
よく見かけるページングの処理で、下の方にスクロールすると自動的に次ページを読み込ませる処理をかんたんに実現してくれるjQuery.autopagerが便利でした。jQueryプラグインです。 導入がかんたんで分かりやすく、オプションも必要最低限のものがバッチリ揃っています。例えば、スクロールで下部までいったら自動的に次コンテンツを表示させるか、それともボタンをクリックして読み込むか、読み込み後にコールバックで関数を読み込ませるか、などなど。 jQuery.autopagerの導入方法 まず、jQuery本体とダウンロードしたjQuery.autopagerを読み込んでおきます。 そして、スクロールで自動表示させるなら下記だけでOK。 <script type="text/javascript"> $(function() { $.autopager(); }); </script> <
ペンギンやパンダアップデートでリンク構築に頼ったSEOは過去の遺物、、、とはならないのがSEO。同時に長年に渡って通用してきた限りなくスパミーなリンクトリックが通用しなくなってきたのは事実です。そこで今回はこれからのリンク構築に通用すると思われる基本的なリンク構築に関する考え方やテクニックを老舗SEOエキスパートが53まとめあげた記事をサーチエンジンランドから。あなたの知識の確認に最適。 — SEO Japan 好きか嫌いかに関係なく、リンク構築は今まで、そして、今もなお重要なビジネスとして健在である。リンク構築を成功させるには多くの時間とリソースが必要であり、大半のウェブマスター/サイトのオーナーは、自分でリンク構築を行うことが出来ない、もしくは望んでいないためだ。また、その他の検索エンジンマーケティングの領域を取り扱う多くの業者も、莫大なリソースが吸収されてしまうため、リンク構築をアウ
佐久間君は何も考えていなさそうなWeb制作会社の新入社員だった。「弊社はお客さまをパートナーと考え」と、いつもの口調で話し始め、自社開発のCMSの機能からスマホサイトの自動変換など、一通りの説明をしながら、私の作り笑顔に気付いてしまったのだろう。プレゼンを終えて雑談タイムに入ると「どうしたら上手に営業ができるんでしょうか」と尋ねてきた。「営業が出版社の編集に営業の仕方を聞くなんて」と思ったが、つまらなそうな顔をしてしまった後ろめたさもあって、「自分が知っているホンモノの営業は、自社商品を売らずに自分の顧客を売っている」という話をした。 営業が10人いたら、9人は自社の商品を売ろうとする。Web制作会社なら、CMSを導入しましょう、スマホサイトを作りましょう、リニューアルしましょう、プロモーション用のサテライトサイト作りましょう、という具合だ。顧客がCMS未導入、PCのみ対応サイト、10年間
TOP > Design > デザイン制作に使いやすいPhotoshop素材まとめ「80+ Absolutely Gorgeous Free PSD Files For Designers」 デザイン制作は全体のイメージを作り上げるのはもちろん、その工程ではさまざまなパーツ作りが必要となっていきます。しかし、一つ一つのパーツを作り込むには時間がかかり、全体の制作時間も増えていってしまいます。そんな中今回紹介するのが、デザイン制作に使いやすいPhotoshop素材をまとめた「80+ Absolutely Gorgeous Free PSD Files For Designers」です。 GraphicsFuel.com | Modern image slider (PSD) web制作に使いやすいインターフェース用の素材から、イラストやアイコンまで、さまざまな素材が紹介されています。
デフォルトスタイルシートの構造を知ることによって、闇雲に指定しているリセットCSSから抜け出すことができます。 ブラウザには、デフォルトスタイルシートというのがあり、ブラウザによってあらかじめスタイルシートが定義されています。 これによって、文章をHTMLで適切にマークアップをすれば、適度な間隔を保つようになっています。 しかしWebサイトを制作する上では、このデフォルトスタイルシートが障害になります。 理由は、ブラウザによって差があり、IE6, IE7, モバイルまで含めると、指定されている値が違うものが多くあるからです。 私は、1年前に各ブラウザのデフォルトスタイルシートを調べました。 現在のモダンブラウザでは、プロパティ名が違うものがありますが、概ね変わっていません。 具体的なデフォルトスタイルシートの例を挙げます。 以下は、平均的なデフォルトスタイルシートの一部です。 html {
※image via 003 FREE WEB GRAPHICSデバイスの多様化に伴い、拡張性の高いWebアプリの重要性が見直されています。サイバーエージェントのデカグラフを構成するサービスも基本的にはWebベースで作られていますが、これはアプリの改善スピードを上げたり、各サービス間の回遊性を高めるという狙いもあるようです。 ただし、スマートフォンユーザーはネイティブアプリ先行でサービスに触れているため、これまでのWebアプリでは当たり前だったことが、今ではストレスに感じてしまうことも多いです。HTML5の登場やJavascriptのライブラリの充実などにより、最近ではリッチなWebアプリを作る環境が急速に整ってきてはいますが、それでもスマートフォン向けに満足度の高いWebアプリを提供するハードルは非常に高いと言えると思います。 そこで、「もっさり&カクカク」な印象のあるWebアプリの操作
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. あなたは、しっかりとFacebookとブログを連携して運営することが出来ているだろうか? WEBマーケティングの業界で、日本でも知名度が上がってきたインバウンドマーケティングを実践するには、Facebookやブログ、Twitterをはじめとした各種ソーシャルメディアツールの有効活用は必要不可欠だ。 そこで本日は、効果的にFacebookとブログを連携させるための5つの仕組をご紹介する。 1.Facebookの「いいね!」の効果と設置方法ブログにFacebookの「いいね!」ボタンを設置する目的は、ブログコンテンツをソーシャルメディアによって拡散させることだ。単純に、ブログ記事に設置している「いいね!」ボタンが押されている数が多ければ多いほ
こんにちは、デザイナーの王です。「とりあえずタイトルに興味を持ったけどいまいちピンとこなかった」という方もいるのではないでしょうか。 ずばり、Photoshopのスクリプト機能を利用して、表題の作業を自動的に処理させるということです。僕みたいな怠け者で楽をしたい人にはぴったり! 今回主に紹介したいのは自作のスクリプトで、Webに特化した作業を簡単にしてくれます。 ダウンロードはこちら(ダウンロードが開始されます): https://liginc.co.jp/demo/2012/09/PhotoshopScripts.zip スクリプトを使うには? まずはスクリプトの使い方について説明していきます。 スクリプトをダウンロードし解凍したら、拡張子が「jsx」のファイルが幾つか入っていると思います。それらを下記のフォルダにコピーし、PCを再起動させます。 Windows:PhotoshopPre
知らない率95割!全然使わないデフォルトアプリをホーム画面から非表示にする方法 2012年09月05日 12:00 カテゴリ:iphoneの小技 ツイート こんにちは、ゆう(@YuuQ8)です。 使っていないデフォルトアプリって普通のアプリと違い削除することができず、ホーム画面に居続けて邪魔ということはありませんか? そこで今回はこのデフォルトアプリをホーム画面から非表示にする方法をご紹介します。 これで今までよりもホーム画面をスッキリと片付けることができるかもしれませんよ! 5つのデフォルトアプリを非表示に この方法で非表示にできるデフォルトアプリは、『Safari』『YouTube』『カメラ』『iTunes』『AppStore』。この5つをホーム画面から非表示にすることができますよ。 それでは方法を解説します。 まずはiPhoneの「設定」アイコンから、「一般」→「機能制限」をタッ
「はてなブックマーク」の開発者であり、またGREEにてソーシャルメディア開発を指揮した経験も持つ伊藤直也さん。この10年、日本のWeb業界の第一線を走り抜けてきた彼は、「ソーシャルメディア」というものをどのように捉えているのだろうか? 日本のソーシャルメディアを牽引してきた、トップエンジニア。 伊藤直也―。この10年、日本のインターネットビジネスの第一線で活躍しつづけてきた紛れもないトップエンジニアの一人だ。「はてな」の屋台骨を支えるCTOとして主要サービスである「はてなブックマーク」を開発。その後、フィールドを「GREE」に移し、ソーシャルメディア統括部長としてソーシャルゲーム・プラットフォーマーとしての急成長をエンジニアリングの面から支えた。 一方で、現在の「ソーシャルメディア全盛」の状況に対しては、やや懐疑的な立場をとることもあるのだという。それは一体なぜなのか?エンジニアとしてのキ
When it comes to web design, Contact form plays an important role and one of the most essential component for a website or blog. The contact form should display overall information and functionality of your website or business which help visitors to easily understand your business and website. A poor designed contact form will drive your customer away from your blog and can cause your business gro
こんにちは、keiです。 今回は、ブラウザからのファイルアップロードを実装する際に、お勧めなJavaScriptライブラリを4つご紹介致します。 ランサーズ上で、大容量ファイルのアップロード機能を実装することになった際に、以下の軸で調査した結果となります。 手軽に実装できる 見た目が今風 (大容量なので)アップロード中にプログレスバーが表示される Uploadify http://www.uploadify.com/ 複数ファイルアップロードが可能なjQueryプラグイン。 HTML5バージョンとFlashバージョンがあります。 長所 豊富なドキュメントとデモ 高いカスタマイズ性 短所 HTML5はライセンスが必要 Plupload http://www.plupload.com/ HTML5、Flash、Silverlightに加え、GearsとBrowserPlusにも対応し
もうこの時点で、本気か冗談かわかりません。だからこそ私は期待感を持ち、読み進めた結果、その直感が間違いではなかったことを実感しました。まず、「あなたの先延ばし度は」と「あなたの先延ばしのタイプは」の2種の自己判断テストが用意されている時点で実践的です。ここでそのすべてを紹介するのは難しいのですが、簡単な設問について答えを「ほとんど、ないしまったく該当しない」「あまり該当しない」「少し該当する」「大いに該当する」「非常に多いに該当する」から選ぶことで、自分の「先延ばし度」を把握できるのです。 さらに、「さぼる脳のメカニズム」や「失うものの大きさ」などを立証したうえで、13種にもおよぶ「先延ばし克服の行動プラン」が紹介されます。 ここから先が、ばかばかしくも実践的。たとえばこんな感じです。 川下り、山登り、バンジージャンプ、スカイダイビングなど、アウトドア活動や冒険的な活動をやってみる。 17
UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. The following is a guest post Nick Williams. Nick emailed me about a new library he created to assist in working with responsive design. Specifically, he was implementing an idea he found here on CSS-Tricks but wanted to do so more intelligently by only running the script wh
ペンキの飛び跳ねたような躍動感を表現できる Photoshopブラシとテクスチャまとめ「Paint Splatters Photoshop Brushes, Textures」 筆の振り方や、つけるペンキの量によって毎回違った表情を楽しめると人気の高い、ペンキや水彩絵の具を飛び散らせて表現するアート、また遊びを楽しんだことがある方もいらっしゃると思います。今回はそんなペンキの雰囲気を手軽に表現できるPhotoshopブラシとテクスチャをまとめた「Paint Splatters Photoshop Brushes, Textures」を紹介したいと思います。 カラフルな雰囲気を楽しめるペンキ・水彩のブラシやテクスチャがまとめて紹介されています。 詳しくは以下 splatters-ps-brushes.abr 水を含んだ水彩の独特な雰囲気や、ハケで表現したペンキの飛び散った雰囲気を表現できるブ
SpritePad is your free and easy-to-use web app for creating CSS spritemaps. It only needs seconds: Drag & drop your images onto the grid and have it immediately available as one PNG + CSS code. No fiddling in Photoshop, no manual assignment of CSS styles, no long-winded setups, SpritePad makes creating spritemaps as easy as writing your next e-mail. What SpritePad can do for you We are Kiss We’re
Depending on the type of website or app you’re building, there will always be some key areas to which you have to give more attention than others. One area that is critical to all types of websites, and requires more thought than others, is navigation. Menu items generally lead to a site’s most important pages or areas and help visitors navigate easier. And, as you have to consider multiple screen
アプローチ方法は違うものの、このdipと先程のデバイスピクセル比はほぼ同じ目的を持った機能です。 参考:Androidレイアウトの単位 – dpについて掘り下げる – アンテナ立てて viewport 仮想的なウインドウサイズです。 viewportがないと仮定した場合、デバイス幅320pxのiPhoneでインターネットにアクセスした時のウインドウサイズは320ピクセルとなり、通常のサイトを閲覧するには不便です。 そこで仮想的に大きいウインドウサイズとすることで、通常のサイトでもひと目で情報が見え、閲覧性や操作性を高まります。 viewportのデフォルト値は980ピクセルです。 (※iPhoneは980ピクセルで間違いないのですが全てのスマホで980ピクセルでしょうか? 情報が見つからなかったので知ってる方は教えてください) また、viewportの数値はサイト側で指定できます。 スマホ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く