レスポンシブ対応で無料！ウェブ制作を高速化できるHTMLテンプレート24選 2017年1月度
ウェブサイトの閲覧方法は、モバイルやタブレットの普及によって大きく変わってきており、あらゆる端末へ対応することがウェブデザイン制作では必須となってきています。このややこしい問題を解決する、もっとも一般的な方法のひとつが、レスポンシブWebデザインです。 レスポンシブWebデザインとは、デスクトップやタブレット、スマートフォンなどさまざまな画面サイズごとにデザインを調整でき、あらゆるデバイスに最適化したWebサイトを、1つのHTMLで実現できる制作手法を指します。 今回はレスポンシブWebデザインに対応した、無料ダウンロードできるHTMLテンプレート素材をまとめてご紹介します。どれも文字テキストや画像イメージを編集するだけで、すぐに高品質なウェブサイトを作成できます。またBoostrapなど人気フレームワークを利用した素材も多く、柔軟にカスタマイズできる点もポイントです。 サイト設計の手間を
【10月版】最新無料WordPressテーマまとめ12選
WordPressは、個人ブログからコーポレートサイトやショッピングサイトまで利用の幅は多岐にわたり、世界中の有志によって年々バージョンアップが繰り返されています。 WordPressの利点は初心者でも使いやすく、上級者にとっては細部にこだわったカスタマイズが可能です。 中でも、豊富に用意されているテーマを使えば、デザイン初心者でもプロが作るようなデザインのホームページを簡単に作る事もできます。 今回は、9月に追加された最新のWordPressテーマを紹介します。 9月に公開されたWordPressテーマまとめ 1. Zincy Lite 出典：WORDPRESS.ORG 企業のコーポレートサイト向けです。 全体的にシンプルなデザインで、コーポレートサイトにとって必要最低限な機能が踏襲されています。 一見、カッチリとした印象を持ちますが、アイコンにカーソルを当てると動くギミックがあるなど、
LINEスタンプ用 Illustrator テンプレートと書き出しスクリプト - はてゆき
うっかり3週間ぶりのあわゆきです。 LINE のクリエイターズスタンプを作るときに使う Illustrator のテンプレートのお話です。以前から GitHub で公開しているものをアップデートして、さらに画像書き出し用のスクリプトファイルも追加しました。 テンプレートについて その名のとおりのもの。1ファイルでスタンプセットの全アイテムを作れるように、アートボードを配置したテンプレートです。制作ガイドラインで規定されている余白などもテンプレートレイヤーとして入っています。 今回の更新 『4列 × 10行』のアートボード配置に変更しました（以前は描き上げたアイテム数をカウントしやすいように『5列 × 8行』のアートボード配置だった）。 なんで4列なん 販売ページや実際のスタンプ使用時のレイアウトが4アイテム横並びなので、それに合わせた形です。 40アイテム全体を俯瞰したバランスや、販売ペー
無料ホームページテンプレート Template Party
2024/11/22Template モバイルファースト(スマホ幅)のLP向け 無料ホームページテンプレート tp_sh1公開。カフェ・居酒屋・レストラン・ピザ専門店・クラフトビール専門店・ケーキ屋さん・コーヒー専門店・ハンバーガーショップ・マカロン専門店・ベーカリーショップを想定しましたが他のサイトにも転用できます。 2024/11/15不具合 Firefoxでハンバーガーアイコンをクリックしてもメニューが開かない不具合。 2024/11/14お知らせ slickを使ったスライドショーがチラつく件の対応版を公開 ※slick未使用。 （上記ページ内の「slide4-parts」と「slide5-parts」が該当。） 2024/11/13Template ランディングページ（LP）向け 無料ホームページテンプレート tp_lp1公開。 2024/07/31Template ポップでかわい
Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ
TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション／受注前 １．書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類（ヒアリングシート／企画書／提案書／業務委託書／見積書／契約書）など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３ ２．見積もりの目安と計算方法 例えば項目を作るとき１．項目／２．内容／３．設計(人日)／４．製造(人
レスポンシブなWordpressテーマ制作のためのスターターテーマまとめ
レスポンシブなWordpressテーマ制作のためのスターターテーマまとめ Wordpressはテーマが豊富に流通していることで有名ですが、完全に自分のテイストに合ったものや個性的なものを探すとなるとやはり自作するしかなかったりします。 こんな場合、全くの白紙状態から作るとなると大変なので、何かシンプルな造りのテーマをベースにしてそれに肉付けしていくというのが一つの方法と言えます。 そんなことを踏まえてオリジナルのテーマ制作時のスターターに適したテーマや、比較的カスタマイズしやすそうななるべくブランクに近い状態のテーマなどをフリーでレスポンシブなものに限定してピックアップしてみました。 （各種フレームワーク単体ではなく、あくまでテーマとして完成されているものに限定しています） Reverie Download | Demo | Multi Preview | Screenshot Const
HTML5+CSS3で作った無料ブログ用テンプレート【SimpleBlack】
自分の知識の確認の意味を込めて、去年の11月にHTML5用の簡単なテンプレートを作成しました(もともとはCSS Animationの確認のために作った物です)。 もし気に入っていただけたらダウンロードして使っていただけたら幸いです。特に変わった仕様も無く、シンプルで単純なものだったので、多少でも見栄えを良くしようと、先日カスタマイズしておきました。 カスタマイズといっても、jQueryやアイコン・画像・少しのコードを追加しただけなので、そんなに期待しないでね！ちなみにブログ用にカスタマイズしてあります。 あとこのテンプレートの名前は【SimpleBlack】です(名前なんてどうでもいいですよね)！ 今回利用したjQueryなど jQuery Slider2 すごくシンプルで、軽量なスライダーです。あまりにシンプルだったので、本当に動くのか心配だったんですが、きちんと動いてくれました！このテ
WordPressの導入からデザイン、プラグイン、カスタマイズまで全部まとめ
これから始める人から、カスタマイズしたい人まで、 WordPressの疑問・困ったを解決するまとめ 本ブログもWordPressを使って作っている。 最初は、MovableTypeでやっていたのだが、 投稿記事の数が膨大になってくると、再構築に時間が掛かるようになったため、 新ブログを開始する際に、思い切って変えてみた。 幸いにも過去に色んな方が、WordPressに関する「まとめ」を作ってくれていたり WEB上で丁寧に説明してくれていたりしたため、難なく構築することができた。 ただ、色々な情報が散らばっていて、その都度探さなければいけなかった。 そこで、今回のブログは、自分と同じ様にWordPressを始める方のために書く、 「WordPressの導入からデザイン、プラグイン、カスタマイズまで全部まとめ」。 もくじ 今回は、以下の5つについて、まとめてみた。 それでは、それぞれについてご
HTML5の基本的なシンプルテンプレート「HTML5 Reset」
ブラウザなどの制約によってまだまだ全ての現場で利用できるとは言いがたい状況ではありますが、国内でも徐々に利用されてきているHTML5。そろそろ手をつけようと思っているWEBクリエイターの皆様も多いと思います。そこで今回紹介するのはHTML5+CSS3を利用した汎用テンプレート「HTML5 Reset」。 こちらのテンプレートは基本的なCSS、リセットCSSなど非常に分かりやすい構成で組み込まれており、カスタマイズして利用したり、構造を学んだりすることができるようになっています。 詳しくは以下 こちらのテンプレートは2010年から公開がスタートし、バージョンアップが続けられれ、現在はV2としてリリースされています。 本を読み解いて覚えるのは確実ですが、時間がかかりますし、HTMLの基礎ができている方であれば、習うより慣れろで、こう行ったテンプレートを触っていったほうが、遥かに学習効率がよさそ
これは助かる！Web制作を円滑に進めるために役立つ資料テンプレート
クライアントとの更新やりとりを10倍楽にする（か... / 【無料配布】Web制作における書類一式、そしてド... / WEBサイト制作前やデザイン制作時に欠かせないヒ...他...全5件
WordPress初心者がハマリやすいエラーや問題とその解決方法
WordPressでブログやサイトを作成・運営する際に役立つ、ハマリやすいエラーや問題とその解決方法を紹介します。 WordPress Tips and Tricks for Beginners [ad#ad-2] 下記は各ポイントを意訳したものです。 テーマとテンプレートの違いは？ 画像が表示されない URLを全部書くのが面倒 パンくずを設置したい ページごとに異なるスタイルシートを適用したい 新しい記事を表示したい テーマとテンプレートの違いは？ 問題 WordPressのテーマファイルとテンプレートの違いが分かりません。 答え テーマファイルはあなたが必要とするファイルをすべて含むフォルダです。 例えば、WordPressのデフォルトのテーマファイル「Twenty Eleven」がそうです。 WordPressをはじめる多くの人がテーマファイルからはじめ、それを元にブログやサイトを作
様々なCSSレイアウトをダウンロードできるサイトをまとめた「465+ Useful CSS Layouts for Download」
TOP > WebDesign > 様々なCSSレイアウトをダウンロードできるサイトをまとめた「465+ Useful CSS Layouts for Download」 WEBでは様々なデザインレイアウトがあり、クリエイティブで大きな差はできますが、基本のレイアウトはある程度決まっており、制作する上で、ベースとなるレイアウトテンプレートがあるだけで随分と楽になります。今日紹介するのは様々なCSSレイアウトをダウンロードできるサイトをまとめたエントリー「465+ Useful CSS Layouts for Download」です。 Nice and Free CSS Templates/Layouts by My Celly 基本的な1カラム、2カラム、3カラムといったベーシックなものから、シンプルなものまで様々なCSSテンプレートがダウンロード可能です。今日は紹介されている中か
HTML5+CSS3の導入時に役立つ7つの設定
こんにちは、鴨田です。 個人的に仕事の大半はスマートフォン関連なので、 最近のマークアップはほとんど全てHTML5+CSS3で行っています。 とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。 ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。 １．HTML5の初期テンプレート案 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>HTML5 初期テンプレート</title> <!-- reset.cssの設定 --> <link rel="stylesheet" media="screen" href="reset.css" /> <!-- Viewportの設定 --> <meta nam
jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる
久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下
[CSS]用途に合わせて必要な機能を拡張できるCSSのフレームワーク -Cabin
デモ：テーブル ベーシックなデザインのテーブルのデモ Media Queriesはデモがなく、下記ページより利用できます。 Media Queries -Cabin-Extensions -GitHub [ad#ad-2] Cabin CSS Frameworkの使用方法 Cabinは一つのコアファイルと複数の拡張ファイルが構成されています。 拡張ファイルは必要なもののみ使用します。 <head> <!-- Cabin コアファイル --> <link rel="stylesheet" href="css/cabin.css" /> <!-- Cabin 拡張ファイル --> <link rel="stylesheet" href="css/extension-name.cabin.css" /> </head> Cabin CSS FrameworkのIE6のサポート IE6とそのユーザ
HTML/CSS テンプレート集まとめ - Cube Lilac
サイトのデザインを変更しようかと思ったのですが，自力でデザインを考えるのは限界があるのでフリーの HTML/CSS テンプレート集をざっと探してみました．尚，どのサイトが人気なのか分からなかったので，各種ソーシャルメディアのカウントを取得して併記してみました．海外サイトばかりなので，SBM としてははてなブックマーク以外に Delicious のカウントも取得しています． 掲載されてあるデザインはまったく見ずに，サイトの使いやすさ（と言うか「広告の少なさ」かな）だけからの感想ですが，個人的には http://www.solucija.com/ が使いやすいかなぁと言う気がしています． URL Delicious Hatena Twitter Facebook 1 http://www.oswd.org/ 24,170 951 471 1,002 2 http://www.freecsste
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressテンプレートタグ集｜初心者即実践＆仕事で使えるコピペ用
cmmntr.com
新着記事
HTML5＋CSS3ベースのテンプレート集１２:phpspot開発日誌