![http://www.designwalker.com/2009/01/table.html](https://cdn-ak-scissors.b.st-hatena.com/image/square/75989e69b2450e90834f9aee635d877771a910b4/height=288;version=1;width=512/https%3A%2F%2Fwww.designwalker.com%2Fwp-content%2Fuploads%2F2017%2F12%2F01.gif)
皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル&サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応
CSSハックを使わずIEのバグに対処する方法特定のブラウザに限定してスタイルを適用する方法として、ブラウザのバグを利用した「CSS Hack(ハック)」がよく使われています。IEでのみ表示がおかしくなる場合の対策なども紹介。 Internet Explorerでのみ表示がおかしい場合の対策 スタイルシートを使ってデザインしていると、他のモダンブラウザではうまく表示されるのに、 IEでのみ崩れて表示されてしまうことがあります。 IE7ではうまく表示されるのに、IE6以下ではおかしくなってしまう…という場合もあるでしょう。 そういったときには、IEにのみ別のスタイルを適用させる、「CSS Hack(ハック)」がよく使われます。 当ガイドサイトの記事でも「スタイルシートでドロップキャップを作る」の5ページ目で、Mac版IEのみを除外するCSS Hackを使っています。 CSS Hackは、様々な
Internet Explorer 7 は、 8 月にも beta3 がリリースされるかも知れないんだけど、今現在、IE7 beta2 を含むモダンブラウザに有効そうだと思われる CSS ハックを自分用にまとめておく。以前に IE 7 用の CSS ハックを紹介したことがあったけど、今回の Easy CSS hacks for IE7 - Nano See, Nano Do で紹介されていたハックは、比較的シンプルかも知れない。想定ブラウザは下記のとおり。 バージョン 6 以下の IE IE7 それ以外のモダンブラウザ(Safari、Opera、Firefox) ブラウザごとのハック 全てのサンプルは body 要素を指定の対象としている。 バージョン 6 以下の IE にのみ適用 * html body サンプルページ バージョン 7 の IE にのみ適用 *+html body サンプ
2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。 2008 Most Popular Design posts, Tutorials and Resources デザイン関連 Photoshopのチュートリアル関連 Illustratorのチュートリアル関連 Photoshop&Illustratorのブラシやベクター素材 JavaScript関連 WordPress関連 CSS関連 フォント&タイポグラフィ関連 ツール&素材関連 デザイン関連 42 Awesome Business Card Designs 20 Beautiful HDR Pictures
ヘッダ内、ヘッダとコンテンツなど異なる色の背景の区切りに1ピクセルのラインを使用したデザインスタディをSpoonfed Designのエントリーから紹介します。
Webページに掲載する面倒な表(テーブル)の作成を楽にしたい――。以前、本サイトではExcelファイルを簡単にHTML(Tableタグ)に変換するExcelアドイン「XLS2HTMLTable」を紹介した(関連記事)。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時にはやはり手間がかかる。 今回はさらに楽をできて便利なアイテムを紹介しよう。それが、CSVファイル(カンマ区切りテキスト)を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。 JavaScript関連の著書も多い高橋登史朗氏が作った「jquery.csv2table.js」は、名前のとおりjQueryのプラグインとして動作するもので、HTMLにわずか数行のスクリプトを書き加えるだけで使える手軽なライブラリだ。さっそく実際にjquery.
29 Most Useful Texture Packs of 2008 | Web Design Ledger 2008年のもっとも使えるテクスチャ29画像集まとめ、というエントリがあがっていたので紹介。 2008年でもっとも使える、かどうかは分かりませんが、木目や錆、繊維、絨毯風の模様など、多数あって今回も色々と応用できそうです。 vintage grunge textures color grunge textures Large Paper Grunge Textures Anatomy of a Dumpster: 12 Textures rust textures Grunge II Texture Pack Old Grunge Photo Texture Pack TEXTURES PACK 1 15 Old Book Cover Textures 17 More Old
今回の「諦めている不便利」はこちらの投稿をご紹介(企画の詳細はこちら)。 ロゴを作る時に、クライアントから希望のフォントが使われている印刷物やビットマップ画像を示されて「このフォントで」と言われることがあります。その字形からフォント名(もしくは形が近いフォント)を検索する手はないものでしょうか?(ルミエールさんありがとうございます!) 個人的にも「このフォントいいな。何というフォントだろう?」と思いながら、わからなかった経験があります。 この解決方法を調べてみました。 「WhatTheFont」というサイトを使ってみるのはいかがでしょうか。画像で使われているフォントを調べてくれるサイトです。残念ながら日本語フォントには対応していませんが便利ですよ。 » WhatTheFont 使い方を簡単にご紹介します。 ↑ 調べたいフォントが描かれている画像をアップロードします。URLを指定しても取り込
There are specialized terms referring to all sorts of aspects of web design. For someone just getting started in web design, or someone looking to have a site designed, all the technical jargon can be overwhelming. Especially the acronyms. Below is a guide to industry terms that should get you well on your way to understanding what web designers are talking about. In addition, we’ve provided some
Best of CSS Design 2008 2008年のCSSベストデザインサイト集という特集。 これは、と思う物をピックアップしてみました。最新のデザインを見ることで勉強になりますね。 Let It Bleed Vermont Coffee Works Digital Mash Good DrupalCon, DC Future of Web Apps - Miami 2009 Future of Web Design - NYC 2008 Tennessee - Fall Tennessee - Spring Tennessee - Summer Tennessee - Winter LightCMS The First Twenty Luke Larsen Design Disease Adaptd Jason Santa Maria Electricurrent Mochi A
100 Free High-Quality XHTML/CSS Templates | Developer's Toolbox | Smashing Magazine プロレベルでハイクオリティなXHTML/CSSテンプレート集。 本当にフリーなのか?というクオリティのテンプレート集が色々。 Package Consultant Environmental Brand Internet Jobs Internet Music Greefies Squick Design Harvest 全部見る 毎回驚きですが、今回もすごいです。 デザインの仕事も減ってしまいそうで怖い。 関連エントリ CSSテンプレート配布サイト色々まとめ デザインされたフリーのCSSテンプレート集 フリーのビューティフルなCSSテンプレート沢山「Css 4 Free」
The Ultimate List of the Top Best Logo Design Resources Below you will find galleries of logo designs for logo design inspiration. ロゴデザインの際に参考にできるリソース集。 Logo Of The Day 投票機能付きでどういうロゴが評価を得るか、という点も参考になります。 タグ検索機能付き Logo Pond クオリティの高い多数のロゴが見れる Fave Up こちらも投票機能付き。比較的大きいロゴ画像を一覧でシンプルに見れる Logo Sauce サムネイルで一覧表示。検索機能付きのロゴデザインまとめサイト Identity Archives 製品のロゴなどを検索できます。coke とか wii とかを検索してみましょう。 Logo Faves ロゴにカー
「GD-高速道路ゴシックJA」は、高速道路標識の文字に採用されている書体“道路公団標準文字”を再現したフォント。Windows 95/98/Me/2000/XP/Server 2003/Vistaに対応するフリーのOpenType/TrueTypeフォントで、作者のWebサイトからダウンロードできる。なお、商用目的でも利用できるが、フォントや文字そのもので利益を得る場合はその限りではない。 ひらがな、カタカナ、JIS第一水準を中心とした漢字、英数字、記号のほか、道路標識の絵文字を収録し、高速道路標識の文字に採用され、通称“公団ゴシック”と呼ばれる書体を再現している。公団ゴシックは、ドライバーが高速で移動しながら文字を確認できるように、“読む”ためではなく、“見る”ためにデザインされており、それぞれの文字を図形として見せる字体が特長だ。 たとえば、三鷹の“鷹”をはじめとする、画数が多く潰れや
The Web Squeezeのエントリーから、ウェブデザインに役立つカラースキームのサンプルやジェネレーターを紹介します。 25 Color Palette Generating Resources for Web Designing!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く