キーワード検索「テンプレート」
897
みなさんは、サイトをスクラッチで作る時にどうされていますか？ HTMLやCSSをイチから作り込んでいくのは大変ですよね。 フリーでHTMLやCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局ゴリゴリ作らないといけなかったりします。 最近だと、Twitter Bootstrapが使いやすくて、いろんなサイトでも使われています。 特にウェ...
832
Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。Photoshopテンプレートまずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れ...
476
こんにちは、鴨田です。 個人的に仕事の大半はスマートフォン関連なので、 最近のマークアップはほとんど全てHTML5+CSS3で行っています。 とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。 ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。 １．HTML5の初期テ...
587
HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。【HTML5】新規でサイトを作るのに使えそうな一...
528
カッコいい管理画面のHTMLテンプレート総まとめ。 これまで紹介したエントリや、新しく発見したエントリで紹介されているものを全てマージしてみました。 有償のものも混じってますが、カッコいい管理画面を作りたいといった際にカタログ的に使ってみてもいいかも。 独断ですが、クオリティ順に並べ替えてます。 Simpla Admin Boxie Admin Complete Liquid Admin InAd...
460
Webデザイン制作などに活用できる質感の高いデザインパーツを公開しているサイトがあったので、今回はご紹介します。 継ぎ目の無いパターン、テクスチャ素材などの他にも、ホームページのテンプレートやHTMLホームページ本体も無料でダウンロード可能となっています。 詳細は以下から。 Elemisは、Webデザインに便利なパーツや素材などをすべて無料公開されており、どれも商用利用が可能となったアイテムばかり...
447
HTML5でサイトを作成する時に必要なHTML5の雛形、jQuery, Modernizrなどのスクリプト、CSSのリセットなど一式を自分用にカスタマイズして作成できるオンラインサービスを紹介します。InitializrでHTML5のテンプレート一式を作成する方法HTML5用のテンプレート一式を作成するのは、わずか数秒で簡単にできます。トップページにアクセスし、4つの選択項目から自分の必要なものを...
419
WordPressの表示速度を早くするためのTipsをご紹介します。 一時キャッシュ系のプラグインから、プラグインを減らすためのコード、データベースの最適化など、WordPressをスピードアップさせるためにやっておきたいTipsをまとめました。私はWordPressが大好きなので、もちろんこのブログもWordPressで作っています。 でもWordPressはPHPで作られているCMS。 ブラウ...
341
2007年1月。私がブログを始めた同じ月にミャンマーの青年が個人でも商用でも無料で使えるFreeFlashTemplateというサイトをオープンさせました。Flashのテンプレートを無料で提供というスタイルですね。 とても素晴らしいソースとして、結構使われた人も居るかもしれません。ある程度広告収入と言う方法で軌道に乗せたNetDNAは、その一年後2008年に、FreeCSSTemplateというサ...
363
HTMLテンプレートを作るのは簡単？赤の他人が作ったHTMLテンプレートを簡単に編集できるか？新人に数千ページのサイトのコーディングを任せられるか？HTML, CSS, JavaScriptを覚えればコーディングは楽勝？そこまで簡単じゃないかもしんないブラウザのバグ？ まぁそれもありますCascadingという仕組みは素敵ですが あっという間にコードが大変なことになりますCSSには素敵なセレクタが...
309
完全に一致を作るための勉強法 たくさんのアクセスありがとうございました。コメントもたくさん頂いてまして、それにお答えするのに「ブログでもつくろうかいな」とのぼせましたが、そんなテーマで続くわけもないので、やはりアノニマスダイアリーにしました。 【製作期間について】まず、皆さん仕事しながらたった4ヶ月で！と褒めて頂いてますが、たったじゃないですよ。4ヶ月って。仕事が終わって、毎日2～3時間。土日関係...
277
sparrow.jsを使うと既存のガラケー向けWebサイトをスマートフォン向けサイトに変身させてくれます。それもたった一行のJavaScriptタグを追加するのみです。 0 ガラケー向けサイトをiPhoneで表示したところです。いわゆる普通の携帯電話向けサイトとしての表示です。テンプレートは「携帯専用無料テンプレート配布中 ： フリースタイル 携帯無料レンタルサーバー」よりお借りしました。 0
261
プロフェッショナル向きに開発された、HTML5+CSS3+jQueryなど直接実装に関わるファイルから、robots.txt, .htaccessなどサーバー関連のファイルも一式にまとまったテンプレートを紹介します。HTML5 Boilerplate昨日、当サイトで紹介した「HTML5 Reset」もHTML5+CSS3をベースに開発されたテンプレートセットですが、こちらはよりプロフェッショナル向...
244
HTML5+CSS3の環境で汎用的に利用できるHTML・スタイルシート・スクリプトなどのファイルを一式にまとめたテンプレートを紹介します。ファイル構成：コメント無し版各ファイルの説明index.htmlHTML5の要素を配置した汎用的に利用できるHTMLファイル。各スタイルシートファイルも埋め込まれています。css/main.css@import用のスタイルシートです。css/reset.cssE...
197
![[JS]jQueryのプラグインを開発するためのテンプレート -jQuery Boilerplate | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-development-jqueryboilerplate.html)
jQuery BoilerplateはjQueryのドキュメント「Plugins/Authoring」から、より良いパフォーマンスとメモリ使用を提供することを目標として開発したとのことです。 jQuery Boilerplate (stripped version) jQueryのプラグインのテンプレート(stripped version)です。 ※2011年7月26日現在のものです。 (func...
182
先日予告したSNBinderのオープンソース化、GitHubに簡単なREADME付きでアップロードしたのでご覧いただきたい。https://github.com/snakajima/SNBinderSNBinderは、ひと言で言えば「ブラウザー上でView(テンプレート)とData（JSON）を結合して HTML を生成するテンプレートエンジン」である。９０年の半ばから急速に広まったインターネット...
189
ユーザーが自分で作成したサイトテンプレートやWordPressなどのCMS用テーマなどを有料で販売したり、逆にユーザーがそれらのファイルを購入したりできるサイトが「ThemeForest」です。現時点では3300個以上の有料テンプレートやCMSテーマがあり、どれもこれもかなりプロフェッショナルですごいクオリティのものばかりですが、そんなプロフェッショナルレベルのサイトテンプレートを無料でゲットする...
183
Best of Free Clean PSD Buttons ready for web2.0 | djavupixel.com かなりクールにデザインされたPhotoshop用のボタンテンプレート集。 CSS3でかなりボタンをデザインできるようになったとはいえ、そこまでやるなら画像にしちゃったほうが、という場面も多くあります。 Photoshop用のボタンテンプレートが色々まとまっていたのでデザ...
151
Webアプリケーションがさらに開発されていくために必要なのが高機能なJavaScriptテンプレートエンジンの存在です。幾つか出てきていますが今回紹介するのはかなり有力です。なぜならGoogleが開発したテンプレートエンジンだからです。それがJsTemplateです。 0
161
![[JS]使いやすく高性能なフォームが簡単に設置できるフレームワーク -jFormer | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-jformer.html)
簡単なログインフォームをはじめ、お問い合わせフォーム、コメント用フォーム、ショッピングカート用フォーム、アンケート用フォームなど多種多様なタイプが用意された、バリデーション機能も備えたフォームのフレームワークを紹介します。jFormerの特徴クライアントサイドのバリデーションサーバーサイドのバリデーションAJAXを使ったページ変更機能CSSベースの簡単なカスタマイズBotの防止（CAPTCHAは無...
