カテゴリごとに年別アーカイブのリストを出力する
拙著「株はタイミングで儲けなさい」が発売されました。 過去20年間の株価データを元にバックテストを行い、どのようなタイミングで株を買うのが良いかを解説しています。 自由国民社刊で、定価1,512円(消費税込み)です。 MTQに、「カテゴリごとに、記事の年別アーカイブリストを出力したい」という質問がありました。 この質問に答えます。 1.質問の概要 サイト内の各カテゴリについて、以下のようなマークアップでカテゴリ年別アーカイブリストを出力したいとのことです。 <h3><a href="カテゴリアーカイブリンク先">カテゴリ名</a></h3> <ul> <li><a href="2015年の年別アーカイブリンク先">2015</a></li> <li><a href="2014年の年別アーカイブリンク先">2014</a></li> <li><a href="2013年の年別アーカイブリンク
JSテンプレートエンジン「Nunjucks」とgulpで快適HTMLコーディング
もうすぐハロウィン。アラフォーにもなって今週末にはじめて仮装してみることにしました ishida です。 はじめてのことで、何に仮装すれば迷いまくっています。 さて、今回は、テンプレートエンジン「Nunjucks」についてご紹介です。 Nunjucks とは FireFoxブラウザでおなじみmozilla謹製のJavaScriptテンプレートエンジンです。 Pythonテンプレートエンジン Jinja2 に影響を受けて、誕生しました。 githubでのstar数は、4660（2017/10/26現在）です。 Nunjucks 特徴 node.js で動作 マクロ定義 オートエスケープ リッチブロックの継承 extends によるテンプレート継承 block によるエリアの継承 include による外部ファイル読み込み などです。 記述サンプル 以下が、Nunjucksのコードサンプルです
[MovableType]MtSetVarsを使った変数の管理 | バシャログ。
どうも、ishidaです。 最近は仮面ライダーアマゾンズにハマってしまい、毎週金曜日の配信を楽しみにしていました。 ですが、とうとうシーズン1が終わってしまい、この先何を楽しみに生きていけばいいのか困っています。 シーズン2まであと1年は長い。。。 さてさて、ここ3ヶ月はMovableType案件ばかりをこなしていたので今回はMovableTypeのTipsをば。 MTSetVarsテンプレートタグ MTSetVarsテンプレートタグでは、変数名とその値をセットとしてまとめて設定できます。 このタグを使うことで、変数の設定をシンプルに出来ます。 変数の名前=変数に設定する値 =の間にスペースを入れると変数ないにもスペースが入ってしまうので、スペースはなしで設定します。 また公式リファレンスでは 変数の名前にハイフンを利用すると、$name-foo のような $ を利用したモディファイアを正
![[MovableType]MtSetVarsを使った変数の管理 | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/c600dec0c382afc73ac34f1a4dc59cc9a85e6b56/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_movabletype.png)
Bootstrapで最近人気の高いレイアウトやコンポーネントを簡単に実装できるテンプレートのまとめ
上部固定のScrollspy対応ナビゲーション、アニメーションがかっこいいオフキャンバスメニュー、ブラウザの高さいっぱい・半分に画像を配置、複数のコンテンツを配置するレスポンシブ対応のコンポーネントなど、最近よく見かける人気の高いレイアウトやコンポーネントを簡単に実装できるBootstrap用のテンプレートを紹介します。 Bootstrap 実装方法のほとんどは、Bootstrapの最小限の構成に数行のHTMLと外部スタイルシートを記述するだけです。 Bootstrapの基本的な使い方は、下記の記事を参考にどうぞ。 参考 Bootstrapのグリッドシステムの基本な使い方 BootstrapのベースのCSSを使ってさまざまな要素を実装してみよう！基本要素とナビゲーションのスタイル 以下のテンプレートはApache 2.0ライセンスで、個人でも商用でも無料で利用できます。 Scrolling
HTMLのテンプレート的なの - Qiita
head内に書くこと多すぎて嫌になる昨今。 あれがない、これがない、あれどう書くっけとならないためのエントリー。 気が向いたら追加したりしなかったりする予定。 viewport <meta name="viewport" content="width=device-width, initial-scale=1">
ウェブサイトのヴィジュアルを定義するスタイルガイド用のテンプレート素材 -UI Style Guide Template
UIスタイルガイドとはウェブサイトのヴィジュアルを定義するもので、コンテンツから切り離すことによりウェブサイトのスタイルを的確に確認するのに役立ちます。 UIスタイルガイドを作成する際にベースとなるテンプレート素材を紹介します。 UI Style Guide Template UIのスタイルを一括で管理することでデザインの作業時だけでなく、コーディングや検証の時にも重要なガイドになるでしょう。また、クライアントがヴィジュアルの変更を求めてきた際も、部分的にみるのではなく、全体を通して整合性をもった対応を行うことができます。 テンプレート素材にはカラースキームや背景をはじめ、さまざまなUIエレメントのスタイルが定義されています。
インフォグラフィックのプロが手がけるエクセル、パワーポイントのテンプレート | ビジュアルシンキング
インフォグラフィックやウェブサイトを手がける海外デザイン・スタジオ「oberhaeuser.info」のエクセル、パワーポイントのテンプレート作成事例を紹介します。 MAGNAGLOBAL EXCEL TEMPLATE [サイトで見る] クライアントは「MAGNA GLOBAL」。 サイトのABOUT USページを見ると、「the strategic global media unit」とあり、コンサルタント業務を行っているようです。 MAGNA GLOBAL メディア向け資料をインフォグラフィック・スタイルにしたい、そしてそれをテンプレート化してあとは自分たちで資料作成をしていきたいという要望に対して、「oberhaeuser.info」が応えた事例です。 クライアント・サイドでクオリティを維持したまま資料作成をしてもらえるようにするには、Illustratorのような専門ソフトではなく
わかりやすい見積書の書き方 / Maka-Veli .com
最近流行り(？)の「見積額」じゃないです。見積書自体の書き方。 ディレクターやってるとこういうのが気になってしょうがないのです・・・ sample.pdf 最下部にデータ置いておくんで、好きに使ってください。リンクも名前....MOREわかりやすい見積書の書き方 is a post from: Maka-veli.com
イマドキのIDE事情(130) 「Initializr」でHTML5サイトのテンプレートを作成しよう
選択可能なオプションは、テンプレートの種類やjQueryの有無 (最小化するかどうかも選択可能)をはじめ、.htaccessやnginx.confといったWebサーバ向けの設定ファイルの有無、LESS (CSSをプログラマティックに記述できるもので、Initializrで生成したテンプレートではJavaScriptを使用してCSSに変換される)を使用するかどうか、Chrome FrameやGoogle Analytics向けの記述を含めるかどうかなどだ。 なお、Initializrは常に改良が加えられており、今後も新しいJavaScript/CSSライブラリやテンプレートに対応したり、選択可能なオプションが変更される可能性があるという点には留意していただきたい。 InitializrとHTML5 Boilerplate Intializrで生成可能なテンプレートは、H5BP (HTML5
これは助かる！Web制作を円滑に進めるために役立つ資料テンプレート
クライアントとの更新やりとりを10倍楽にする（か... / 【無料配布】Web制作における書類一式、そしてド... / WEBサイト制作前やデザイン制作時に欠かせないヒ...他...全5件
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料でしかも高品質！レスポンシブ対応の美しいWebページを作るためのHTML5/CSS3のテンプレートのまとめ
Antwort - Responsive Layouts for Email
Petite C
WBS作成君-ガントチャートテンプレート作成ツール
cmmntr.com