Twitter Bootstrapのテーマ作成ツールです。OSSとしても公開されていますので、自分好みにカスタマイズするのもありですね。他にもこの手のツールはありますけど、これはこれで使いやすい印象でした。 Twitter Bootstrapのテーマ作成ツール。Google製のテンプレートエンジン、AngularJSを使用しているそうです。
見出しは左寄せに、見出し内のアンカーは右寄せにする CSS January 29, 2008 1:30 AM 検索の仕方が悪いのかもしれないけれど、あんまりお目にかからないので、この機会に取り上げてみます。何も見出しである必要は全くないのだけれど、見出し部分で使用する機会が多いかと思うので、あえて見出しとしました。 HTML タグ あくまでサンプルだけれども、以下のようなタグがある場合に、「見出し」は左寄せに、「リンク」は右寄せにすることを考えてみます。別に h1 である必要はないので、p タグでも span タグでもなんでもよく、便宜上 class 名を指定していますが、必要でなければ指定する必要はありません。 <h1 class="headline1">見出し<a class="rSidePosition" href="#">リンク</a></h1> CSS で、以下のように指定するこ
Macでウェブ制作に携わる人全員に伝えたい、Windows, Linux, Mac OS Xのさまざまなブラウザでの表示確認ができる無料のMac OS Xアプリを紹介します。 Boot CampやParallelsなどは必要なく動作します。 Sauce -App Store Sauce for Mac -Website Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。
タブ、ドロップダウン、アコーディオン、カルーセルなど、今まではスクリプトに依存しないと実装できなかったものをスタイルシートベースで実装するBootstrapのプラグインを紹介します。 Bootstapのプラグインですが、CSSの「:checked」を使ったテクニックを学ぶのにも役立ちます。 Bootleg.css 仕組みは簡単に説明すると、見えない状態のラジオボタンを使い、そのオン・オフのチェック状態でコンテンツを表示・非表示します。 デモと共に、「:checked」擬似要素の使い方を紹介します。 モーダル ボタンをラジオボタンにし、そのチェック状態でモーダルを表示・非表示します。 HTML <-- Button to trigger modal --> <label for="modal1" role="button" class="btn">Launch demo modal</lab
全部ダウンロードしたら4000種以上! 商用でも無料で利用できる、小さいサイズからゆる~いデザインのピクトグラムのアイコン素材を紹介します。 ※アイコンをご利用の際は、必ずライセンスを確認してください。
2012-11-27 人づきあい対応型改造人間 http://bukupe.com/summary/7186 これ読みました。 最近の俺は言及ばかりだ。それを可能な限りやらないのが俺の誇りだったのではないか。ごめんよおじちゃん疲れてるんだ。女房は昼間っから酒かっくらって韓流ドラマ見てるし、息子は息子で俺のことバカにしやがるし、娘なんざ俺のことを汚物扱いだ。おまえをこの年まで育ててやったのはだれだっていうんだ。おまえのことを思えばこそ、つらい残業にも耐え、嫌味を言う以外になんらの生きがいもなさそうなクソ部長の仕打ちにも耐え、無事私立の大学まで進ませてやった。その結果がこれか。これが男の四十代ということか。 ……パチンコでも行ってくるか。 などと、テンプレっぽいおっさんのグチを創作してみたら止まらなくなったがみなさんいかがお過ごしですか。俺は乾燥機ががんばって俺の汚れたエキスにまみれた洗濯物を
材料(約6人分) ■A ■ チョコレート(ビター) 150g 無塩バター 130g ブランデー(ラム、オレンジリキュールなど 15cc ブラックコーヒー 70cc ■B ■ 卵白 5個分 グラニュー糖 70~100g ■C ■ 卵黄 5個分 グラニュー糖 50g ココアパウダー(無糖) 25g 作り方 1 あらかじめ、コーヒーを淹れておきます♪ 卵は卵黄と卵白に分けておきます☆ 2 ■A■ チョコレートを粗く刻み(小さ目なら刻まなくてもOK)、レンジへ投入~ 3 レンジで、様子を見ながら2/3ぐらい溶かします☆ 4 小さめに切ったバターを加えて、 5 さらにレンジにかけ、バターが溶けきる直前に取り出して 6 よく混ぜ、余熱で完全に溶かします☆ 7 そこへ、ブランデーと 8 コーヒーを加えて混ぜます☆ 9 ■B■ 卵白をハンドミキサーで泡立てながら、グラニュー糖を4回にわけて加え、 10 し
cles::blog 平常心是道 blogs: cles::blog NP_cles() « .docx, .xlsx, .pptx の MIME type :: CentOS を 5.8 にアップデート » 2012/03/09 mikel/mail を使ってメールから添付ファイルを切り離す ruby programming 417 1へぇ 久しぶりに Ruby でマルチパートメールの処理をしようと思っていろいろ調べてみたら mikel/mail というライブラリを見つけたのでちょっとおためし。 Mail: An All New Ruby E-mail Library To date, the main ways to send e-mails from Ruby have been Net::SMTP, TMail, and Rails' ActionMailer (which u
Ruby (Rails) でテストカバレッジといえば Rcov ですね。 しかし Rcov は Ruby 1.9.x に非対応なので Ruby 1.9.2 + Rails3 な環境で開発をしている方は SimpleCov を使うと幸せになれます。名前にSimpleと付いていますが高機能で見た目も綺麗です。また simplecov-rcov を併用すれば Rcov のフォーマットで出力することも出来るので、Jenkins などのCIツールとの連携も難しくないはずです。 colszowka/simplecov – GitHub fguillen/simplecov-rcov – GitHub 使い方# Gemfileに下記コードを追加してbundle installします。
どうやら社内ではJenkinsというCIツールを使ってようですので、使うまでの設定をメモしておきます。 CIツールとは継続的インテグレーションツールのことらしく長い時間のかかるビルドやテストを自動で行ってくれるソフトです。 本来はJava用のソフトみたいですが、プラグインを導入することでRailsでも使えます。 RailsでSpecとカバレッジレポートを出すまでの例を書いてみます プロジェクトの作成 rails new Jenkins Gemfileを編集して以下を追記 gem 'rspec-rails' gem 'simplecov' gem 'simplecov-rcov' インストールと適当なテストを生成 bundle install rails generate scaffold Project name rails generate rspec:install rake db:m
このブログで何回か紹介している0to255というオンラインツールですが、かなり便利だと思うので使い方を説明してみます。 色に関する知識が乏しい私ですが、0to255を使うとまとまった感じの配色になるので重宝しています。今回は0to255を使ってメニューを作る際の色選びをしてみます。 0to255の使い方 まず、0to255の使い方についてですが、下の画像のように「PICK A COLOR」をクリックしてカラーコードを入力します。 今回は「#ff7400」を指定してみます。 すると、指定した色より明るい色と暗い色がグラデーションになってたくさん表示されます。近い色がたくさん表示されますので、これらをうまく使うとまとまった感じのメニューが作れます。 メニューの配色を決める ということで、以下のような配色でメニューを作ってみます。 メニュー背景のグラデーションと境界線の1pxラインに使う色を選ん
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
2012-10-31 戻ってまいりました 初っ端から自分語りで始めますか。そして長文。 なんと申しますかおめおめと舞い戻ってまいりました。元なんとやらのなんとかと申します。見よこの捨てアカそのもののIDを。捨てアカのつもりだったから当然なんですが。俺、増田って匿名でだいたいなに書いてもいい場所だと思ってたんですけど、俺はそれやっちゃだめなようです。別に日常のなかのため息みたいな文章書いてる人ほかにもいるじゃねえかよと思ったんですが、俺の場合はなに書いても俺にしかならないという事情があるようで、だったら自分のスペースでやれという意見は当然かと思います。 もちろんほかの場所でこっそりとやってもよかったんですが、俺の場合、なに書いても俺っぽい文章にしかならず、しいて一人称を変えたり俺であることがばれないようにとかいろいろやったんですけど、そもそも俺は俺の書きたいようにしか書かないので、それだとぜ
仕事終わって本屋行こうと思ったんすよ。高杉さんちの中学生エキス入りの弁当がどうしたとかいうマンガとか、あとほら、団地が少女でそのアレするやつの2巻とか、あとそうそう、どこかのブロガーの人が本出したらしいじゃないですか。あの……汎適……なんていいましたっけ、そういうような人が。せっかくだから読んでみようと思ったんですよね。アマゾンでは品切れしてるらしいんで、書店にあるかどうかは疑問だったけど、まあ行くだけは行ってみようと思って。 そんで近所のツタヤ行ったんすけど、団地ないの。少女いないの。ばかぁ。そもそも新刊のコーナーにおまえかつて一度でも存在したことあったのかよって感じで。入荷してねえんじゃねえの。いやそんなことないと思うんだけど。中学生が思春期で大変な感じの高杉さんちのお話もないし、そうそう、そういや淫獣よんさいじがだいかつやくするアニメにもなったラノベあるじゃないですか、あれの最新刊も
はじめまして ナナメウエデザイナーのはっち(@hacching)です。 さて、今日は私がWeb制作をするときにチェックしているサイト一覧をまとめてみました。 自分の備忘録でもあります〜。 是非参考にしてくださいね(*’-'*) フリー写真素材サイトさん Webデザインする際に必ず必要になる写真素材。 有料素材はクオリティは高いですがお値段も高い〜。 そんなあなたに、ありがとうフリー写真素材! 写真素材 – フォトライブラリー 無料会員登録しておけば、1日に数枚(何枚だっけ)限定ですが、無料素材がDLできます。 商用利用OK&無料の写真・フリー素材を集めました!総合素材サイト|ソザイング 完全無料の写真・Web素材(バナー、オブジェクトなど)素材サイトです。コンテストの実施など、ユーザーの参加型企画も豊富!シーズンにあわせた特集も魅力です。 PAKUTASO/ぱくたそ-WEB
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く