【Bootstrap製】90ページ超えの無料HTML5／CSS3テンプレート素材 Titan
ウェブサイトやアプリ制作に必要なスタイルがあらかじめ定義された、人気CSSフレームワーク Bootstrap。しかし、デザインが他のサイトとかぶってしまうとお悩みの方も多いのではないでしょうか。 今回は、Web制作をより手軽に行うことができる、Bootstrap対応の無料HTML5/CSS3テンプレート素材 Titan をご紹介します。90ページにおよぶ大量のサンプルHTMLページが用意されており、あらゆるプロジェクトに活躍してくれるフリー素材となっています。 Bootstrap を拡張パワーアップ！参考にしたい50個の無料プラグイン、コンポーネントまとめ 無料HTML/CSSテンプレート Titan について Titan はHTML5/CSS3で制作されたBootstrap対応テンプレートで、過去5年間のウェブデザインの傾向を分析して作成されたスタイリッシュな素材です。 じっくりと検討さ
Bootstrapで作るランディングページ・小規模サイトに、商用無料でバックリンク不要で利用できるテンプレート集 -Designstub
ランディングページ向けの縦長ページ、スモールビジネス向けの複数ページ、すべてがミニマルに美しくデザインされたレスポンシブ対応のBootstrapのテンプレートを紹介します。 テンプレートの良さはデザインだけではありません。いくつかダウンロードしてコードを見たところ、クリーンなHTMLでコメントもしっかりしているので、カスタマイズ性にも優れています。 Designstub ダウンロードには、メールアドレスの登録（無料）が必要です。 テンプレートの利用にあたっては、個人でも商用でもクライアントワークでも無料で利用で、クレジット表記は削除しても問題ない、とのことです。テンプレートとしての再配布・販売は禁止です。 詳しくは、ライセンスページをご覧ください。 ライセンスページ テンプレートは、縦長1ページ用と複数ページ用の2種類に分けられています。
大体いい感じの研究発表ができるKeynoteテンプレート「Zebra」を作った - shoya.io
なぜ作ったか 僕の観測範囲では、研究発表のスライドというのは装飾が最小限で、白地に黒文字が読みやすくて良いとされています。その制約の中で見栄えの良いスライドを作るのはなかなか難しいので、大体いい感じになるKeynoteテンプレートを作りました。名前はZebraです。こちらからダウンロードすることができます。Zebra — Keynote template for research presentations テンプレート作成/公開にあたって参考にさせていただいたのは佐野章核さんの「Azusa」「Azusa Colors」で、勉強会やLTのスライドではいつもお世話になっています。 大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAPHIX ただ研究発表のような堅い場所で使うにはややポップすぎる感じがするのと、透過でない図やグラフを貼る機会が多くて真っ白な背景
おしゃれになるkeynoteテンプレート「Lemonade」を作りました。 - meycoのUX&UIデザイン技術メモ
作った経緯 私はIT系の勉強会に時々参加しているのですが、そこでエンジニアの人たちから 「keynoteテーマ作るのめんどい」 「某keynoteテーマすごい便利だけど、前に発表した人とかぶるの恥ずかしい」 という意見を非常に多く頂きました。ので、それを解決するべく初めてテーマを作ってみました。 Lemonadeテーマサンプル サンプルスライドを作ってみました。 Lemonade-original keynote theme. from Meyco U フォントについて Futuraとヒラギノ角ゴW3で指定しています。 どちらもMac OSX のデフォルトフォントです。 というか、本当にはヒラギノW5で指定したいんだけど、方法がわからずそのまま。 解決方法があれば教えて下さい。 色について 気になる部分は随時変えてください。 初めてkeynoteテーマ作ってみた知見 keynote、なんで
テンプレートエンジン「EJS」とタスクランナー「Gulp.js」で爆速HTMLコーディング | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 突然ですがみなさん、EJSってご存じですか？ EJSっていうのはですね、なんかもう、こう、すんごいツールでして！ とにかく、使うとコーディングがめっちゃ早くなるんですよ！！ 今回はそれを使って、爆速でコーディングするテクニックの入門編を紹介したいと思います。 EJSとは？ EJSはテンプレートエンジンと呼ばれるツールの1つで、JavaScriptのような書き方を取り入れつつHTMLが書けるという特徴を持っています。 ざっっっっくり言い表すと、SassとCSSの関係に近いです。 「EJSデータでより楽な書き方をして、HTMLに変換して出力する」ことができます。 これが使えるようになると、例えばheaderやfooterなどのパーツを分割して共通化させたり、JSのfor文のような命令がHTML上で使えます
更に大体いい感じになるkeynoteテンプレート「Azusa Colors」作った - MEMOGRAPHIX
いい感じのスライド、作るのむずいので、「Azusa Colors」っていうKeynoteテンプレートを作った。下記のサイトからダウンロードできる。 Azusa Colors - 大体いい感じになるKeynoteテンプレート解説 デモも兼ねた解説スライドを作った。 Introducing Azusa Colors Keynote Template // Speaker DeckAzusa ColorsとはAzusa Colorsとは、大体いい感じになるKeynoteテンプレート「Azusa」に、新しいカラーバリエーションを加えたもの。 Azusaとは僕が1年前に作ったKeynoteテンプレートで、「SpeakerDeckにある “なんとなくいい感じのスライド” は大体1ページあたり3色以内で構成されている」という法則にもとづき作成した。 使われている様子を観察すると、主にエンジニアの勉強会や
大体いい感じになるKeynoteテンプレート「Azusa」作った - MEMOGRAPHIX
いい感じのスライド、作るのむずいので、大体いい感じになるKeynoteテンプレート作った。ここからダウンロードできる。 Azusa - 大体いい感じになるKeynoteテンプレート解説サンプルも兼ねた解説スライド作った。 Introducing Azusa // Speaker Deckだいたいスライドに書いたけど要約すると下記のようなことを考えた。 スライド作るの難しい色とか難しいかっこよくしたいAzusaっていうのを作ったAzusaは、大体いい感じになるKeynoteテンプレートです Azusaの特徴大体いい感じになるカラースキーム大体いい感じになるフォント大体いい感じになるマスタースライド色カラースキーム考えた 白っぽい色（白っぽいクリーム色とか白っぽいねずみ色） 黒っぽい色（赤っぽい黒とか青っぽい黒とかそういうの） 緑とか青とかピンクとかのアクセントカラー1色 原色すぎないほうがイ
プレゼンや企画書用のPowerPointやKeynoteのテンプレートのまとめ、無料から有料まで
プレゼンテーションや企画書などに使える、PowerPointやKeynoteのテンプレートがダウンロードできるサイトを紹介します。 プレゼンの参考になるコレクションサイトをはじめ、無料や有料の高品質なテンプレートやグラフ・チャートや背景がたくさん揃っています。無料のは多くがページ数が少ないですが、有料のは少額でもページ数が揃っているものが多いです。
[woops!] keynoteプレゼン じぶんでテンプレートを作る
Keynoteを利用してイベントのセッションやら打ち合わせでの提案などを行うことが当たり前となって来ました。Keynoteに関するハウトゥー記事も増えてきました。しかしマスターテンプレートの作り方に関してそれほど記事が多くないので久しぶりに作ろうとするといつも困ってしまいます。 自分のための備忘録としてメモしますが、同じ悩みを持っている方の助けになれば幸いです。 Illustratorデータをそのまま貼れない Numberはベクターデータの直接貼り付けに対応しているのですがKeynoteは対応していません。アウトラインしてコピー&ペーストしても以下の画像のようになってしまいます。 http://woopsdez.jp/をアウトライン化して貼りつけた例。あじゃぱー。 まずは見た目を作ります。 IllustratorでもPhotoshopでもペインターでもかまいません。 カッコイイもの作れない
Xcodeのファイルテンプレートを自作する - Qiita
Xcodeでクラスファイルを新規作成した後、毎回同じようなコードを書いていて面倒だなと感じることがあります。たとえば、 UIViewControllerを継承したクラスにカスタムセルのUITableViewを持たせる NSObjectを継承したクラスをシングルトンにする といった実装はアプリ開発ではよくありますが、手順は大体毎回同じです。 こういった実装をファイルテンプレート化しておけば、クラスファイルの新規作成時にそのコードが生成されるので、何度も同じコードを書く手間が省けとても便利です。 以下に、NSObjectを継承したシングルトンクラスのファイルテンプレートを例にとり、作成手順を説明していきます。 1. デフォルトテンプレートをコピーしてくる デフォルトテンプレート はXcode.appのパッケージの中身をたどって行った先にあります。 open /Applications/Xcod
手軽にレンダリング！テンプレートエンジンTransparency
はじめに Transparencyは、Javascriptで記述されたテンプレートエンジンです。クライアント側にて機能します。このテンプレートエンジンは以下の特徴を持っています テンプレートをHTMLの一部として記述（DOM構造内に記述） 属性値に基づくデータの結合（<%= foo %>や{{foo}}などは不要） 繰り返し構造の描画（ループ処理の記述不要） 一般的なJavaScriptテンプレートエンジン（Underscore.js、Mustache、jQuery Templateなど）では、テンプレートをSCRIPTタグ内に記述します。レンダリング時にはテンプレートからHTML文字列を生成します。これらのエンジンを使った場合、HTMLファイルを編集しずらかったり、読み込みが遅れて画面がブレることが多々あります。 一方で、Transparencyを使うと、HTMLを編集しやすい上、レンダ
テンプレートを自作可能。デザイン性抜群のEvernoteノートが作れるウェブサービス「KustomNote」 - あなたのスイッチを押すブログ
今までありそうでなかったウェブサービス。Evernoteのテンプレートを自作できて、しかも作ったノートのデザインがカッコ良くなる「KustomNote」の紹介です。 日々のライフログを取るにあたって、テンプレートが重要だという話は何度かしています。決められたアウトラインがあれば、一日の振り返りが非常にやりやすいからです。 これを実現するため、私は過去にスニペットを利用した方法や、iPhoneアプリ「えばろぐ」を利用した方法をご紹介しました。 しかし、出来上がったノートの見栄えは、とても質素でした。白地に黒い文字が並ぶだけのノートは、読み返してもあまり面白くない。 もっと見栄えが良く、デザイン性の高いノートを作る方法はないか。 その悩みを打ち砕いてくれたのが、ウェブサービス「KustomNote」です。自作のテンプレートを作成したり、人が作ったテンプレートを利用したりもできるので、今後非常に
jQuery用の便利なテンプレートエンジンjTemplates | サイブリッジラボブログ
MTSです。 jQueryを使ってWebページの一部を動的に書き換える場合ってありますよね。 こんな感じで。 <script type="text/javascript"> $.ajax({ ～ 中略 ～ success: function(data, status, xhr) { $("#test").append("<div id='hoge'>" + data.num + "</div>"); }; }); </script> 一部分であればこれで十分ですが、書き換える規模が大きくなった場合、JavaScript内でハードコーディングするのは避けたいですよね。 そういう場合、今回紹介するjQuery用のプラグインjTemplatesが便利です。 公式サイト：http://jtemplates.tpython.com/ jsファイル読み込み scriptタグでsrc設定するだけです。
Modern Syntax
エスパー・バイオニクス社が開発した「Esper Hand」は24個のセンサーが配置され、それ経由で得られたデータから筋電図を作成し既存の腕の筋肉と連動して自然な腕の動きを生み出すそうです。 またAIも搭載されていて、個人（装着者）ごとの手の特定の使い方を分析し、よりスムーズな動きの実現に寄与するそうです。 ビデオを見ると手に装着するだけでうまいこと動いているように見えるのですが、これは繰り返し使っていることでデータが蓄積された結果なのかもしれません。
Creatorish is for sale at Squadhelp.com!
About Creatorish.com Edit Creatorish.com is a captivating domain name that sparks thoughts of innovation and originality. The name is a clever combination of "creator" and "ish," suggesting a creative and imaginative mindset. It's perfect for startups that focus on creativity, design, technology, and anything that involves inventiveness. The name is short, catchy, and easy to remember, making it a
素のPHPをテンプレートエンジンとして使うときのコーディング規約
プログラムとしてPHPを書くときのコーディング規約は、PEARやZendなど代表的なものがたくさんありますが、テンプレートエンジンとしてPHPを使う場合にはそのまま適用しにくいものです。 テンプレートエンジンのコーディング規約って、検索してもあまり見つからなかったので、個人的に採用しているものを晒してみます。あんまり語る人を見たことがないので、「俺はこうしてるよ」とか「ここキモくね？」とかご意見いただけるとうれしいです。 目指すところ 複雑なロジックをテンプレートに書かない / 書けないように規約で縛る 少しでも読みやすさを追求する できあがりのHTMLの美しさも追及する <%= $this->doctype() %> <html> <head> <%= $this->headMeta() %> <%= $this->headLink() %> <%= $this->headTitle()
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter Bootstrapベースの管理画面デザインテンプレート・「TemplateVamp」
Mac用年賀状テンプレート | 年賀状プリント決定版 2025
IDEA * IDEA
Juice Labs - Chart Chooser