これなしでは生きられない無料のソーシャルメディアツール50選 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
ユーザー層が拡大するのに加え、次から次に新興サービスが登場するソーシャルメディア、モニタリングやリサーチだけでもその手間は大変な上、ましてや自らも参加して対話していこうとすると運用にかかる時間は増えるばかりですよね。今回はそんなマーケッターの悩みを少しでも解消するためのソーシャルメディア運用管理ツールを無料で使えるものに限って50集めた記事を紹介します。英語版が大半ですが、日本語でも使えるサービスもあり＆日本ではまだ無い新規ウェブサービスのアイデアも満載な保存版記事です。 — SEO Japan 2,3年前、Jay Baerが「今日私が取り入れる39のソーシャルメディアツール」というソーシャルメディアマーケッターにとっては全てが入ったツールキットとなった（今もそうである）素晴らしいブログ記事を書いた。 その記事が配信されてからの2年間で多くのことが変化したため、今回は、あなたが毎日使用する
[書評] WordPressを高速化する方法がビッシリと書かれている「高速化&スマート運用必携ガイド」 - かちびと.net
まずは記事を持って献本御礼とさせて頂きます。 WordPressがたまに指摘される動作スピードの 問題を追求し、パフォーマンスを改善する為の 書籍・WordPress高速化&スマート運用必携ガイド です。常に求め続けられているサイトのスピード は制作者に取って、とても重要な点ですね。 ご献本頂いたをかもと(@wokamoto)さん、有難う御座いました。 WordPressはたまに動作の問題で議論が生じます。利用者の多いCMSですし、動作はサーバーの問題も関わってくるので致し方ないことですが、WordPress=重い、という先入観を消してくれる一冊です。 ユーザーが求めるものは基本的に変化していきますが、絶対に変わらないのが「表示スピード」です。「表示されるのが速いからもっと遅くしてほしい」とは一人も思わないでしょう。 これはWeb制作者全員が目指すべき改善点でもあります。また、表示スピード
![[書評] WordPressを高速化する方法がビッシリと書かれている「高速化&スマート運用必携ガイド」 - かちびと.net](https://cdn-ak-scissors.b.st-hatena.com/image/square/c5625cbe20567714c41d78d3412b43c4a445ab5f/height=288;version=1;width=512/https%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2012%2F03%2Fwpsho0.jpg)
[CSS]画像無しで、両端にいくにつれ薄くなるラインを描くテクニック
デモページ [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」です。 また、このグラデー
スマートフォンアプリやスマホサイトのUI設計をする際に参考になる記事
【スマートフォンのユーザビリティチェックリスト】 1.小さくし過ぎない、詰め込み過ぎない 2.バラつきを無くす 3.タップしたオブジェクトは反応させる 4.画面遷移アニメーションを設定する 5.画像の解像度はきちんと合わせる 6.実装側でもデザインする 7.ローディング中も画面操作できるようにする 8.真っ白なローディング画面を避ける 9.更新頻度の低いコンテンツはローカルで保持する 【スマートフォン向け開発】ユーザビリティチェックリストを作ってみた http://masaki0720.tumblr.com/post/19192937336 【Android設計のポイント】 Android では画面上になるべくボタンをおかないAndroid 端末ボタンを効果的に使うAndroid には Notification、ウィジェットもある
[JS]シンプルで軽量だけど、充分な機能を備えたコンテンツスライダーのスクリプト -Casual Slider
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 - かちびと.net
使いどころもありそうだったので 備忘録。文字をアニメーションし ながら少しずつ表示させていく様 なエフェクトを実装できる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
WEBシステムのデザインについて今の会社を退職する前に私が後輩に伝えたこと
このたび会社を退職することが決まり、デザインについてほとんど初心者である後輩に対して私の思考を託す時が来ました。 私自身WEBシステムの制作を手がけたことはなく（ないのかよ！！と全力でつっこんでおｋ）今度のプロジェクトでうちのチーム初のWEBシステム制作案件があるそうなので、デザインする時のポイントなどを自分なりにまとめてみました。 私は携われないんですけどね＼(^o^)／ 様々なWEBシステムのデザイン よいデザインはデザインをする対象（今回はWEBシステム）のことを知らなければ出来ません。 自分の考えだけでデザインをはじめると、思考の偏った使いにく～いものになってしまう恐れがありますので 必ず調査をしましょう。 そして、何故その要素がそこに配置されているのかを考えましょう。 以下に様々なWEBシステムのキャプチャと 超稚拙で言葉足らずな安易すぎる説明を掲載します。 ですが、掲載されてい
圧縮後のJavaScriptやコンパイル後のCoffeeScriptでも、ブラウザ上で元のソースを参照できる新技術「Source Maps」登場
圧縮後のJavaScriptやコンパイル後のCoffeeScriptでも、ブラウザ上で元のソースを参照できる新技術「Source Maps」登場 JavaScriptをデプロイする際には、できるだけ小さくするために余計なスペースや改行を取り除き、さらに関数名なども変換して圧縮することがあります。しかし圧縮後のJavaScriptにバグが見つかるとそのままではデバッグしにくいため、いちいち元のソースコードに戻してデバッグしなければなりません。 Webサイト「HTML5 Rocks」の記事「INTRODUCTION TO JAVASCRIPT SOURCE MAPS」で紹介されたWebブラウザの新技術「Source Maps」は、圧縮状態のコードを実行していても元のソースコードを参照しながらデバッグできるだけでなく、CoffeeScriptのようなJavaScriptへ変換する言語であっても、
10分くらいで分かるXHTML+CSS
このブログをお読みの方には既に不必要かもしれませんが、XHTML 1.0 と CSS 2.1 の入門記事です。 社会人のためのWebデザインスクール 用に作成したプレゼン資料をもとに記事にしています。 授業の時は、先にこの話をしてから XHTML を書いてもらうのではなく、先に HTML/XHTML&スタイルシートレッスンブック―ステップバイステップ形式でマスターできる を読みながら XHTML と CSS で簡単なページを作成してからこの話をしています。 その理由としては、HTML や XHTML を1度も書いたことがない方に「ブロックレベル要素」や「インライン要素」、CSS の「セレクタ」等の話をしても何のことか分かりにくいだろうと考えているからです。 ※この記事は2012年に執筆したものです。現在の 社会人のためのWebデザインスクール では、HTML・CSS コーディングについては
無料で無線LANアクセスポイントの電波強度が一目でわかる「Homedale」
自分が持っているモバイルルーター・無線LANルーターの電波がどれだけ強いのかを確認するのに便利なソフトが「Homedale」です。これを使えば電波強度の推移をグラフとして表示させることができ、電波が安定しているのか瞬時に判断できます。また、電波が不安定になってしまうチャンネル干渉の確認も簡単です。Homedaleの操作手順は以下から。 Homedale::Wi-Fi / WLAN Monitor - the sz development https://www.the-sz.com/products/homedale/ ◆ダウンロードと起動 上記サイトの「Download Homedale.zip」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「Homedale.exe」を起動。 ◆無線LANアクセスポイントの電波強度の確認方法 「Access Points」タ
プログラミングが嫌いな学生たちにRubyを教えたら嫌いじゃなくなった話
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
Macの『Boot camp』でWindows7をインストールしよう！ | ライフハッカー・ジャパン
Windowsは優れたOSですが、ラップトップに不満がある人も多いでしょう。あなたがMacユーザやMac愛好家であれば、MacのハードウェアにWindowsをインストールしたいと思うかもしれません。そこでこちらでは、『Boot camp』の簡単なインストールガイドをご紹介するので、ぜひ参考にしてみてください。 ■なぜWindowsをインストールするのか 筆者はWindowsの大ファンですが、PC本体にはいつも失望しているそうです。特にラップトップには本当にガッカリするとか。トラックパッドが使いにくく、キーボードは安っぽく、サイズも無駄にでかいものが多いです。そこで彼は古いMacBook Proを売った後、結局はMacBook Airを買ったとのこと。しかし、使用時間の99％はその上でWindowsを立ち上げて使っているそうです。 ニーズは人それぞれ違います。特定のWindowsプログラムを
「さくらのクラウド」障害多発で無償化、課金できる品質に達していないため
「弊社としても、お客様が安心してご利用頂けない現状を痛切に感じており、一日も早く正常化を目指しておりますが、現在は課金をさせて頂ける状況ではないと判断致しました。つきましては3月1日に遡り、当面の間は「さくらのクラウド利用料」について無償化させて頂くことをご報告致します」ということで、なんと「さくらのクラウド」が無償化されてしまいました。 さくらのクラウドの現状報告および課金対応について | IaaS型パブリッククラウド「さくらのクラウド」 http://cloud.sakura.ad.jp/news/sakurainfo/newsentry.php?id=622 無償化せざるを得なくなってしまった経緯は以下のように説明されています。 既に掲載のとおり、データを格納するストレージのパフォーマンス低下により、 頻繁に負荷が増大する状況が続いております。 その為、改善を図ることを目的としたファ
Webサービス、最初の宣伝 - ゆーすけべー日記
Webサービスのプロモーション？について個人的にまとめてみます。 Webサービスができたら想定するユーザーに使ってもらわないと寂しいところです。 そこでWebサービスを多くの人に知ってもらうための宣伝をしましょう。 今回はサービスを作った作者が一人でできる範囲を考え、 以下の3つの手段を使った初期のプロモーションについて僕なりのやり方を紹介します。 プレスリリース 自身のBlogでの紹介 Twitterでの拡散、はてなブックマークでの注目 今まで僕は個人で、もしくは「会社名義だけれども一人で」WebサービスやiPhoneアプリを作った際に、 上記のツールを使いながら意図的に宣伝を行い効果測定をしてきました。 プロモーションのプロではもちろん無いながらも工夫と、ある程度の努力をしています。 中には全く不発のもあり、とはいえ、それはサービス自体がそもそも面白くないケースがあったりで、 だんだん
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
小さい文字が綺麗になるかもしれない方法と、コマンド「PI_CleanText」 (PIXEL LAB)
小さい文字が綺麗になるかもしれない方法と、コマンド「PI_CleanText」 ( 2012年03月22日 ) Fireworksの文字のアンチエイリアスは、 「鮮明」「強く」「滑らかに」「カスタム」の4種類がありますが、 正直、どれもあまり綺麗ではありません。 あるフォントでは、「鮮明」が綺麗だけど、別のフォントでは、「滑らかに」が きれいだったり、フォントの種類だけでなく、文字の大きさによっても、 適切なアンチエイリアスの種類は変わってきます。 このエントリーでは、アンチエイリアスのかかった小さいテキストが 少し綺麗になるかもしれない方法を紹介します。 同時に、その方法をコマンド化したので、それの解説と配布を行います。
WEB,HTML,CSS,Javascriptに関連するBLOG: Fireworks ジグザグ線を描く
2011年3月26日土曜日 Fireworks ジグザグ線を描く Check ツイート 今回はFireworksでジグザグ(ギザギザ)線を描く方法を書きたいと思います。 ジグザグ線を描く手順 センターに罫線を引きます。プロパティから破線の点線を選択します。 ストロークオプションから、詳細設定を選択し、オプションを選びます。間隔を100%にします。デフォルトでは250%になっています。 形状を選択します。四角形にチェックを入れ、角度を45度に変更。 以上でFireworksでジグザグ線を描くことができます。 また上記で解説した形状を変更すれば雲のようなもくもくした線もつくることができます。 メールで送信BlogThis!Twitter で共有するFacebook で共有する ラベル: Firework 0 コメント: コメントを投稿
500+ Free Photoshop Custom Shapes To Use In Your Web Projects - Designbeep
Photoshop comes with a bunch of custom shapes.You know the cool thing about vector shapes is that you can easily resize them without loosing the quality as long as they are not flattened or rasterized.You can also create a new copy,change color and layer style of the custom shapes. Today we have a great collection of photoshop custom shapes for designers mostly for web projects.There are arrows sh
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSで高度な3D表現ができると話題の「Sprite3D.js」で作った凄いデモ
新着記事
商用利用も無料、今時のシンプルながらディテールにこだわったUIエレメントとアイコンのPSD素材 -Impressionist UI
ウェブ・印刷デザイン向け、テーマ別・カラー別の色の組み合わせやカラースキームのまとめ
Pure css3 buttons with hover effect - WebDesignShock
http://designaholic.cc/2012/03/web1support-detail.html