Bootstrapを始めよう - よつば手帖
Bootstrapについて デザイン寄りのWebデザイナーさんにとって、BootstrapとかFoundationとかなかなかとっつきにくいかもなという印象を持っています。Bootstrapの出始めの頃はデザインバリエーションへの展開例も少なくデザイナーの立場からはあまり興味をひかれませんでした。 便利な事は認知されてたかもしれませんが「Bootstrap臭」という言葉が出来るほど、画一的なデザインが多く、デザイナーが使うものでは無いと思っていました。 デザイナーこそBootstapを身につけるべき しかし今は違った認識を持ってます。スピード感のある制作手法とレスポンシブデザインによるマルチデバイスへの対応のしやすさなどのメリットがたくさんあります。 WebデザイナーこそむしろBootstrapなどのフレームワークを積極的に使っていくべきだと思います。1か
UnderScoreとbootstrapとsassでword pressのテーマをつくろう
2014/9/17にコワーキングスペース茅場町で開催された「ゼロから始めるWordPress勉強会」で使用した資料です。 Read less
_s & Bootstrap でテーマを作るメモ - Qiita
（とあるWordCamp向けのサンプルを作った時の覚書、そのままスライドになっちゃったりして） １：_sのセットアップ 略 ２：Bootstrapのインポート 1:functions.phpにコード書く function theme_name_scripts() { wp_enqueue_style( 'theme-name', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css' ); } add_action( 'wp_enqueue_scripts', 'theme_name_scripts' ); これが こうなる。 リンクカラーとか行間が微妙に変わったのはbootstrapのデフォルトCSSが効いたから。 2:Gridを使う HTMLタグにrowとcolクラスを足すだけ。 *ここから面倒にな
_s を使ったテーマ作成 アーカイブ | Gatespace's Blog
_s（underscores） というスターター・テーマを利用したテーマ開発の手順を書いていきます。 http://underscores.me/ なお、ある程度テーマの作成（カスタマイズ）に慣れた人向けの内容となりますので、ご了承ください。
3D Bold Navigation in CSS and jQuery | CodyHouse
3D Bold Navigation A bold navigation that slides in when active, replacing the current content in a 3D space. Today’s resource is a strong approach to showing a website navigation. Bear in mind, though, it doesn’t have to be the “main” navigation. You could have, for example, a product gallery and you’d like to create a smooth transition while switching from one product category to the other. To i
Creative Cloud デスクトップアプリケーション2.3ｘアップデート後に、フォントパネルのロードが終わらない（Typekitフォントが同期されない）
/t5/creative-cloud%E3%81%AE%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E3%81%A8%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB-discussions/creative-cloud-%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B32-3%EF%BD%98%E3%82%A2%E3%83%83%E3%83%97%E3%83%87%E3%83%BC%E3%83%88%E5%BE%8C%E3%81%AB-%E3%83%95%E3%82%A
そろそろ真面目に、HTMLで帳票を描く話をしようか - Qiita
帳票といえばPDFとして生成するのが一般的でしょうか? でも、2015年の今、あえてHTMLで描くのがホットです(個人的に)。ミリ単位で設定された高度な帳票も、CSSを駆使して簡単に作ることができます。業務システムでもモダンブラウザを選択することが増え、@pageなども積極的に使えるようになったこと、SPA(Single Page Application)の台頭、いろいろと条件が揃ってきました。 書いてたら結構長くなっちゃったので、さくっとコードだけ見たい方は、Paper CSSリポジトリをどうぞ。 はじめに HTML帳票のメリット 2015年現在、HTML帳票を選択する幾つかのメリットがあります。 ライブリロードで、リアルタイムなスタイル調整 バックエンドではなくフロントエンドで生成できる 前者は、gulpやGruntの普及で、CSSにしろHTMLにしろ、リアルタイムにプレビューできる環
モリサワ モリサワグループ書体をAdobe Creative CloudのTypekitに提供開始<br>モリサワおよびタイプバンクの20書体 | ニュース&プレスリリース | 企業情報
モリサワ モリサワグループ書体をAdobe Creative CloudのTypekitに提供開始 モリサワおよびタイプバンクの20書体 株式会社モリサワ（代表取締役社長：森澤彰彦 本社：大阪市浪速区敷津東2-6-25 Tel.06-6649-2151 代表、以下モリサワ）は、モリサワ書体ならびにグループ会社である株式会社タイプバンク（代表取締役：中村信昭 本社：東京都新宿区下宮比町2-28）のタイプバンク書体の計20 書体を、Adobe Creative CloudのTypekitサービスに提供開始することを発表します。 人気の高いリュウミンを含むこの20書体は、日本時間の本日2015年10月6日から、Creative Cloudのサブスクリプションユーザは追加費用なしで使用可能となります。この発表は、10 月5日から米国ロサンゼルスで開催されている、アドビ社が主催する世界最大級のクリエ
El Capitan登場で、CSS font-familyはこう変更しよう | ほりべあぶろぐ
Mac OS X 10.11 El Capitanの登場で新たなフォントが使えるようになったので、CSS font-familyの変更例を紹介します。 El Capitanの新フォント OS X El Capitanでは、新たに4つのフォント「クレー」「筑紫A丸ゴシック」「筑紫B丸ゴシック」「游明朝体+36ポかな」が追加されました。さらに、おなじみ「ヒラギノ角ゴ」に新たなウェイトが追加され、W0〜W9までの全10ウェイトをすべて利用できるようになりました。 OS X El Capitanには4種の新しい日本語フォントが追加！ 新フォントに関しては、普通のウェブサイトで使うことはあまりないかもしれません（使っても面白そうだと思います）が、ヒラギノ角ゴの利用に関してはフォント名の変更という注意点があります。 Hiragino Kaku Gothic ProN → Hiragino Sans ヒ
ナウでヤングなCSSのfont-familyはコレだ！ 2015年版
ナウでヤングなレンタルサーバーと言えばロリポップですが、CSSのfont-family指定は皆さんこだわってますか？ ぶっちゃけ多くの閲覧者はあんまり気にしてないかもしれませんが、さりげないおもてなしがWebサイトの見栄えを最高に良くするのです。font-familyって何？ いや、CSSって何？ って人も、弄ってみようfont-family。 そもそも、指定したほうがいいのか？ フォントは俺に選ばせろ そもそもですが、font-family指定をしなくていいという意見があります。指定をしない場合、ブラウザで設定されたフォントが表示されます。「人それぞれ好きなフォントがあるんだから、いちいち指図するな」ということでしょうが、一部のマニア以外はブラウザのフォント設定を弄らないと思いますし、弄らない場合Windowsでは多くのブラウザのデフォルト設定であるMS Pゴシックで表示されてしまい、ク
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
The Blog | Welcome to Adobe Blog