タグ

CSS3に関するnagi-coのブックマーク (6)

  • Tumblrでもここまでデザインできる!オリジナルカスタマイズの実例解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    テーマカスタマイズの解説最新版 (2015年3月26日更新) 記事より分かりやすく、テーマカスタマイズについて解説した記事を、連載形式でアップしています!以下よりご覧ください。 Vol.1 テーマカスタマイズの基編 Vol.2 テーマカスタマイズの独自タグ理解編 Vol.3 テーマカスタマイズ実践編 こんにちは、デザイナーのぺちこです! お盆が過ぎたら、当に夜が涼しくなった気がします。ツクツクボウシが「ツクツクボウシ」って鳴いてると最初に思った人は、けっこう想像力豊かだったんだなあと思う今日このごろです。 そんなわけで、9月も近づいて参りました。9月といえばLIGが運営を手がけるシェアオフィス「いいオフィス」のオープンが控えています。そして「いいオフィス」では公式ブログ「いいオフィスBLOG」をTumblrで運用しています。 私はこのTumblrのカスタマイズを担当しましたので、今回

    Tumblrでもここまでデザインできる!オリジナルカスタマイズの実例解説 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • jQuery Mobileのデザインを簡単に作れる「ThemeRoller」徹底解説

    jQuery Mobileのデザインを簡単に作れる、jQuery Mobile公式サイトで提供している「ThemeRoller」を紹介します。 ThemeRoller こんな風にjQuery Mobileのデザインが簡単に出来上がります。リンクをクリックすれば同じデザインが表示された状態で「ThemeRoller」が起動します(2012/01/11頃まで)。 このエントリーで紹介する情報は2011年12月のものです。 1.ThemeRollerへのアクセス方法と全体レイアウト jQuery Mobileのトップページにある「Themes」をクリック。 ウェルカムメッセージが表示されるので、「Get Rolling」をクリック。 冒頭の編集画面が現れます。左ペインにテーマの各種設定項目、右ペインにプレビュー画面が表示されます。プレビュー画面は複数表示させることができるので出来栄えを見比べるこ

    jQuery Mobileのデザインを簡単に作れる「ThemeRoller」徹底解説
    nagi-co
    nagi-co 2012/07/25
  • Sencha Presents Sencha Touch

    業界初のHTML5モバイルアプリ用フレームワーク Sencha Touchを使えばタッチスクリーンを装備したApple iOSや Android端末上でネイティブアプリのようなWebアプリが開発可能です。 Web標準技術に準拠 Sencha TouchはHTML5、CSS3、JavaScriptに特化した世界初のアプリケーションフレームワークです。SSencha Touchはこれらの技術が持つ力を最大限に引き出し、かつ柔軟で最適化されたアプリケーション開発を可能にします。Sencha Touchでは、音声や動画を組み込む為のコンポーネントやデータをオフラインでも利用可能にするlocalStorageプロキシーなどでHTML5の機能が利用されています。またSencha TouchのスタイルシートではCSS3を最大限活用してとても堅牢なスタイリングレイヤーを実現しています。 このライブラリはそ

    nagi-co
    nagi-co 2011/11/30
    スマートフォン向けWEBサイト用ライブラリ。商用利用も無料。jQueryMobileよりカスタマイズしやすそう。
  • ThemeRoller | jQuery Mobile

    /*! * jQuery Mobile 1.4.5 * Git HEAD hash: 68e55e78b292634d3991c795f06f5e37a512decc <> Date: Fri Oct 31 2014 17:33:30 UTC * http://jquerymobile.com * * Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors * Released under the MIT license. * http://jquery.org/license * */ /* Globals */ /* Font --------------------------------------------------------------------------------------------

    nagi-co
    nagi-co 2011/11/25
    公式によるjQueryMobileのthemeroller。オリジナルテーマ作成に。かなり細かく設定できるので、これ一つでOKかも。
  • CSSを追加してjQuery Mobileのデザインをカスタマイズ! | Lab by engineering@dwango.jp

    こんにちは初めまして、石崎と申します。 今回は jQuery Mobile シリーズ3回目!ということで、jQuery Mobile デザイン編です! jQuery Mobile には 標準のテーマ(色見)が5つ用意されています。この標準のテーマを使用してアプリを作ることも可能です。しかし、アプリやサイトにはそれぞれのデザインやブランドイメージがあり、標準のテーマとは違うイメージのものを作りたい場合があります。 そんな時のために、今回は CSS などをカスタマイズして独自のデザインをいれていくノウハウについて説明します。 対象読者 CSS3, HTML5 の知識がある方 jQuery Mobile の仕組み 今回は jQuery Mobile のバージョン 1.0 RC2 を扱います。 先ほど述べたように、jQuery Mobile には標準のテーマが5つ用意されています。data-th

    nagi-co
    nagi-co 2011/11/25
    jQueryMobileのtheme部分CSSについての解説。オリジナルテーマ作成に便利。
  • CSS3で作るあんなものやこんなものまとめ

    さまざまな可能性を秘めたCSS3の登場から、いろんなエントリーが出てきましたので、一部をまとめてご紹介。 ちなみにこの画像はこちらのもので、CSS3だけで画像を使わずにキュウべえを書いたそうです。 CSS3でどんなことができちゃうの系 CSS3のみでいろいろなオブジェクトの作り方を掲載されている。 CSSについて知っておきたいことまとめ。 仕事で役立つ事もばっちり羅網。このまとめっぷりはすごいです。 CSS3の完全一夜漬けマニュアル。 とりあえずこの記事のところにサンプルがありますので触ってみてください。 すごく気持ちいい体験が待っていることでしょう。 CSS3のアニメーション効果を利用してちょっとダイナミックな404ページを表現しています。 すっごいかっちょいい。サンプルデモはこちら。 CSS3だけで3Dを表現。とりあえずこれがCSS3だというものを見せてくれる。ぱない。chromeでも

    CSS3で作るあんなものやこんなものまとめ
    nagi-co
    nagi-co 2011/08/26
    CSS3でできるもののサンプルとレシピのまとめ
  • 1