ブックマークしておくと便利！Web制作に役立つさまざまなツールが一箇所で利用できる -SmallDev.tools
CSSやJavaScriptのミニファイ（軽量化）、HTMLやCSSやJavaScriptやSQLのフォーマッター、各種エンコード・デコード、ダミーテキスト・ダミーデータ・ダミー画像・クレジットカードのジェネレーター、diff（ファイル比較）など、Web制作に役立つツールがまとめて利用できるSmallDev.toolsを紹介します。 いろいろなツールが揃っているので、ブックマークしておくと便利です。 SmallDev.tools smalldev-tools -GitHub SmallDev.toolsの特徴 SmallDev.toolsは、Web制作に役立つさまざまなツールが一箇所でまとめて利用できる便利サイトです。完全に無料で利用でき、登録など面倒なことは一切ありません。 最小限のインターフェース🤩 電光石火の速さ⚡ 広告はなし💩 プライバシーフリー🔐（データはすべて、サーバーに
どうしてHTML5が廃止されたのか | フューチャー技術ブログ
フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては「何をいまさら」という話題かと思います。 しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。 そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。 広義のHTML5 / 狭義のHTML5HTML5
阿部寛のサイトを高速化する - Qiita
ちまたで阿部寛のサイトが早いと話題になってます。 dev.toと阿部寛のホームページどっちが速いですか？ dev.toと阿部寛のホームページについてちゃんと計測させてくれ 阿部寛のサイトはベストを尽くしてるのか？ それを調べるために、阿部寛のサイトを高速化させてみたいと思います。 目指すべきスピード 最速はローカルのファイルへのアクセスだと思うのでこれを目指したいと思います。 file:///C:/abe_hiroshi/index.html ChromeのDeveloper Toolでレンダリング完了が「173ms」でした。 まぁここまでは無理だな… 阿部寛のサイトはどんなもん？ 速度はwebpagetest.orgで測ってみます。 レンダリング完了時間は「359ms」です。はえーな S3でホスティングしてみる サーバーを立てるほどでもないので、S3でWebホスティングしてそこにhtml
WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」:phpspot開発日誌
WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 2012年05月01日- Chrome ウェブストア - Dev HTTP Client WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 サーバに対して、POSTやGET等のメソッドで、独自のクッキーやヘッダーなどを加えて手動で送信できるChromeのアプリです。 POSTで送信する場合ってフォームを用意しないといけないのが面倒ですが、それも手動で指定できるため、非常に便利。 その場で返却値がカラーリングされつつ整形されて見れるので、JSON等の値を見る場合には超便利です JSON返却値の例。カラーリングと整形がありがたい なくてもそこまで困らないかもしれませんが、エントリポイントをちゃんとチェックしたいっていう
シンプルで上質なウェブデザインの国内サイトまとめ | 日刊ウェブログ式
白を中心としたシンプルで美しいデザインのウェブサイトをまとめました。日本語サイト中心なので、サイト制作の参考にしやすいかと思います。 Francfranc フランフラン コーキーズクッキー オンラインショップ recomincaリコミンカ 代官山 蔦屋書店 momochi soap Starbucks Coffee Japan SPIRAL WEB トリニティワークス アリンコ - ARINCO 株式会社キュービックホールディングス ヨイチの社長ブログ 面白法人カヤック Sゝゝ Online Shop 公長齋小菅 アトリエm4 au 東京女学館大学 日本デザインコミッティー 茶筒の開化堂 bathappy 約9,000種の紙が買える竹尾のウェブストアtakeopaper.com L'ALBAホールディングス 電通ワークス 博報堂（HAKUHODO） 株式会社 USEN マイナビ 目黒区美術
WEBで成果を求められた時に役立つ「コンバージョン率を上げる5つのステップ」
WEBで成果を出すために必要なのは、 コンバージョン率を上げる5つのステップ！ 企業の販促・広告担当者、そして、 WEBディレクター・デザイナーは、常に成果を求められる。 「コンバージョン率を上げろ!」 「直帰率・離脱率を下げろ!」 「もっと成果に繋がるWEBサイトを構築しろ!」 確かに、言うのは簡単だ。 でも、みんな、それが実現できなくて悩んでいる。 そこで、今回のブログは、そのような状況で参考にして欲しい 「コンバージョン率を上げる5つのステップ」についてのお話。 あらゆる見込み客をコンバージョン率の高いコンテンツへ誘導する 結論から言うと、成果を出すためには、 「コンバージョン率を上げる」ことが必要になる。 ここで言う「コンバージョン」だが、 WEBサイトに来てくれたユーザー（＝見込み客）に などが、それに該当すると考えて欲しい。 WEBサイトの目的に応じて、あらゆる見込み客をコンバ
当サイト規約等の利用について | ネットショップ利用規約作成室
当事務所利用規約・プライバシーポリシーは雛形としてご利用いただけます 当事務所の利用規約とプライバシーポリシーはそれぞれ当事務所WEBサイトのリスク回避のために作成，設置しているものですが，みなさまのWEBサイトの利用規約又はプライバシーポリシーとしてご利用していただいてかまいません。 サイト上に「利用規約」「プライバシーポリシー」として設置する限りは，引用元として当事務所の名前を掲載する必要もありませんので，ご自由にご利用ください 。 ただし，「雛形」「テンプレート」「サンプル」等として掲載する場合は，「塩坂行政書士事務所作成」と記載及び「http://www.netkiyaku.com/」へのリンクをお願いします。 なお，プライバシーポリシーについては，当事務所は「個人情報保護法」のほかに「行政書士法」によって守秘義務を課せられているため，通常のプライバシーポリシーよりも制約を厳しく設
無料かつ商用可で約2万枚のハイレベルな写真を提供する「Luc Viatour」
無料で使えるネット上にある写真は「そこそこ」のレベルのものがほとんどで使い物にならないと思っている人の認識を変えさせるほどの威力を誇っているのがこのフォトグラファー「Luc Viatour」氏の公式サイトです。 なんとサイト上にある写真の全てがCreative Commonsライセンス（CC BY-SA 3.0）で提供されており、営利目的での利用、すなわち商用利用も可能となっています。 Luc Viatour http://www.lucnix.be/ 各画像の上にある以下のアイコンをクリックすると別ウインドウが開き、フルサイズの画像のダウンロードが可能となります なお、以下が約2万枚ある画像の一例です。 ◆01：Flaque d'eau au Champ de Mars ◆02：Cnidaria_Luc_Viatour ◆03：2h_Namur_13.jpg ◆04：LV1_5170 ◆
ディレクターが思う。Webサイト設計時に必ず注意したい2つこと（+1） | ユーモアのある人生を。【Maka-Veli.com】
まず前提として、「ヒアリング」がディレクターとしては最も重要な要素ですが、 これは別の機会とさせて下さい。 ヒアリングを行う上で、もしくは行った上での対策3つです。 いわゆるターゲッティングです。 必ず必要になる設計要素で、 これが無ければWebサイトの成功は無いと個人的には思っています。 なぜターゲッティングが必要か？ 見たい人が見ないサイトでは、存在価値がありませんよね。 これは、設計時や表面上のデザインに大きく影響します。 女性向け、男性向け、10代、50代、様々なターゲット層を 踏まえ、サイトを構築する事が重要です。 どのように行うか？ ターゲットを想定し、見せたい情報は何か、ユーザーが知りたい情報は何か？ そしてどんな人が訪れる可能性があるか？ それら全てを想定します。 よく行われるのは「ペルソナマーケティング」と言われる手法で、 ペルソナ=架空の人物
配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 / Maka-Veli .com
タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。 雰囲気のキーワードを出す なんとなくのキーワードを出します。 カッコイイ！ うぉ！すっげ！って感じ クール とにかく渋く。鳥肌立つ感じで 可愛いっぽく。 やっぱ少し可愛くが良い ラブリー♡ もうワクワクーって感じで♥ シンプルに。 余計な物はいらん インパクトどーん とにかく覚えてもらいたい！ 爽やかーーー キレイに見せたい！ 楽しい！ ﾁｮｰﾊｯﾋﾟ ｽｰﾊﾟｰﾊｯﾋﾟ ﾉ…(ry など。 ここで決めたキーワードがベースになります。 常に頭に入れてお
フォームで離脱させないためのjQueryプラグイン50選｜designaholic -Creative Column-
最近では、エントリーフォーム最適化（EFO）という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。 ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。 まず、入力フォームを作成する際のポイントは、ユーザーにストレスを感じせない事です。ストレスの原因となるものは大きく言うと 入力しづらい、エラーメッセージがわかりづらい、といった操作に関するもの。 どこまでやれば完了なのかわかない、個人情報の扱いが心配、といった心理的なもの。 です。なのでこの点を解消させてあげるフォームを作成すればユーザーが離脱する可能性は下がりますね。 具体的なポイントは以下のような項目になります。 必須入力か
Webサイトの「目的」と企業の「強み」とユーザーの「利益」とデザインについて
Webサイトのデザインをデザイナーさんに頼んで、上がってきたデザインがすごく良いものと、あまり良くないものがあります。 その差はどこにあるんだろう？って考えたとき、その理由の1つとして、マーケティング視点でデザインを考えられているかどうか、ということに気がつきました。 ですので、今回の記事では、デザイナーにあると良い基本的なマーケティングの視点をまとめてみました。マーケティングのことがほとんどわからないというデザイナーさん向けです(╹◡╹) 私が思う、デザイナーにあると良い基本的なマーケティングの視点は、次の3つです。 Webサイトの「目的」がわかる 企業や商品の「強み」がわかる ユーザーの「利益」がわかる では1つずつ具体的にみていきます。 1. Webサイトの「目的」について Webサイトにはどういった目的があるのか Webサイトは、何らかの目的があってつくられています。 よくある目的
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TwitterカードやOGPなど、head内のmetaに記述するコードを簡単に生成できるオンラインサービス -Hey Meta
Flipsblog.jp
「アクセス解析／データ分析」カテゴリの記事 -すべて | Web担当者Forum
http://gano-web.com/high-level-web-production-20.html
looks.gd
http://designaholic.cc/2011/02/post-80.html
http://designaholic.cc/2011/11/web8.html
http://designaholic.cc/2010/11/post-29.html