Bootstrap

EC-CUBEで無料で使えるレスポンシブのテンプレート「EC-CUBE on BootStrap3」というのを作りました

作り始めたキッカケはこちらのエントリー。 eccube-bootstrapというEC CUBE用のテーマを作りました。 初めはこちらのテンプレートをカスタマイズして使おうかと思ったのですが、BootStrapのバージョン3を使ったものが欲しくなった&勉強のため(勉強会のため?)に作り始めました。 使用バージョン EC-CUBE 2.13.1 http://www.ec-cube.net Twitter BootStrap v3.1.0 http://getbootstrap.com また、BootStrapのアイコンは少なめなのでFont Awesomeというwebフォントアイコンも使っていま […]

Gunma.web#16で話しました

Gunma.web#16で話してきました。 発表したスライドはこちら 開発中となりますが、githubにあげました。リポジトリはこちら。 https://github.com/clicktx/eccube-on-bootstrap3 デモサイト ちゃんと出来上がったらエントリー書きます。 反省点 時間のことを意識しすぎてしまったかも。デモをちょっとやればよかったかな。

Bootstrap3で作ったEC-CUBE用のレスポンシブデザインテンプレートをGunma.web #16にて配布します!

2014年4月12日(土)開催予定の Gunma.web #16 にて「EC-CUBE on Bootstrap3」という内容で発表予定なのですが、開催前に少しだけ告知します。 今回は重い腰を上げて、Bootstrap3に触れてみたのでその事についてのお話をしようかと思っています。開催前に告知とかネタバレなのですが、笑いとオチをふんだんに盛りこまなくてはいけないプレッシャーからは開放される気がします。 当日はTwitter Bootstrap3で作ったEC-CUBE 2.13用のレスポンシブデザインテンプレート(16.8万円相当???)*1 をご希望の方に配布したいと思っています! そのために […]

[Bootstrap] メインコンテンツが少ない時にフッターの下に余白ができないように最下段に表示するTips

CSS clicktx_tech_memo

個人的なメモ Bootstrap(に限らず)メインコンテンツが少なくて、heightが小さい場合はフッターの下に余白が出来てしまいカッコ悪い。 で、何かいいのあるか検索したところ自分でCSSを設定しなくてはいけない模様。 css - Flushing footer to bottom of the page, twitter bootstrap - Stack Overflow

Bootstrapでfluidレイアウトの時にthumbnailsを使うとズレる問題の解決策

確認バージョン:Twitter Bootstrap 2.0.4 bootstrap.cssで .row-fluid [class*="span"]:first-child { margin-left: 0; } このようになっており、最初の<li>要素だけ margin-left:0 になるため、2段目からのサムネイルにズレが生じる。 サンプルコード html5 - In bootstrap, how make the thumbnails fluid resize well - Stack Overflow 解決策 今のところCSSに追記するか、jQueryで操作するスクリプトを […]

Gunma.web #8 でLTに初挑戦!

#2から参加させて頂いている Gunma.web #8 へ行って来ました。 Gunma.web( web勉強会 in 群馬 ) WEBサイト作成に関わる人が集まる勉強・研究・交流の地域コミュニティです。 WEBサイト作成に関わる プログラマー、SE、HTMLコーダー、WEBデザイナー さんなどが集まります。 参加数、発表数共に過去最高となった今回。 なぜ今回を選んでしまったのか...。 ひな祭りということもあり(?)、女子参加率が激増! ボク以外はみんな鼻の下が長かったです。ホント。 よりによって過去最高の参加人数なので緊張もMAX。鼻下伸ばしている場合ではありません。 前回のGunma.we […]