タグ

web制作に関するupranのブックマーク (236)

  • ココナラ - プロが集まる日本最大級のスキルマーケット

    450種類以上のカテゴリーから豊富なサービスを簡単に比較検討できます。細かな提供方法から評価まであらゆる情報を元にお得に利用できます。

    ココナラ - プロが集まる日本最大級のスキルマーケット
  • 登録数2倍にしてと言われた時の正しい対処法

    2014年夏、40日でデイリーの登録数を2倍にしたプロジェクトをまとめたプレゼンです。Read less

    登録数2倍にしてと言われた時の正しい対処法
  • もうシルエットの素材には困らない!人物や動物など600種類以上揃ったシルエットのベクター素材セット

    個人でも商用でも無料で利用できる、600種類以上の人物・動物・乗り物をはじめスポーツやダンスなどのシルエットが揃ったベクター素材を紹介します。 素材はベクターのさまざまなフォーマットが揃ってます。 Free download: 600+ free vector silhouettes シルエットは多種多様なものがそれぞれにたくさん揃っています。 スポーツ 人物(ビジネス・女性・家族・恋人・子供など) ミュージック ダンス 動物 乗り物・交通機関 モーション 人や動物などの足跡 鍵 ダウンロードできる素材のフォーマットも豊富! .ai .eps .svg .pdf ダウンロードは、下記ページの下の方からどうぞ。

    もうシルエットの素材には困らない!人物や動物など600種類以上揃ったシルエットのベクター素材セット
  • Tristan (T4T5)

    My latest side project is Codespace. A new beautiful cross-platform snippet manager.

    Tristan (T4T5)
  • Dreamwearverでおなじみ、閉じタグコメント挿入プラグインのSublime... | おれめも v2

    普段HTMLのコーディングをする際、 コードの見通しを良くするために毎回以下のように閉じタグの前にコメントをいれるようにしています。 <div id="foo" class="bar"> 〜 <!-- /#foo.bar --></div> このコメントはEmmetやZen-codingで"|c"を入力することで入れることが出来るのですが、閉じタグの後にしか出力されません。 毎回コメントを出力して閉じタグの前にカット&ペーストするのも面倒…。 「それなら作っちゃえばいいんだ!」と思い作りました。 ちょうど元カヤックの渕上さんがDreamweaverで同じような拡張機能を作成されていたので挙動を参考にしました。 この場を借りてお礼申し上げます。 コメントを生成して挿入するDreamweaver用の拡張機能を作成しました | KAYAC DESIGNER’S BLOG - デザインやマークアッ

    Dreamwearverでおなじみ、閉じタグコメント挿入プラグインのSublime... | おれめも v2
  • グーグルは今のままでは日本人の人生を変えることはできない - GIGAZINE

    先日、NHKスペシャル「グーグル革命の衝撃 ~あなたの人生を“検索”が変える~」を見ていたのですが、その中で毎月約7600ドル(約92万円)の収入を得て、大学をやめ、仕事を探さず、AdSenseだけで生きているというケースが出てきました。 が、日で同じ事をしようとしても現時点では無理です。 というわけで、NHKの取材が取りこぼした真実を以下に書こうと思います。 ◆AdSenseだけで生活できるのか? まず海外AdSenseだけで生きている人がいるというのは当です。 ですが、1クリックあたりが平均して日円で40円。大体ざっと調べてみると、1クリック当たりの単価が米国では最大で日の約10倍。つまり、NHKの番組で出てきたような生活をする人というのは日では実際のところ、ほぼ無理です。同じアクセス数を誇って、同じクリック数であっても、日では収益が大体10分の1ぐらいにしかならないとい

    グーグルは今のままでは日本人の人生を変えることはできない - GIGAZINE
  • UXの本質について | underconcept

    ユーザー体験(ユーザーエクスペリエンス/User Experience: UX)という言葉が広く聞かれるようになってきた。半ばバズワードのように、特にウェブデザインやマーケティングの記事などの中では、この言葉を見ない日はない。しかしながら、多くの場合、UXという言葉の真意や可能性を取り違えてしまっている。稿では、いくつかの観点からUX質を考えてみる。 1.UI/UXという誤用 1.1. UIUX まず、多くの記事や講演などで見られる「UI/UX」という表現からとりあげてみたい。 UI/UXとは、もちろん、User Interface / User Experience(ユーザーインターフェイス/ユーザーエクスペリエンス)の省略形であるが、多くの記事などで「すぐれたUI/UXデザイン事例」、「UI/UX講座」などの表現が用いられている。 「ユーザー」という共通項があるため、共通でくく

    UXの本質について | underconcept
  • 他人のブログのアクセス数・被リンクを調査できる分析ツール 5 選 - Naifix

    ブログを運営していると、他人のブログ(競合サイト)のアクセス数はどれくらいあるのか、どんなキーワードで集客しているのか、気になってきますよね。 競合サイトを調査するメリットは以下の 3 点。 具体的な目標を設定するさいの目安にできる モチベーションを維持するきっかけになる 自分のブログに足りない点を見つけられる 競合サイトの分析に関する解説はこちら ツールを使えば調査はそれほど難しくありません。記事では、ライバルサイトを丸裸にする分析ツールを 5 つ紹介していきます。 他のブログのアクセス数が推測できる仕組み 他のブログのアクセス数を計測できるツールはいくつかあります。 独自のクローラーを走らせて分析していたり、主な検索キーワードの順位・CTR をもとに算出していたりと計測方法は様々。 なかには、無料で他サイトのデータを提供する代わりに、ユーザーの Google アナリティクスや Sea

    他人のブログのアクセス数・被リンクを調査できる分析ツール 5 選 - Naifix
  • ニコ動 超チューニング祭で最優秀賞もらいました

    ニコニコ超会議で開催された「超チューニング祭り」に恋人である武藤スナイパーカスタムからお誘いされて参加しました。 投票してくださった方々のおかげで最優秀賞! ありがとうございます! ニコ動モバイル版のトップページのhtml,css,jsを軽量化するお祭りでして、にぎやかな会場、狭いブースの中で詰め込まれておもしろかったです。 チーム:ウルフギャングの紹介 エンジニア、デザイナーのバランスチーム。 武藤さんが狼が好きなのでそれっぽい名前にしました。ギャングらしくふたりとも革ジャン装備。 武藤スナイパーカスタム Twitter : tai2 コンピューターグラフィックスとPythonをこよなく愛すマッチ棒エンジニア。 イシジマミキ Twitter : woopsdez 写真をアップするたびにおおつねさんに「太った?」と言われる番付上昇中のデザイナー 他はエンジニアふたり、個人での参加などが

    ニコ動 超チューニング祭で最優秀賞もらいました
  • そこそこユーザビリティの高いフォームを作った

    そこそこユーザビリティの高いフォームを作った 入力内容の検証とか、郵便番号変換を備えた、そこそこ使いやすいフォームのテンプレートを作りました time2014/01/18 hatenabookmark- 去年末実家に帰省していた時に、jQueryの練習&業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリティ改善案として使うことが目的であって、ベストを目指してもサーバ制約やコスト的な観点で使えないことがあるから、そこは目指さないよという意味です。そもそも、フォームは必要悪ですし、ベストはフォームが存在しないことですね。 フロントエンド実装だけです(サーバ側スクリプト

  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • ウェブデザイナーに対して絶対に言ってはいけない27種類の暴言を華麗にデザインしたポスター集

    「余白が多すぎる」「もうちょっと面白くして」「ポップにして」「インターネットから取ってきた画像を使えないかな?」「ほら、前よりずっとよくなった。君もそう思わない?」など、アイルランドのウェブデザイナーやアニメーターイラストレーター・ディレクターらがクライアントに最も言われたくない言葉をポスターで表現したのが「Sharp Suits」という企画ですが、Sharp Suitsに出展された作品うちウェブデザイナーに対して絶対に言ってはいけない27個の言葉をBuzzFeedがまとめています。 Home - Sharp Suits http://sharpsuits.net/Home 27 Things You Should Never Say To A Designer http://www.buzzfeed.com/regajha/things-you-should-never-say-to-

    ウェブデザイナーに対して絶対に言ってはいけない27種類の暴言を華麗にデザインしたポスター集
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • ほぼセルクマだけではてなダイアリーTOP10に入ったブログ。PVは年300万超 - 情報の海の漂流者

    半年前にセルクマだけで将来ちきりん氏の総ブクマ数を超えそうな人の話という記事で紹介した某ブログが、予測通りこの夏[TopHatenar]のはてなダイアリーランキングTOP10入りをした。 (注 TopHatenarのランキングはそのブログの総はてなブック数である) 相変わらず、月間数千記事を投稿し、その殆どにセルクマをしているようである。 ちなみにセルクマとはセルフはてなブックマークの略で、要するにここははてな界隈では作者以外はほとんどはてブしていない。 ちなみにこのブログ、はてなカウンターを公開しているので、第三者でもPVをチェックできるのだが、これがかなり多い。 2013年09月30日現在の総ページビューは7004435 2012年10月01日時点の総ページビューは3872638 (インターネットアーカイブより) 年間三百万pvを超えている。なんていうか究極のロングテールである。 少し

    ほぼセルクマだけではてなダイアリーTOP10に入ったブログ。PVは年300万超 - 情報の海の漂流者
  • ひとりでWeb制作できた!「知識0から学ぶ」すごいスライドやサイト27

    作成:2013/07/22 更新:2014/11/01 Web制作 > 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教える人も基知識をしっかり身につけておかないと、質問に答えることもできません。 今回はWeb製作をするなら必ず抑えるべきこと、知識「0」から学ぶ、基的な知識を習得できるスライド・サービス・サイトをまとめました。ディレクションにもOK。メジャーなもの中心です。とはいえ量が膨大になったので、必要な部分だけピックアップして学びましょう。※スライドがないものに関しては、お役立ちリンクをつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ

    ひとりでWeb制作できた!「知識0から学ぶ」すごいスライドやサイト27
  • [CSS]パーセントで指定された正確なサイズが不明な要素を天地左右の中央に配置するスタイルシートのテクニック

    天地左右の中央に配置したい要素のサイズが幅も高さもピクセルで指定されていれば、marginやpaddingで簡単に配置できますが、サイズ指定にパーセントを使用した要素だと表示サイズに依存されてサイズが分かりません。 そんなパーセントで指定されたピクセルでの正確なサイズが不明な要素を天地左右の中央に配置するスタイルシートのテクニックを紹介します。 デモページ:幅780pxで表示 HTML HTMLはシンプルで、中央に配置するdiv要素だけです。 <body> <div>Percentage sized and still centered.</div> </body> CSS ぱっと思いつく方法としてはパーセントをネガティブマージンで使えばいいのでは、となるところですが、ネガティブマージンを使用すると左右の中央はできますが、天地の中央がうまくいきません。 ここではネガティブマージンではなく、

  • ユーザー登録の面倒くさいフォーム入力の苦痛を激減させる画期的アイデア「ダイアログフォーム」

    登録フォームと言えば通常は必要事項を一方的に入力していくものですが、キャラクターとの会話形式にして、まるでチャットを行っているように情報を入力できるのが「ダイアログフォーム」です。人とチャットしているときはタイピングが苦じゃない、というアイデアを元に作られた登録フォームで、コードのダウンロードも無料で行えます。 ダイアログフォーム - jsdo.it - Share JavaScript, HTML5 and CSS http://jsdo.it/watilde/form 実際にどんな感じでフォームが表示されるのか試してみます。まずはページ右側にある再生ボタンをクリック。 すると、「会員登録ふぉーむ」という文字の下で自動的にWindows Azure 公認キャラクタークラウディア・窓辺が会話を始めます。 「ユーザーIDを入力してください」とクラウディアに言われるので、フォームに自分のIDを

    ユーザー登録の面倒くさいフォーム入力の苦痛を激減させる画期的アイデア「ダイアログフォーム」
  • 5年間放置サイトで月間35万PV稼ぐ3つの戦略

    訪問数は約4倍、PVは約2倍になっています。 PVより訪問数の伸びが高いので検索エンジンからの流入が増えているのでしょう。 最近のGoogleは新しいページを重要視するというのはウソですね。だって、うちのページは最低5年前、大半は10年以上前に書かれたものですから(笑) では何がほったらかしなのに検索エンジンにも有利に働き訪問数が増え続ける要因なのかというと。 おそらくですが、ツイッターやフェイスブックなどのSNSやQ&Aサイトなどでたびたび引用され被リンクが逓増し続けているからだと思います。 もしGoogleが「新しさ」を重要視しているなら、ひょっとするとページではなく「被リンクの新しさ」ではないかと勝手に想像しています。 「引用元になる→被リンクが増える→検索順位が上がる→引用される」この循環ですね。 さて、ここから題です。 うちのサイトが引用されやすい3つの要因。 1) 枯れたコン

    5年間放置サイトで月間35万PV稼ぐ3つの戦略
  • パス画像をFontに変換!「icoMoon」を使ってみた。 | バシャログ。

    1月が終わってしまいましたね~!春が待ち遠しい、seki です。 今回は、今まで画像として書き出して使っていたピクトグラムなどのパス画像を、フォント形式で吐き出してくれるサービス「icoMoon」のご紹介です。一度自分で作ってみたくてウズウズしてました。詳細は以下より。 作り方について 参考サイト→http://webamb.com/web_service/773.html はい!こちらの記事にとても分りやすく紹介されています! とりあえずその通りにやってみましょうか。 1. Fireworksでまずは元となるアイコンを作る パスツールを使ってサクサク。よくメニュー周りなどで使えそうなものを作ってみました。 無心で作りすぎたせいであまり統一性がありませんが、参考までに。 塗りは黒ベタで。もし描くのが難しいという方は、フリー配布されているアイコンから持ってきても良いかと。 もちろんイラレで作

    パス画像をFontに変換!「icoMoon」を使ってみた。 | バシャログ。
  • 知らない人は損してる、イラレでスーパーのチラシを作るときの7つのワザ - Cherry Pie Weblog

    昨年から、地元の印刷会社さんのお手伝いでスーパーのチラシを制作させていただいているんですが、最初に作業手順を聞いたときに、そのあまりの面倒さに閉口してしまいました。 スーパーのチラシって、何重もの文字フチとか、値段の数字が重なってて円だけ小さいとか、囲みとか、必ず文字が画像にかかってしまうから白フチもつけないといけないとか・・・ そんな手数のかかる作業を、長年チラシ制作をされている方は、イラストレーター5.5 でショートカット連打でバキバキ作ってたりするわけです。 しかし、短納期・安価を求められる今の時代、いつまでもイラストレーター5.5時代の作業を続けているのでは、相当な熟練者でないと時間にもお金にも見合う仕事ができないし、会社としては熟練者に単純作業に近いことに延々と時間を使ってほしくないのです。 でも、今のイラストレーターならできるんですよね。 そんな、知っている人は知っているけど、

    知らない人は損してる、イラレでスーパーのチラシを作るときの7つのワザ - Cherry Pie Weblog