固定ヘッダ、オフキャンバス、スクロールと連動したちょっとしたアニメーション、コンテンツスライダーなど、最近よく見かけるトレンドを巧みに取り入れたレスポンシブ対応の縦長ページを実装するテンプレートを紹介します。 Bootstrapで、かっこいい縦長ページを作りたいと思ってる人はぴったりです!
固定ヘッダ、オフキャンバス、スクロールと連動したちょっとしたアニメーション、コンテンツスライダーなど、最近よく見かけるトレンドを巧みに取り入れたレスポンシブ対応の縦長ページを実装するテンプレートを紹介します。 Bootstrapで、かっこいい縦長ページを作りたいと思ってる人はぴったりです!
ポートフォリオや写真ギャラリーサイトに最適な、シンプルでクリーンなデザインのCSSベースの無料のテンプレートファイル一式をSix Revisionsから紹介します。 Free XHTML Template Pack: Classic Luxury デモページ:Home テンプレートファイルの主な特長は下記の通り。 Photoshop用のPSDファイル付き。 ValidなXHTML。 jQueryを使用したモーダルウインドウ。 ドロップダウン型のナビゲーション。 Twitter, Facebookなどのソーシャルメディアのアイコン。 テンプレートは上記のHomeを含む3ページで構成されています。
HTMLをはじめ、CSSやJavaScriptなどで実装するフロントエンドの主要な機能が一つのパッケージになった「Easy front-end framework」を紹介します。
TL;DR 遠方のお客様からのサイト制作依頼、メール問い合わせがあった時に、どんな内容を返信すればよくて、どんなことを聞いておけば概算見積もり(初期費用・ランニング費用)を作りやすくなるのか。ヒアリング時も、ある程度聞き出したい。 ネットや本でも意外と「具体的な例」がないなぁと思い、今回はコーポレートサイトや EC サイト制作依頼があった時に、メール返信や、最低限クライアントに聞いておきたいことや尋ね方をまとめました。ヒアリングシートにも応用できます。会社によって違うと思いますが、ざっくりとメモしておきますので、後は自分流にアレンジしながらご活用ください。 メール用テンプレート ここからはメール返信用です。 コーポレートサイト コーポレートサイトの制作依頼があった時に、具体的にどんな内容をヒアリング、または聞いておけばよいのか項目をまとめました。聞き出した内容をもとに社内スタッフと共有し概
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない><」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか? HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる HTMLテンプレートをいじくると、「こんなデザインにするには、これが必要なのか」と実践的に技術を学べます。それに、手を動かした結果がすぐにデザインに反映されるので、何よりやってて楽しい。今まで何度もホームページ作りを断念してきたヒトにおすすめしたい独学の方法です。 そもそも、自分で全部やろうとすると、ホームページ作成に必要なスキルは、「HTML/CSS」「JavaScript」「画像編集・処理」「コピーライティング」「ライティング」など、あげだすと切りがないです。 ありがちな失敗パターンは、最初から全
SEO好きですか?私は嫌いです。そんな事に取り組むよりも仕組みやコンテンツの改善に取り組みたいです。今回はそんなSEO嫌いにお送りする、SEO対策集です。やってられないSEOは1日で終わらせてもっと生産的な仕事に集中しましょう! まずは結論から 下記をテンプレートにしていただければ良いです。google検索表示もfacebook表示も上手くいきます。twittercardの表示だけは公式サイト(日本語)より申請がいるのでそれだけしておきましょう。 <title>Qiita - プログラマの技術情報共有サービス</title> <meta content="Qiita - XXX" name="title"> <meta content="ブログ記事詳細. 120字以内を心がけよう。その中でも最初の40字は大事。" name="description"> <meta content='キーワ
Minimal WPテーマはデザインも機能も圧倒的に「ミニマル(最小限)」なので面倒な設定が全く不要。初心者の方でも「画像アップロード」「ドラッグ&ドロップ」「コピペ」くらいの簡単操作だけで自分でホームページを作ることができます。万が一、初期導入で分からないことがあっても、30日間の無料メールサポート付きなので安心です。
1. 無料ハイクオリティーなテンプレートを見てみよう! 2. ここだけは押さえろ!コンテンツ作成のポイント 3. Railsに速攻デプロイ 上記3つを抑えて、短い時間でハイクオリティなサイトを作ろう! 1. まずは、無料ハイクオリティーなテンプレートを見てみよう! 百聞は一見にしかずといいますね。 まずは、テンプレートのクオリティーをチェックしてみましょう。 ちなみにすべて、レスポンシブです! かっこよくないですか?? このクオリティーで無料なら、一からつくるのなんて馬鹿らしくなってきません?? 「うんうん。馬鹿らしくなってきた(読者の声)」 ですよね。じゃまずは、イケてるテンプレートを探してみましょう! おすすめのサイトを3つご紹介します。 Free Responsive HTML5 CSS3 Website Templates HTML5 UP! Responsive HTML5 an
ウェブサイトやブログを作るのはめんどくさい、Facebookは登録が手間、だけど自分だけのページが欲しい……。そんなわがままな要求に応えてくれるのが、1ページだけのサイトを簡単に作れるサービス「Populr」です。 Populr.me - One page, get results. https://populr.me/ Populrは、セールスを顧客にアピールしたり、マーケティング戦略として商品を紹介したり、友達とのコミュニケーションツールにしたりとさまざまな使い方が想定されています。本当に簡単にサイトが作れるのか試しに作ってみました。 まずはトップ画面にある「GET STARTED FOR FREE」をクリック。 なお、対応ブラウザーは、Google ChromeとSafariの2種類です。Firefoxなど他のブラウザで利用しようとすると下のような注意書きが出て使用不可なので注意。
みなさんご無沙汰しています。WPD-Bordeaux ことBizVektorの石川です。 さて、WordPressでビジネス向けのウェブサイトをつくろうとすると、最近では非常に優秀な無料WordPressテーマもあるようですが、そういった高機能なテーマがあったとしても サービス紹介や会社案内などいろいろなページを自分で作成 ナビゲーションを作成・設定 問い合わせフォームを設定 など、何だかんだと地味な設定作業が結構あり、どうしてもある程度時間がかかってしまいます。 そこで、今回ご紹介するのは、WordPressでつくるコーポレートサイト向けコンテンツのxmlテンプレートです。 これを使うと、WordPressがインストール済みの状態であれば、おおよそ15分程度で下記のデモサイトの状態まで構築出来ます。 デモサイトを見る 今までなかった”中身”のテンプレート デザインや機能のテンプレート(テ
Movieclip tweening prototypesは、トゥイーンを使用したユーザーインターフェイスを実装できるフラッシュのライブラリです。 Movieclip tweening prototypes ライブラリには下記のようなサンプルがあり、それぞれflaファイルもダウンロードできます。
うっかり3週間ぶりのあわゆきです。 LINE のクリエイターズスタンプを作るときに使う Illustrator のテンプレートのお話です。以前から GitHub で公開しているものをアップデートして、さらに画像書き出し用のスクリプトファイルも追加しました。 テンプレートについて その名のとおりのもの。1ファイルでスタンプセットの全アイテムを作れるように、アートボードを配置したテンプレートです。制作ガイドラインで規定されている余白などもテンプレートレイヤーとして入っています。 今回の更新 『4列 × 10行』のアートボード配置に変更しました(以前は描き上げたアイテム数をカウントしやすいように『5列 × 8行』のアートボード配置だった)。 なんで4列なん 販売ページや実際のスタンプ使用時のレイアウトが4アイテム横並びなので、それに合わせた形です。 40アイテム全体を俯瞰したバランスや、販売ペー
Nintendo Switchの純正プロコンを異次元レベルの操作性に!使わない理由がない革新的アダプター
HTMLで、Webページやアプリを作成する時に役立つ、フロントエンド用に必要最小限をまとめたシンプルなHTMLの基本テンプレートのファイル一式を紹介します。 v.8.0.0がリリースされ、現在の環境に合わせた設計にアップデートされました。 IE11を含む、すべてのモダンブラウザをサポートしています。 HTML5 Boilerplate -GitHub HTML5 Boilerplateの特徴 HTMLの基本テンプレート HTML5 Boilerplateの使い方 HTML5 Boilerplateの特徴 HTML5 Boilerplateは、Webサイトやアプリを実装するためのプロフェッショナルなフロントエンド用のHTMLの基本テンプレートです。 実践的な基本のテンプレート 200人を超える貢献者による分析・研究・実験をもとにしています。 ブラウザの見え方を最適化 プログレッシブエンハンス
世の中にランディングページに関する記述は無数に存在します。 しかし、情報量が多すぎて探している記事を発見することが困難だと感じている人も多いのではないでしょうか。 そんなあなたのために、過去リスクルに投稿されたランディングページに関する記事を「これから作りたい」「さらに獲得を伸ばしたい」などのステージ別にまとめてみました。 初めてのランディングページ製作や、既存ランディングページの改善の際には、ぜひとも参考にしてみてください。(参考:ランディングページ制作会社の一覧 ≫) ※ランディングページ改善に重要な要素を大きく4つに分け(ファーストビュー、ライティング、導線、その他のポイント)それぞれの項目で訴求ポイントのチェックが行えるシートを無料で公開しています。こちらもご参照ください。 新しくLPを作る方へ│成果の出るLPの作り方ランディングページは作り方次第で成果が2倍3倍と大きく変わります
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く