Know-how 日頃クライアントワークを行っているディレクターが、自社コーポレートサイトリニューアルを担当して学んだこと
WebNAUT by Beeworks | デザイン制作会社ビーワークスの情報メディア
Know-how 日頃クライアントワークを行っているディレクターが、自社コーポレートサイトリニューアルを担当して学んだこと
最近のサイトで見かけるかっこいいエレメントがコピペで実装できるコンポーネント集 -Refills
ヘッダやフッタ、ナビゲーション、タブ、アコーディオン、カードコンテンツ、モーダル、パンくず、オーバーレイコンテンツなど、最近のサイトで見かけるかっこいいエレメントがコピペで実装できるコンポーネント集を紹介します。
個人でもサイト立ち上げ時は実施すべき7ステップ - 鈴木です。別館
本記事は移転しました。 約1秒後にリダイレクトします。 リダイレクトしない場合はここをクリックしてください。
WordPressのサイト作成時にインストールしたいプラグイン一覧 | WordPressのアフィリエイトで稼ぐ人生を始める-サトシ
WordPressで新規サイトを作成したとき、すぐにインストールしておきたいプラグインを一覧にしてまとめておきます。 ※この一覧は一例で、使用するプラグインは個人やサイト内容によって異なります。 Bulk Plugin Installation プラグインをまとめてインストールするためのプラグイン。ワードプレスをインストールしたら、まずこのプラグインを導入しておけば、あとは一括でインストールできる。 →プラグイン一覧テキスト AddQuicktag WordPressの投稿画面で、htmlタグや定型文などを登録してワンタッチで使用することが出来る。これが無いと作業効率が大幅に下がってしまうほど必須のプラグイン。 Akismet ワードプレスにデフォルトでインストールされているスパム対策プラグイン。デフォルトで入っているけど、有効化するには設定が必要なので放置している人も多い。できるだけ早め
コンテンツマーケティングはこう進める！成功事例から学ぶ法則
（この記事は2022年9月29日に更新されました） 皆さん、こんにちは。京都のWebマーケティングチーム「ウェブライダー」の松尾です。 最近、某社からCPIサーバーに乗り換えたことがきっかけで、このコラムを書かせていただく機会を得ました。 前回、前々回と、レンタルサーバーの選び方に関するノウハウをお届けしてきました。 ソーシャルメディア隆盛の昨今、Webコンテンツがヒットすれば、急激なアクセスがやってきます。 その際、Webコンテンツがきちんと表示されるよう、サーバー周りの負荷対策が大事というお話をしました。 今回は少し視点を変え、“そもそも、アクセスを集めるためのWebコンテンツとはどう作ればよいのか？”ということをお話しします。 あなたは「コンテンツマーケティング」という言葉を聞いたことがありますか？ コンテンツマーケティングとは、シンプルにいえば、読み物や動画などの何らかのWebコン
そこそこユーザビリティの高いフォームを作った
そこそこユーザビリティの高いフォームを作った 入力内容の検証とか、郵便番号変換を備えた、そこそこ使いやすいフォームのテンプレートを作りました time2014/01/18 hatenabookmark- 去年末実家に帰省していた時に、jQueryの練習＆業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリティ改善案として使うことが目的であって、ベストを目指してもサーバ制約やコスト的な観点で使えないことがあるから、そこは目指さないよという意味です。そもそも、フォームは必要悪ですし、ベストはフォームが存在しないことですね。 フロントエンド実装だけです（サーバ側スクリプト
無料チェックシート付き！Web制作の初回ヒヤリングで確認したい項目リスト – 請求書作成サービス「Misoca(ミソカ)」
こんにちは、トヨシです。 前回は見積もり時に確認したい項目を紹介しましたが、今回は私がフリーランスでWeb制作をしていたときに、顧客との初回ヒヤリングで必ず聞くようにしていた項目リストを紹介します。私はこの項目に基づいて初回のヒヤリングを行い、提案書を作成するということをしていました。 記事の最後に印刷して使えるエクセルのスプレッドシートもダウンロードできるようにしておいたので是非自分なりにアレンジするなどして活用してください。 とその前に、 経理書類の作成でお困りの方は、請求書・見積書サービス「Misoca」を使うとより便利ですよ！レイアウト崩れや記入漏れの心配無用です！ [adrotate group=”7″] 今回配布するヒヤリングシート （記事の一番下でダウンロードできるようにしてあります） お客様基本情報 会社名・個人名 ご担当者様名 部署・役職（任意） ご住所 お電話番号 Ｅメ
いまさらだけど、2012年にお世話になった神ツールたち（Mac向け） - Flash Black
こんなエントリーは去年末か年明けに書いておけ！って思いますが、blogを書く練習としてまとめます。 これから列挙するツールを使う事により、去年は手を動かす事の楽しさを再確認。 いままでダルかった作業が楽になるだけではなく、HTMLをキレイに書けたり構造を考えるようになったりと一石二鳥。 SASS and Compass 全俺が感動し、咽び泣くほど無くてはならない存在となったHtmlコーディングの革命児。 なぜすぐに導入しなかったのかと過去の自分に言いたいぐらい！ いまさら解説はいらないと思いますので、お世話になったサイトをご紹介いたします。 CSS書くならCompass使った方がいいよ。SASS使ってる人なら特に。 Sprite画像でもう悩まない？！SassとCompassで速攻Sprite画像を作る方法に感動！ | バンクーバーのうぇぶ屋 CompassでCSSスプライト[to-R] C
[M]フリーランスWEB屋な私のデザイン制作環境公開！WEBデザインを完成させるまでのツールまとめました | miMemo(ミメモ)
[M]フリーランスWEB屋な私のデザイン制作環境公開！WEBデザインを完成させるまでのツールまとめました こんにちは！みう(@miu0512)です。現在フリーランスの私がWEBデザインを行うのに使っているツールをまとめました。制作環境は人によって違いますので、一番大切なのは自分に合った環境を整えること！それでは大公開です。 iMacを購入するまでの間、WinとMacを交互に使っています。 家にあるデスクトップは27インチのWindows。ずっとWinだけで制作を行ってきたのですが、MacBook Airを購入してからMacに使いやすいツールが多いことを知り、今ではWinとMacを使い分けて作業をしています。iMac購入予定！ デザインは王道のこのツール！手放せません 昔は高価で手が出せなかったAdobeですが、今では毎月3,000円〜5,000円と手軽に使用できるようになりました。 Ado
![[M]フリーランスWEB屋な私のデザイン制作環境公開！WEBデザインを完成させるまでのツールまとめました | miMemo(ミメモ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/25f5c1da4fd2ae3627a02ec81bd6fcf40cdcf15f/height=288;version=1;width=512/https%3A%2F%2Fweb-mimemo.com%2Fwp-content%2Fuploads%2F2013%2F11%2FNKJ56_fudetoparetto.jpg)
Page Layers - Website screenshots for macOS
Page Layers is a website screenshot app for macOS. It converts web pages to Photoshop files with separate layers for all page elements. It enables you to open web pages in Photoshop and saves you lots of time when re-designing or improving existing web page designs. Just open any page in the embedded browser and save the page as PSD with layers or as plain PNG image. In the HTML to PSD conversion
良質な情報が得れる！なかのひとが書くネット系企業公式テックブログまとめ45選 | nanapi [ナナピ]
はじめに インターネット業界で働く方や企業のWeb担当の方にとって、情報収集というのは日々の仕事の結果に繋がる貴重な活動のひとつですね。RSSリーダーやニュースアプリなど手段はさまざまですが、日々最新の情報に高いアンテナを貼っている方も多いかと思います。 その情報収集元のひとつとして、ネット企業のなかのひとが情報発信をしてくれている公式ブログなどなどは非常に参考になることが多かったりします。 ここでは、そんなインターネット業界で働く方や企業のWeb担当の方に参考になると思われるネット企業の公式テックブログをまとめてみました。ぜひご参考ください。 ネット系企業公式テックブログまとめ 「クックパッド開発者ブログ」（クックパッド株式会社） クックパッド開発者ブログ クックパッドのエンジニアがサイトの開発と運営について書き綴ります techlife.cookpad.com 「サイバーエージェント
コンテンツマーケティング
コンテンツマーケティングのコンサルタントとして過去7年で70社のオウンドメディア運用を支援に携わる。クライアントは医師、歯科医師、弁護士、税理士、司法書士、ファイナンシャルプランナー、ヨガインストラクター、パーソナルスタイリスト、上場企業のマーケティング担当者など多岐にわたる。 サイト公開からわずか10ヶ月で14.6億円の生み出す不動産投資メディア、契約率40%程度の理想的な見込み客が集まるブランディングメディアなど数々の成功事例を生み出してきた。「ユーザーに集中すれば結果はついてくる」をモットーに年間4,000件以上のコンテンツ作成に携わっている。 …続きを読む コンテンツマーケティングのコンサルタントとして過去7年で70社のオウンドメディア運用を支援に携わる。クライアントは医師、歯科医師、弁護士、税理士、司法書士、ファイナンシャルプランナー、ヨガインストラクター、パーソナルスタイリスト
アクセスアップのためのはてなブックマーク狙いの時代は終わり、Gunosyの時代が来ている | 男子ハック
@JUNP_Nです。今さらかよという話題です。ブログのアクセスアップにまつわる記事を書くことはもうないと思っていましたが、Gunosy砲を受けることが増えてきたので、現時点でのGunosyからのアクセスについての実感をまとめておきます。Gunosyからの流入は日々増えていっています 以前にGunosyが「はてなブックマークの人気記事と同じだ」とか話題になりました。既にはてなブックマーク絡みの部分については改善がされているので、現時点でGunosyを利用している人が前日のはてなブックマーク人気エントリーと同じ内容が配信されているということは、おそらくないはずです。 直近31日での男子ハックのアクセス解析から主要な参照元メディアを確認してみた数字が以下。 参照元メディア訪問数 Gunosy26,521 Twitter29,615 Facebook32,300 はてなブックマーク11,999 R
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
ストレスのないスマホサイトを作る８つのポイント！
お久しぶりです。マラガの海の贈り物ディレクターのSEKOです。 みなさんは普段スマホで「いつ」「どこで」調べ物をしますか？ 私は会社の行き帰りの電車の中で調べ物をしている事が多いですが、「限られた時間の中で知りたい情報をすぐに見つけたい」なのにサイトが重かったり、知りたい情報が見つけにくい、操作がしにくい。そんな経験はないでしょうか？ 本日はストレスのないスマホサイトを作るにあたりUIをどのように考慮していけば良いか８つのポイントをお届けします。 スマートフォンを利用するシーンを想像しよう。 まず一番重要なことがスマホサイトを利用するシーンを考える事です。大抵スマホサイトを利用する場合は下記の状態が考えられます。 時間に余裕がない 通信環境が不安定な状況にいる 利用が断続的である。 屋外、通勤時間の電車の中、休憩時間のカフェ、会話中に思い出せない事がある時など「すき間の時間」の利用シーンが
(IDEの話) PhpStorm / WebStorm を試してみた | バシャログ。
いままでVim → NetBeans と使ってきましたが、 WebStorm / PhpStorm というIDEがすごいらしいので試してみました。試用してみた結果PhpStormをメインで使うことにしました。 PhpStorm / WebStorm はJetBrainsという会社がリリースしている有償の IDEです。試してみて、JavaScriptコード編集機能の優秀さに感心しました。この記事ではどんな機能をもっているかをスクリーンショットつきで、さわりだけ紹介します。(PhpStormはWebStormにPHPエディタ機能などが付いた上位版なので、以下WebStormと表記して紹介いたします。) グローバル変数とローカル変数が区別される JavaScriptのコードを書く、保守するときに大切なことの一つに、「グローバル変数をなるべく使わない」があります。WebStorm はシンタックスハ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5とCSS3の実用的なテクニックが丁寧に丁寧に解説されたウェブ制作に真剣に取り組みたい人にオススメの本 -HTML/CSS デザインの教科書
robots.txtとは？設置する理由・SEO効果・書き方を解説
会社にWebの価値を認めてもらうには、何をすればいいの？／うさぎ薬局の中村真奈さんに聞いてきた | Webのコト、教えてホシイの！
jquery ajax form 送信 - Google 検索