ランディングページ、プロダクトページ、スモールビジネスなどの商用、ポートフォリオ、ギャラリー、ブログなどの個人で利用できるBootstrapをベースにしたサイトが作成できる無料のテーマ・テンプレートがダウンロードできるサイトを紹介します。 コンテンツのコンポーネント、ナビゲーション、サイドバーやフッタのウィジェットもあり、カスタマイズする際の参考にもなると思います。
総まとめ: Bootstrapの無料で高品質なテーマファイルがダウンロードできるサイト
ランディングページ、プロダクトページ、スモールビジネスなどの商用、ポートフォリオ、ギャラリー、ブログなどの個人で利用できるBootstrapをベースにしたサイトが作成できる無料のテーマ・テンプレートがダウンロードできるサイトを紹介します。 コンテンツのコンポーネント、ナビゲーション、サイドバーやフッタのウィジェットもあり、カスタマイズする際の参考にもなると思います。
ゼンリン、地図データをデザインした文房具シリーズ「mati mati」 丸の内、表参道など4エリアをプリント
ゼンリンは1月15日、実際の地図データをデザインに使った文房具「mati mati」シリーズを発売した。首都圏と福岡県のロフト18店舗で先行販売し、2月以降その他の店舗に順次拡大する。 クリアファイル、マスキングテープ、ノートパッド、ブックマークを用意。デザインには、東京・丸の内、表参道、吉祥寺、福岡・天神の4カ所の地図を採用し、全16種類の文具を販売する。 「3 LAYER mati FILE」は、地図作りの「レイヤー構造」をイメージしたA4サイズのクリアファイル。異なるデザインの4枚を重ねると1枚の地図が完成する。価格は380円（税別）。
『毎日が輝く！可愛い手帳づくり』（宝島社）に手帳ゆる友さんと掲載されました♪
本日発売のムック本『毎日が輝く！可愛い手帳づくり』（宝島社）に掲載されました。今回も手帳ゆる友さんと一緒で嬉しいです。この本は手帳をもっと可愛くしたい方におすすめです。どんな内容か紹介しますね♪ 『毎日が輝く！可愛い手帳づくり』は‟手帳づくり”の第2弾 1月21日に宝島社から発売されたムック本、『毎日が輝く! 可愛い手帳づくり (e-MOOK)』に掲載されました。‟手帳づくり”の言葉に見覚えがあるという方もいらっしゃると思うのですが、昨年発売された『もっと輝く自分を見つける手帳づくり』の第2弾になります。きっと前回が好評だったんですよね。今回も声を掛けていただけて感激です！ ＞＞手帳ゆる友さんと一緒に掲載されました♪もっと輝く自分を見つける手帳づくり 私の手帳が掲載されているのは18～19ページで、プライベート用のほぼ日手帳と仕事用のジブン手帳の使い方を紹介しています。普段ブログに書いてい
CSSで実装するハンバーガーメニューアイコンの見栄えやクリック・ホバー時のエフェクト 10 - NxWorld
画像は使用せずにCSSのみを使って実装したハンバーガーメニューアイコンの見栄えやクリック・ホバー時のエフェクトサンプルなど全10種類です。 以前にもハンバーガーメニューをクリックした時のエフェクトを紹介しましたが、あれからまた備忘録として残しておきたいものが幾つか出てきたのでシェアします。 共通のHTML・CSS サンプルで使用しているHTMLとCSSは下記をベースとして使用しています。 スタイルの中には幅や高さを指定している部分やラインの色を指定している部分などあるので、紹介しているものを使用する場合はこれらを自身の環境に合わせて調整してください。 <button class="menu-trigger"> <span></span> <span></span> <span></span> </button> .menu-trigger, .menu-trigger span { dis
[CSS]高さが分からない要素やテキストを中央寄せに配置するスタイルシートのまとめ
テキストやdiv要素など、高さが分からない要素を外側の容器の高さが不明でも、上下・左右・上下左右・ビューポートの上下左右の中央寄せに配置するCSSのテクニックを紹介します。 イラスト: Girls Design Materials 2016年1月12日にIEの古いバージョンのサポートが終了し、Windows 7/8はIE11、VistaはIE9がサポートブラウザになりました。Vistaはアレなので、実質IE11を考えてWeb制作をすればよいことになります。 参考: Internet Explorer サポートポリシー変更の重要なお知らせ そんなIE11時代、そして万が一のIE9を考慮した中央寄せに配置テクニックを紹介します。 テキストや要素を左右の中央寄せに配置 テキストや要素を上下の中央寄せに配置 テキストや要素を上下左右の中央寄せに配置 テキストや要素をビューポートの上下左右の中央寄せ
![[CSS]高さが分からない要素やテキストを中央寄せに配置するスタイルシートのまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/e06dab83915ff3fa91a0d356ebe7f551b51c01f7/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016012101.png)
HTML の 〜 内に書くタグの順番にも気を遣ってみた。
今アナタがご覧になっている、このオンズのウェブサイトでは読み込み速度のスピードアップや各種マークアップのクオリティ維持のために随時徹底した改善作業を行っています。 これまでも本ブログにて様々なテクニックを紹介してきましたが、今日は<head>〜</head>タグ内のコードにフォーカスして、弊社が実際に行っているHTMLマークアップの考え方を紹介していきます。 ブラウザで「要素を検証」して実際にコードを見てもらうのが手っ取り早いのですが、参考までに以下にコードをコピーして記載します。 今日（2016年1月20日）現在のオンズのウェブサイトの<head>〜</head>タグは次のように記載されています。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="author" content="//on
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
いて座 －つるちゃんのプラネタリウム
サービス終了のお知らせ
Rosetta - Harmonizing Rasa Gujarati and Yrsa Latin
http://blitsy.com/sku/AC713371