【割引コードGET！】ヤバイくらい簡単にプロフェッショナルなサイトが作れるStrikingly.comが割引コードくれた！ | バンクーバーのうぇぶ屋
世界のWebデザイナーのお給料はいかほど？
2013年12月25日 Web関連記事, 海外情報 以前日本のWeb屋さんと、海外のWebデザイナーのお給料について話したことがあります。話を聞く限り、日本は長時間労働・低収入、海外は時間キッチリ・高収入な私の勝手なイメージ。じゃあ実際どんなもんかしら？と思い、働いたことにある国を中心に、6カ国の賃金事情を調べてみました。各国の最低賃金とWebデザイナーのお給料はどのくらいあるのでしょう？ ↑私が10年以上利用している会計ソフト！ さっそく見てみましょう！ お給料（年収）は総支給額の中央値、レートは2013年3月11日のものです。ソースは記事の最後に。 オーストラリア オーストラリアが国で定めた最低時給はAU$15.96（1,568円）*1。オーストラリアはチップ文化がないため、比較的高めの設定になっていると聞いたことがあります。ちなみに日曜に出勤したら時給2倍に、祝日だと3倍になります！
Webサイト高速化対策の現状
はじめに はじめまして、こんにちは。クラスメソッド株式会社でWebを担当している野中です。 この度、「これから身につけるWebサイト高速化テクニック」と題して記事を連載させていただくこととなりました。 本連載ではWeb担当者やWebデザイナー、コーダーの方々に向けて高速化に関する手法や技術について調べ、身につけたテクニックを細かな解説を加えて紹介していきます。中には少し難しいテクニックも含まれますが、できる限り分かりやすく、すぐに実践できるよう紹介していきたいと思います。とても長い連載ですが、よろしくお願いいたします。 なお、本連載はクラスメソッド開発ブログで連載されている「身につけておきたいWebサイト高速化テクニック」の増補改訂版です。 本連載の流れ 本連載はできるだけ多くの方に興味を持っていただけるように、最初に高速化対策の全体像と必要な知識を紹介します。その後、具体的な高速化対策と
中堅Webクリエイティブ職のキャリアを考える（序章）
このスライドは、半公半私で、自分がWeb業界に対してできることを考えるための「土台」としてまとめたものです。 これを読んで、「あぁ、こういう問題意識は自分にもあるわ」とか「ここに書いてあるコレとコレは、うちの会社とか私の実状にはあっていない。自分とこはもっとこんな感じ」とか「同じような問題意識があって、私は今こんな取り組みをしているよ」とか「もっとこういうことをやることが大事なのでは？」とかあれば、情報・意見・感想などお寄せいただければ幸いです。Read less
もうCSS3で悩まない チートシート/リファレンス系サイトまとめ
先日書いたCSS小ネタまとめのようにCSS3も使えば使うほど味が出て、応用次第で色んなことできて楽しいですよね。私も大好きです、CSS3。 IE非対応云々のためハックがどーこーとかめんどくさいことはありますけど。 というわけでここらで初心者からパワーユーザーまでぜひおさえておきたいチートシートページやリファレンスサイトをまとめておきますので参考にどうぞ。 CSS3の困った/アレが知りたい、はここで調べよう 筆者選で7つほど。他にもいろいろあるんですが、読みやすいのメインに挙げてみました。 1.E BISUCOM TECH LAB : CSS3プロパティ＆ブラウザ対応一覧 恐ろしくまとまり過ぎているページ。もともと書籍の巻末付録だったものをWebで公開しているらしいです。各プロパティの対応ブラウザが一目でわかるのがありがたい。 ベンダープレフィックスの要・不要とかまで書いてます。時々更新され
【保存版】Webエンジニアが見るべきテックブログ一覧
皆さんはどのような方法で最新の技術や、コードのTipsを収集していますか？ はてなブックマークやTwitter, GitHubなど様々あると思います。 私はテックブログを使った情報収集をしています。今回はエンジニアが見るべきおすすめのテックブログをいっきにご紹介します。 テックブログとは？ ご存知の方も多いと思いますが、テックブログとはWEBサービスやゲーム等を提供している企業が、自社で使っている技術や開発手法を紹介するブログです。デベロッパーブログとも呼ばれます。 エンジニアが持ち回りで書くことが多いので、そこで働いている人のこともわかっちゃいます。 普段使っているサービスがどのような言語でできていて、どのようなフレームワークを使っているか、どんなツールを利用して開発しているのかが載っているのでとても刺激的な内容ばかりです。 転職、新卒の会社選びにも役立つ!? 転職する際に気になるどんな
WEB制作会社って実際儲かるの？これから先もやっていけるの？その疑問に答える！
WEB制作会社って実際儲かるの？これから先もやっていけるの？その疑問に答える！ 2013.02.26 | 相談 | 考える。 どうもWP-Dパープルです。今日は表題の件、WEB制作会社は実際に儲かるのか？そして、これから先もやっていけるのか？という質問サイトなどでよくある疑問について、WP-D執筆陣が答える！ということで、そのまとめです。WP-D執筆陣の多くは実際にWEB制作会社勤務、もしくはフリーランスとしてWEB制作を行なっているので、この疑問について各々思うことがあるようです。 ※今回は完全に匿名にするために、アイコンや色を変えています。実際のカラーとアイコンのカラーのつながりはありません。 ※アイコンにはfont-iconを利用しています。本来可愛い動物のアイコンが表示されているはずですが、もし下記の吹き出し左のアイコンがアルファベットで表示されている場合は、何度かリロードしてみて
インハウスのデザイナーが作業人にならないために… | T-STUDIO.COM
インハウスのデザイナーとして制作会社などから転職する理由の一つが、自分たちの作ったサイトを育てていきたい、売上に貢献しているのかをこの目で確かめて、かつ改善していきたいというのがあります。 かくいう私もその一人でもありましたが、理由の一つと言っているものの、ほとんどと言っていいかもしれません。そんな夢と希望を持って入社して見ていざ働き始めたら…。 「お疲れ様です。どこどこのページ記載の内容が古くなっているので、以下の内容に差し替えてもらえますか？—中略—お忙しいところ申し訳ありませんが、よろしくお願いいたします。」 とか 「おつかれさまです。急ですが、ほにゃららを緊急でリリースすることになりまして、ページの追加とお知らせの展開をお願いします。急で申し訳ありません。」 まぁ、こういうことは、良くある話だったりします。そこで、「こんなの嫌じゃー」と卓袱台ならぬ机やらMacやらをひっくり返すのは
ダメディレクターからの卒業、Webサイト企画＆制作時に必ずおさえておきたい「5W2H」
ダメディレクターからの卒業、Webサイト企画＆制作時に必ずおさえておきたい「5W2H」 2013.02.26 | この方法お勧めです！ | 考える。 | 覚えておきたい 密かに近所のスーパーで、高齢者と数少ない吹雪まんじゅうの争奪戦を繰り広げています。 もうちょっと仕入れてくれればいいのにな〜。 こんにちは。和菓子大好きグリーンです。 代理店の営業さんやディレクターやと打ち合わせしてて 「制作中に内容がコロコロ変わる」 「話を聞く度に違う事言ってる」 なんて経験ありませんか？ 「俺が侍だったらこの場でお前を切り捨ててるぜ」なんて妄想で乗り切るのもしんどいような時ないですか？ サイトの方向性やコンセプトがあいまいなまま進めるとこうなっちゃうんですよね。 Webサイトの企画・制作時におさえておくととっても便利な「5W2H」という考え方をご紹介します。 「5W2H」とはアルファベットの頭文字をと
CSSド素人がWordPressの独自テーマをレスポンシブ化してみた話 | kawaselab
書くネタもないので、最近リニューアルしたサイト構築の話しを備忘録として書いてみます。リニューアルといっても目に見える改変ではなくサイトをレスポンシブ化してみたお話です。 レスポンシブ化というのは、私もまだよくわかっていません。 ただなんとなくかっこいいからレスポンシブって言葉を使ってみました(・ω きっかけはGoogle！Google先生がこんなこと仰っているならレスポンシブ化が正しき道なんだろうなと レスポンシブ・ウェブデザイン – メディアクエリのパワーを使いこなす すぺっく 私のすぺっくを正直に書いてみる。 PHPは書ける読める。高校生レベル HTMLは書ける読めるなんとなくわかる。中学生レベル CSSは色変えるとかその程度。幼稚園レベル つまりレスポンシブ化で一番重要なCSSでについてはド素人レベルです。 だからこの本を買ってみました。 ふむふむ！なるほど！デザインはこうやっ
BootstrapベースのWebアプリケーションウィザード·Bootstrap Application Wizard MOONGIFT
Bootstrap Application WizardはBootstrap用のアプリケーションウィザードフローを提供するライブラリです。 Bootstrapを使ってWebサービスを提供するサイトが多くなってきました。今回はその一つ、Bootstrapを使ってウィザード風の流れを実現してくれるライブラリ、Bootstrap Application Wizardを紹介します。 フローティングでウィザードが表示されます。 次へを押して順番に進めていきます。 左下のステータスバーが徐々に進んでいます。 完了しました！ Bootstrap Application Wizardではwizardというメソッドを使って一つ一つをスライド風に切り替えながら処理を選べるようになります。入力チェックも内蔵されています。そして最後にデータが飛んでくるのでサーバ側で処理して返却すれば良いだけです。とても手軽です。
3日間で検索順位が200位上昇したSEO対策10項目
今回ご紹介するのは、検索順位が200位以上も大幅に改善された事例です。 そのサイトは12月末にSEO対策の見直しも含めてリニューアルを行いました。SEO対策の見直しと言っても、外部対策は一切行わず、内部対策の見直しだけ行いました。その結果、リニューアルの3日後には検索順位が200位以上上昇しました。1ヵ月半経った現在も順位は安定しています。 「検索順位が上がらない」「検索順位が極端に低い」という方のご参考になればと思い共有させて頂きます。 リニューアル前のサイトの状況 リニューアル前のサイトの状況は以下の通りです。 企業サイト（サイト内に社員ブログあり） スモールキーワードで1年以上240位前後に位置する ページランクは1（被リンクは殆どなし） ペナルティに該当するSEO対策はやってきてない 今回行ったSEOの方針 上記の通り、このサイトはペナルティに該当するようなSEO対策は行っていない
こんな企業サイトは売上に繋がらない
「ホームページが売上に繋がらない・・・」職業柄このような相談を受ける機会が多々あります。 売れる企業サイトと売れない企業サイト、その違いは何でしょうか？ 売れない企業サイトの特徴 サイト名が企業名のみ 奇をてらったデザイン 新着情報が更新されていない 商品の効果が記載されていない 「スピード対応」など言葉が抽象的 「お客様の声」に良い事しか掲載していない サイト訪問者にとってもらいたい行動が不明確 どうでもよい徒然日記的な社長ブログ Twitterの無意味なつぶやきが表示されている サイドバーにバナーが多い 「用語集」「リンク集」など無意味なページがある ヘッダ画像がスライドしたりフェードして切り替わる 画像が多く重い（ページを開くのに時間がかかる） 1.サイト名が企業名のみ Googleなどの検索エンジンは、サイト名に含まれるキーワードを一つの参考として、検索結果を表示します。 例えば、
WEBデザインが短期間で上達した方法
この記事は、Webデザインが短期間で上達した2つの方法として、新たに書き直しました。 WEBデザイナーとして10年ちょっと経過。 未だにデザイナーとして足りないものは多いですが、 どうにかクライアントにも満足してもらえる デザインが提供できるようになったと思います。 これは、自分が新米デザイナーだった頃にやっていた、デザインの上達方法です。 「上手くデザインができない！」「上手くなるにはどうすればいいの？」など、 どうすればデザインが上達するのかわかならい人の参考になれば幸いです。 新米デザイナーの頃、ダメなデザインをして先輩からよく叱られていました。 クライアントからデザイナーを交代してくれと言われ、 激しく落ち込んだこともあります。 いまになると恥ずかしいですが、 その頃の自分には、 プロのデザイナーとして最低限の能力がなかったのです。 クライアントの満足するクオリティのデザインを 期
SEO Japan - 優れた文章を書くための11の賢いヒント
SEO屋の私がいうのもなんですが、サイトのコンバージョンを最も劇的に改善する手法といえばLPO。LPOサービスを自ら始めた位に惚れ込んでいるウェブマーケティング手法ですが、名前や内容は知っていても意外とちゃんと実施したことがないサイトやウェブマーケッターが未だに多すぎることに嘆いている最近です。多変量テストや行動ターゲティングとはいわずとも、A/Bテスト位は定期的にやっていきましょうよ、、ということで、今回は米国カリスマウェブマーケッターのニール・パテル氏が自らの経験を元にA/Bテストで実施するべき項目を11まとめた面白くてためになる記事を。 — SEO Japan 既存のトラフィックからもっとお金を絞り取りたいのなら、A/Bテストの実施を開始する必要がある。少なくとも毎月10,000人のビジターがいるなら、毎月でないにしろふた月に一度は一つ新しいA/Bテストを実施することを検討すべきだ。
スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RFP(提案依頼書)とは？意味を理解してらくらく作成！[サンプルあり]／第3回 | 中小企業のための失敗しないWebシステム発注・開発![RFP(提案依頼書)とは？意味を理解してらくらく作成！[サンプルあり]／第3回 | 中小企業のための失敗しないWebシステム発注・開発](https://cdn-ak-scissors.b.st-hatena.com/image/square/106457a9c03b6bf69d2da3eac528d13d8477d26c/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2013%2Fhachu%2Fhachu_icon.jpg%3Fitok%3DWiSTgxVT){kind=icon}
オンラインのMarkdownエディタ・「Dillinger」 - かちびと.net
パーツのドラッグ＆ドロップで美しいWebフォームのUIを作成できる「Formoid」NOT SUPPORTED
EC、SNS、ソーシャル……Webシステム開発の失敗原因9割はスタートラインで決まっている／第1回 | 中小企業のための失敗しないWebシステム発注・開発