Bootstrapで日本語をより美しく表示させることにこだわった無料のテーマ -Honoka
Bootstrapは人気のフレームワークですが、日本語のコンテンツを表示するために最適化されているとは言えません。フォント指定・文字サイズをはじめ、日本語をより美しく表示するためのさまざまなアプローチを取り入れたテーマ「Honoka」を紹介します。 単に使用するだけでなく、他のものでも日本語を美しく表示させるのに役立ちます。 Honoka Honoka -GitHub 日本語フォントは、たくさんのフリーフォントがあります。 2017年用、日本語のフリーフォント 259種類のまとめ Honokaの特徴 Honokaのデモ Honokaのアプローチ -Bootstrapでの日本語表示最適化 Honokaの利用方法 Honokaの特徴 Honokaは、Bootstrapでより美しく日本語を表示させることにこだわったオープンソースのテーマファイルで、これをベースにWebサイトを作成したり、既にBo
FoundationがBootstrapよりもECサイトに向いている理由 - Welcart カスタマイズ
ツイート B! ブックマーク Google+ Pocket Facebook 今やサイト作りに欠かせなくなったフレームワーク。その代表格はやはりBootstrap。続いてFoundationです。 BootstrapもFoundationも、それぞれ得意なウェブサイトの分野があると思いますが、昨今の複雑なウェブサイト、特にECサイト作りには、断然Foundationでしょう。 BootstrapでWebサイトを作ったこともありますが、Foundationにしかない機能が結構あり、最近はすっかり欠かせない存在です。 もくじ Block Gridがある 多くのjQueryプラグインが標準装備 Pricing Tableがある 番外：Foundationにはない、Bootstrapのいいところ まとめ 1. Block Gridがある 地味ながら、非常に強力かつ便利なのがFoundationのB
非デザイナーエンジニアが一人でWebサービスを作るときに便利なツール32選 - Qiita
非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr：http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ！って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回使ったもの＋αを全てまとめてみました。 紹介するツールたちを駆使すれば、 非デザイナー＆デザインセンス0の私が、 1週間程度でこれくらいのアプリをリリースできるので、 他のエンジニアにも便利なツールがいっぱいあると思います。 Bootstrap系 Boots
TwitterBootstrap入門(４)基本ＣＳＳ | 有限会社ワイバーン
4.1 文字の体裁 4.1.1 見出し ・HTML での<h1>～<h6>が全て有効で、以下のようなフォントサイズと見た目になっています。 h1のfont-sizeは、38.5pxです。 h2のfont-sizeは、31.5pxです。 h3のfont-sizeは、24.5pxです。 h4のfont-sizeは、17.5pxです。 h5のfont-sizeは、14pxです。 h6のfont-sizeは、11.9pxです。 <h1>h1のfont-sizeは、38.5pxです。</h1> <h2>h2のfont-sizeは、31.5pxです。</h2> <h3>h3のfont-sizeは、24.5pxです。</h3> <h4>h4のfont-sizeは、17.5pxです。</h4> <h5>h5のfont-sizeは、14pxです。</h5> <h6>h6のfont-sizeは、11.9px
Twitter Bootstrapでinputの幅を変える方法
Twitter Bootstrapにて、フォームのinputの幅がどうもしっくりこない。 class="input-mini" class="input-small" class="input-medium" class="input-large" class="input-xlarge" class="input-xxlarge" これらがデフォルトのクラスとして用意されているが、最小のminiでもけっこう幅が広い。class=”input span1″とする方法もあり、これだとminiよりも幅が狭くなるが、なぜかhelp-inlineが一列でインライン表示できずブロック表示になってしまう。 そこで、cssをいじることにした。bootstrap.cssを開いて「mini」で検索をかけて該当行を探す。input-miniのクラスがあると思うので、その上に .input-xmini { wi
Bootstrapのカスタマイズが簡単にできてしまうオンラインツール -Bootstrap Live Customizer | コリス
Bootstrapの実際のページ表示を確認しながら、リアルタイムに簡単にカスタマイズできるオンラインツールを紹介します。 カスタマイズにはスタイルシートの知識はあまり必要なく、直感的にできます。もちろん知識がある人はより高度なカスタマイズが可能です。
http://www.template1st.com/cascade-flat-responsive-bootstrap-admin-html5-template-free-download.html
Bootstrapの使い方超入門 (1/4) - ＠IT
話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介と解説を厳選して紹介、解説していく本連載「HTML5アプリ作ろうぜ！」。今回紹介するフレームワークは「Bootstrap」です。 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」とは 現在のWeb制作、開発では、ともにスピードが重視されています。「Bootstrap」を使用すると、既に用意されているスタイルを適用するだけで、格段に速く見栄えを整えられます。事実、Webシステムの管理画面などでBootstrapを使用するケースも増えてきました。 Bootstrapは最近
スマートホォン向けサイトを作るのが面倒な人でもTwitter Bootstrapを使えば3分くらいでレスポンシブWebデザインが出来る - TEXT/YUBASCRIPT
スマートホォン向けサイトを作るのが面倒な人でもTwitter Bootstrapを使えば3分くらいでレスポンシブWebデザインが出来る 「年齢＝働きたくない歴」のyubaisです。こんにちは。 Windows 7から搭載されたウィンドウのスナップ機能、便利ですね。フルHDの画面を左右に分割すると、デュアルディスプレイが無くても作業がとてもはかどります。働きたくない僕にはディスプレイ2枚は苦しいですからね。 普通の作業はこれで問題ないのですが、悩ましいのはWebサイトの閲覧。 フルHD（1920x1080）の画面を2分割しているので、当然横幅は960px弱になるわけですが、日本のかなり多くのサイトが、横幅1024px以上を前提にしたデザインを作っているんですね。これを画面分割で見ると、レイアウトが崩れたり、サイドバーの広告が本体を遮ったりして、実に厄介。 おそらく10年ほど前までほとんどのP
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用も無料！Bootstrapをベースに最近のトレンドを取り入れた新作テンプレートのまとめ
Bootstrap 3をベースにしたフラットなかわいいデザインのHTMLとPSDが揃ってる無料のUI素材 -Druken Parrot UI Kit
新着記事
Bootstrap 5 & Vanilla JavaScript - Free Material Design UI KIT
Font Awesome