Text Box Lato is free web-font designed by Lukasz Dziedzic from Warsaw. Here you can feel the color, size, line height and margins between paragraphs. Don’t forget to underline your links, they are important visual marker for user. Also, to ... 続きを読む

• designmodo.github.io
• テクノロジー

泣いた。 最近ちまちま自分のブログのCSSなんかを変更かけてるんですが、クラスとかいちいちアレするのがめんどうなんですよね。もう、面倒。 この辺の面倒さというか、ちまちま感がカスタマイズしてみたいけど、なんかアレだわって人多いと思います。はい。 そ... 続きを読む

• blog.quusookagaku.com
• テクノロジー

スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によ... 続きを読む

• tech.nitoyon.com
• テクノロジー

こんにちは、鴨田です。 最近、アイコンがセットされたWebフォントを使うことで、 画像を使わずにアイコンを表示するという手法が流行っていますね。 すごく興味はあったのですが、なかなか使う機会もなく、 便利そうだなと思っていただけで、今まで使ったこと... 続きを読む

• blog.asial.co.jp
• テクノロジー

Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが... 続きを読む

• www.atmarkit.co.jp
• テクノロジー

ご連絡頂いたのでご紹介。人気の Twitter Bootstrapのデザインを、 kulerを使ってサクッと作り出せ るWebサービスです。国産なので 英語が苦手な方でも安心して使用 出来ると思います。 国産のTwitter Bootstrap関連ツールは個人的に見るのは初めてです。Adobe ... 続きを読む

• kachibito.net
• テクノロジー

HTML5やCSS3の専門的な知識は必要とせずに、ゲーム感覚で簡単に作成できるレイアウトジェネレーターを紹介します。 PageBlox PageBloxの使い方は簡単です。 下記ページにアクセスします。 レイアウトジェネ [...] 続きを読む

• coliss.com
• テクノロジー

まだまだIE7、そしてIE6のユーザーをターゲットに考えているウェブサイトは多くあると思います。 そんなIEユーザーをターゲットに含めたウェブサイトを制作する上で、より効率的にCSSの開発が行えるワークフローを紹介します。 下記は各ポイントを意訳したもの... 続きを読む

• coliss.com
• テクノロジー

愛用しているTwitter Bootstrap、次に「version 2」になりましたよ。今まで「version 1.4」だったのでメジャーバージョンアップ！ですよ。これは見逃せない、というか、感動した！ 個人的に「おぉ！」と感じたところをざっと紹介してみるよ！ ■ レスポンシブデ... 続きを読む

• www.ideaxidea.com
• テクノロジー

超定番のjQueryのプラグインを厳選して集めました。 商用利用が可能なものを優先的にピックアップしています。 （利用する際はそれぞれライセンスをご確認くださいね） 超定番プラグイン アニメーションのイージングを簡単に扱えるプラグイン jQuery.easing jQu... 続きを読む

• design.kayac.com
• テクノロジー

CSS3(29)Webデザイン(199)Web制作(38)コーディング(17) シャッフル 【CSS3】これはやばい！覚えなくてもすぐに使える便利なCSS3ジェネレータまとめ。 続きを読む

• matome.naver.jp
• テクノロジー

jsdo.itに投稿されたCSS3のコードのなかから、実用的なものからネタ系のものまで厳選して集めました。 Tweet jsdo.itに投稿された800以上のコードのなかから、実用的なものからネタ系のものまで厳選して集めました。 これだけ見ておけばCSS3で何ができるのか、... 続きを読む

• jsdo.it
• テクノロジー

html, css, デザイン | HTMLおよびスタイルシート（CSS）を利用したWebページ制作の，簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。これは，「Webページをコーディングして作る人」全般に当てはまる。 レベ... 続きを読む

• d:id:language_and_engi...
• テクノロジー

基本的なことやちょっと変わった意外な使い方などCSSに関する小技テクニックをたくさん紹介していきます。知っていることも多いかと思いますが、新しい発見もあるかもしれませんので復習を兼ねてぜひご覧ください。 続きを読む

• weboook.blog22.fc2.com
• テクノロジー

CSS、スタイルシート初心者の頃悩んだりハマったことを少しまとめてみました。フロートまわりのトラブルや、IE特有のhasLayout問題など。Webテクニック BeginnerBrowserCSS Share CSS、スタイルシート。初心者のころにはCSSのスタイルがうまくいかなくて、半日... 続きを読む

• webdesignrecipes.com
• テクノロジー

ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられ... 続きを読む

• c-brains.jp
• テクノロジー

シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。 BeautyTips demo BeautyTipsは機能が豊富というだけでなく、テキストや画像、AJAXコンテンツ... 続きを読む

• coliss.com
• テクノロジー

ブラウザだけでCSSレイアウトに対応したページをさくさく作ることができる『Drawter』 November 27, 2008 9:33 AM written by webmaster CSSとHTMLの知識は必須だが、慣れている人には超絶便利そうなツールのご紹介。 Drawterはブラウザ上でDOM要素を配置、さま... 続きを読む

• www.100shiki.com
• テクノロジー

随分前に、Ver2の見直しをして3になってたんですけど、公開してなかったので今更ながら公開です。 中身は2を使ってみて、社内のマークアップエンジニアからフィードバックもらったり、自分でも違和感が有った部分を調整してます。 それなりの期間使ってみて、問... 続きを読む

• css-happylife.com
• テクノロジー

当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界の... 続きを読む

• dspt.blog59.fc2.com
• テクノロジー