少ない手間と知識でそれなりに見せる、ズルいデザインテクニック
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック：ズルいデザイン（1）（1/2 ページ） デザインが自分でイイ感じに作れたらいいなあというプログラマのみなさん。少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが、少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 ズルいデザインはSassとCompassを利用し
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
ダサいインターフェイスじゃモテないゾ – Bootstrap のすすめ
このイベント、無事終了しました。 【大阪開催】ウェブまわりでいま気になっていることを発表する会『俺の話を聞け！2012』を開催します – 頭ん中 実施レポートは別の記事に譲るとして、 これのオープニングセッションで Bootstrap をちょっと紹介しました。 会場で聞いてみたところ「知らない」という人が8割ぐらいでよかった。 スライドは割愛します。 わずか10分の発表枠で実演メインだったし、 「だから君たちはモテないんだ」と書いてあっただけなので。 ここで言う Bootstrap というのは 組み込むだけで何かサイトの見栄えがいい具合になる CSS のライブラリ（今のバージョンは JavaScript も含む）ですね。 Twitter が提供してくれてます。 Bootstrap, from Twitter デザインができる人はいいんですけど、 特にエンジニアの作る管理画面などは 見た目が
Twitter Bootstrapのさまざまなテーマをダウンロードできる『Bootswatch』 | 100SHIKI
個人的にいじっていて便利そうだったのでご紹介。 Bootswatchは、Twitter社が提供するTwitter Bootstrapのさまざまなテーマをダウンロードできるサイトだ。 Twitter Bootstrapといえば簡単に今風デザインのサイトを作れるCSSフレームワークだが、それで作ると「あー、黒いトップバーだし、Twitter Bootstrapね」的になってしまうのが難点だった。 最新版ではテーマをカスタマイズできるツールもついているが、配色などを考えるのが面倒な人もいるだろう。そういう方はBootswatchを利用してみてほしい。 それにしてもどんどんウェブ作りが簡単になっていきますな・・・。
レスポンシブ・ウェブデザインの功罪とモバイルファースト | 初代編集長ブログ―安田英久
今日は、スマホ対応で注目を集める「レスポンシブ・ウェブデザイン」の良い点と悪い点を述べていきます。 結論としては、レスポンシブ・ウェブデザインはすごいと思いますが、現状では、スマホ向けにはレスポンシブ・ウェブデザインを採用せずに専用の軽いHTMLを用意して対応するべきだと私は考えます。そうでなければ、完全にモバイル・ファーストでのデザインで進めることです。その理由を解説していきます。 3分でわかる？ レスポンシブ・ウェブデザイン「レスポンシブ・ウェブデザイン」のことを耳にしたことはあるでしょうか？ 2011年に日本でも注目された、Webページのデザイン手法で、PC向け・スマホ向け・タブレット向けなど、さまざまな画面サイズのデバイスに対応したWebデザインを柔軟に実現できるようにするものです。わかりやすく言うと、次のような仕組みで実現しています。 CSS3の「Media Queries（メデ
CSS3のTIPSなどのまとめ (2011/12/6)
フォントでアイコン! CSS応用テクニック (マイナビ) CSS3だけで作るスライドメニュー → Pure CSS3 Slider (英語) (Script Tutorials) CSS3アニメーションのチュートリアル → CSS3 Transitions And Transforms From Scratch (英語) (Webdesigntuts+) CSS3で特定のフォントだけ浮き上がるようなホバーエフェクト → Fun with CSS3 Transitions - Create Super Cool Text Effect using CSS3 and Lettering.js (英語) (webexpedition18) ユーザーの操作に合わせて価格表の一部を拡大するCSS3のテクニック (コリス) CSSグラデーションの構文変更とベンダー接頭辞 (Web標準Blog) CSS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
