最近のウェブサイトは、動画であったり、アクション時のエフェクトであったり、動きのあるものが目立つようになってきましたよね。 ストレージや回線、ブ

サイト制作 関連の記事

HTML5やCSS3、メタタグ、リッチスニペットなどのコードを生成してくれる「Web Code Tools」
HTML5やCSS3、メタタグ、リッチスニペットなどのコードを生成してくれる「Web Code Tools」
サイトを作ったり、改善しているときに、HTML5やCSS3、あるいは構造化マークアップを追加するためにMicrodataやJSON-LDを書いてリッチスニペットに対応するようなシーンも多くあるかと思います。 リソースが潤沢であれば、こういった作業も進めやすいのでしょうが、リソースが不足している» 詳細を見る
モックアップをあらゆるブラウザで表示しているかのような画像を生成する「Browser Frame」
モックアップをあらゆるブラウザで表示しているかのような画像を生成する「Browser Frame」
作ったモックアップやワイヤーフレームの画像をブラウザにはめ込んだ状態にして共有したいこともあると思うのですが、それがあらゆるブラウザにはめ込んでということになると、該当の端末やブラウザがなかったりと、手間がかかってしまうものですよね。 今回ご紹介するのは、非常にシンプルではあるものの、地味に便» 詳細を見る
サイトのプロトタイプに対するフィードバックをサイト上でおこなえる「Cycles」
サイトのプロトタイプに対するフィードバックをサイト上でおこなえる「Cycles」
サイトのプロトタイプを作成し、ユーザーテストをおこなってフィードバックをもらい、修正後に今度は承認をもらうという一連の作業を、まだまだメールやチャットでおこなっていて非効率だと感じることも多いのではないでしょうか。 今回ご紹介するのは、そのプロトタイプがウェブ上にあるとき、スクリプトを埋め込む» 詳細を見る
サイトマップやライトな画面遷移図を簡単に作れる「MockFlow SiteMap」
サイトマップやライトな画面遷移図を簡単に作れる「MockFlow SiteMap」
サイトを制作する際に作るサイトマップや画面遷移図。これらを既存のツールで実際のサイトをイメージしやすいように作るのは至難の業ですよね。 凝ったものを作ろうとしても無駄な時間を浪費するだけですし、かといって簡易すぎても伝えるべきことを伝えられなくなるなんてことにもつながりかねません。 そこで今» 詳細を見る
アラサーOLが「WIX」で無料ホームページを作ってみた
アラサーOLが「WIX」で無料ホームページを作ってみた
友達がハワイに新婚旅行にいくそうでして、ハワイ大好きアラサーOLの私に「どこに行けばいいかな~♥」と聞かれました。 新婚旅行先として大人気のハワイに行く友達は多く、そんな友達が行くたびに私にこうした質問が来るのです。毎回、口頭だけで伝えるのも、なかなかイメージを伝えづらいし、、、ということ» 詳細を見る
タスク管理ツール「Trello」でブログやサイト、LPが作れる「CARDFORM」
タスク管理ツール「Trello」でブログやサイト、LPが作れる「CARDFORM」
ブログやサイトをテンプレートから楽に作成できても、重要なのはその後の中身の作成や更新。ここがなかなか億劫で進まないということもあるかと思います。 そのブログやサイトの中身を作成、更新する障壁を少しでも低くしようと、もしも普段仕事で使っているタスク管理ツールでブログやサイトを作成、編集できてしま» 詳細を見る
シングルページのサイトを驚くほど容易に作成できる「Cindr」
シングルページのサイトを驚くほど容易に作成できる「Cindr」
商品を販売するようなランディングページだけでなく、コーポレートサイトなどでも1ページで完結するサイトをよく見かけるようになっているうえに、そのようなサイトを簡単に作成できるサービスも数多く出ていますが、それでもなかなか、サイトのクオリティを上げるのは至難の業であることにはまだまだ変わりないように» 詳細を見る
GithubやApp store、ウェブサイトのURLから開発者のポートフォリオを楽に作成できる「DevPort 」
GithubやApp store、ウェブサイトのURLから開発者のポートフォリオを楽に作成できる「DevPort 」
開発者が自分のポートフォリオを作成する際に悩みがちなのが、デザインや制作実績の見せ方だったりしますよね。 あるいは、就活をしている学生も、いまでは自分自身のプロフィールページを作成して企業に売り込んでいくなんてケースも考えられると思います。そういったシーンで手軽にこれまでやってきたことをまとめ» 詳細を見る
無料で簡単にレスポンシブサイトを作れる「SiteKit」
無料で簡単にレスポンシブサイトを作れる「SiteKit」
レスポンシブWEBデザインのサイトにして、PCでもモバイルでも同じ情報をストレスなく見ることができるサイトを作りたい。 それを制作会社に頼もうとすると、結構な金額になってしまうことが多いと思います。 それなりに成長したビジネスであれば、クオリティ重視でお金をかけても良いとは思いますが、これか» 詳細を見る
Wordの文書を綺麗なHTMLに変換してくれる「word2clean html」
Wordの文書を綺麗なHTMLに変換してくれる「word2clean html」
Wordで作成した文書をリッチテキストエディタに貼り付けて、ウェブサイトを作成している人もまだまだいらっしゃると思います。 しかし、Wordをそのままリッチテキストエディタに貼り付けると、どうしても綺麗とはいえないHTMLになってしまいます。そんなデメリットを解決してくれるツールを、今回はご紹» 詳細を見る
レスポンシブなプロフィールサイトを作成できる「Pixelhub」
レスポンシブなプロフィールサイトを作成できる「Pixelhub」
プロフィールを記載したウェブサイトを持つことは、自分という人間を伝えるためにも意外と重要なことではないでしょうか。 名刺交換した相手の名前を検索して、人となりや近況を調べることが一般的?になっているわけですし。 そんな、プロフィールサイトをレスポンシブ・ウェブ・デザインでカンタンに作成できる» 詳細を見る
WEBサイトの一部分を簡易CMS(編集可能)にできる「Copybar」
WEBサイトの一部分を簡易CMS(編集可能)にできる「Copybar」
WEBサイトを簡単に編集できるようにするためにはCMS化する必要があるけれど、編集するのは「お知らせ」などのごく一部分なので、そこまで手間やコストをかけたくない、ということもありますよね。 たとえページの一部分を編集するにしても、そう簡単にはいかないのが通常でしたが、それを簡単に実現できる» 詳細を見る
レスポンシブWEBデザインの各モバイル端末での見栄えを1画面でチェックできる「Responsinator」
レスポンシブWEBデザインの各モバイル端末での見栄えを1画面でチェックできる「Responsinator」
スマートフォンの普及によって、モバイルデバイスのフルブラウザ対応が当たり前になりつつあり、タブレット端末の普及によって、よりリッチなウェブ閲覧が可能になってきていますよね。 これらの端末が普及すれば、WEBサイトはどのモバイル端末でも見やすいように対応していかなければなりません。しかし、そ» 詳細を見る
無料でクオリティの高いボタン素材(PSD、PNG)をダウンロードできる「FreeButtonWeb」
無料でクオリティの高いボタン素材(PSD、PNG)をダウンロードできる「FreeButtonWeb」
スマートフォンアプリやソーシャルメディア、ChromeWEBアプリなどなど、ブログで紹介したいものはたくさんあり、それぞれ思わずクリックしたくなるボタンでインストールを促したいことも多いですよね。 しかし、思わずクリックしたくなるようなかっこいいボタンを作るのは面倒ですし、探してもそう» 詳細を見る
YouTube動画の専用サイトをカンタンに作れる「VidCaster」
YouTube動画の専用サイトをカンタンに作れる「VidCaster」
YouTubeといえば、数あるGoogleサービスの中でもっとも滞在時間の長いサイト。そして、動画を使ってバイラル効果を生み出すのに最適なサービスですよね。 そのYouTube動画でバイラルを引き起こすには、YouTubeへ動画をアップするだけでなく、ウェブサイト上で動画を公開することも大» 詳細を見る