DiaryTechnology CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don’t use in css, but should』 CSSでフォント指定をちょっと凝ってみたい。 そんなあなたにおすすめなのが、『8 fonts you probably don’t use in css, but should』。CSSであまり使われていないが使った方がいいフォント8選だ。 以下にご紹介。 ・Palatino Linotype / Palatino（WINDOWS 97.09% / MAC 78.86%） ・Tahoma（WINDOWS 96.09% / MAC 72.02%） ・Impact（WINDOWS 95.85% / MAC 88.08%） ・Century Gothic（WINDOWS 85.44% / MAC 42.50

ふと思い立ってメルマガを始めました☆ 前から設置したいな、と思っていたんですが、melma!とかまぐまぐで配信するのはコピペだとしても手間だし、お金かけるのもいやだしと思っていたんですね。 それで少し前によぅし自分でシステムを作ろうと思い立ったんですが、FeedBurnerのメルマガのことを思い出したので、手軽だしそれにしました。 百式の田口さんがASPで配信しているのを見ていて、さすがだな、と思っていたんですね。RSSってやっぱり一般的にはわかりにくくて、でもメールはものすごく便利なツールだから、メールで読みたいっていうユーザは多いと思います。 あとネタフルのコグレさんとか、smashmediaの河野さんのエントリーを見ていて、そうだよな、と。 » ブログ x メールマガジン（ネタフルの場合） » メルマガ×ブログ (smashmedia) 河野さんは僕に「webの世界って狭いよ。影響力

コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウト » Layout Gala 40のCSSレイアウト » CSS Creator 幅や背景色などを指定してXHTMLソースが生成できる » Whiteboard フリーのワードプレステーマフレームワーク » Yet Another Multi-Column Layout モダンで拡張性のあるレイ

かっこいいブログをデザインしたい。 そんなあなたにおすすめなのが、『100 Nice and Beautiful Blog Design 』。海外のかっこいいブログデザイン100選だ。 以下にいくつかご紹介。 ↑のキャプチャはArtypapers – An Experiment Gone Useful。 Vikiworks Studio Carsonified Design Disese Design*Sponge Freelenz その他のリストは以下から。 » 100 Nice and Beautiful Blog Design 海外のかっこいいブログデザイン、チェックしてぜひ参考にしてみてはいかがだろうか。 今日も天気がいーですねー。がんばろうっと。

複数のdivの高さをそろえたい。 そんなときにおすすめなのが、『Equal Height Columns with Cross-Browser CSS & No Hacks』。複数カラムの高さをそろえるクロスブラウザなCSSだ。 このエントリーでは、↑のようにdivの内容によって高さが違ってしまう場合に、高さをそろえるテクニックが紹介されている。 The method shown here is 100% CSS hack-free, image-free and JavaScript-free so it can even be used on the most strictly coded websites とあるように、CSSハックや画像やJavaScriptは使用していないとのことだ。 2カラムから5カラムのデモページが用意されている。 複数カラムの高さをそろえるクロスブラウザなC

スムーズに開閉するアコーディオンメニューが作りたい。 そんなときにおすすめなのが、『Animated JavaScript Accordion V2』。スムーズに開閉するJavascriptアコーディオンメニューだ。 このエントリーでは、気持ちのいい動きのアコーディオンメニューのソースが公開されている。 デモは以下から。 » Click here for the demo. This script is available for any personal or commercial projects. とのことで、個人利用、商用利用共に可能だ。 スクリプトのダウンロードは以下から。 » Animated JavaScript Accordion V2 スムーズに開閉するJavascriptアコーディオンメニュー、チェックしてぜひ使ってみてはいかがだろうか。 もろもろ順調だ。よぅし。 「W

ロゴをデザインしたい。 そんなときにおすすめなのが、『45 Rules for Creating a Great Logo Design』。素晴らしいロゴをデザインするための45の法則だ。 以下にご紹介。 3つ以上の色を使わない。 絶対に必要というわけでないものはすべて除外する。 文字はあなたの祖母でも簡単に読めなければならない。 ロゴとはっきり認識できなければならない。 ロゴにユニークな形やレイアウトを取り入れる。 あなたの親や配偶者がデザインについて思うことを徹底的に無視する。 3人以上の人にロゴが魅力的に見えるかを確認する。 有名なロゴの要素を使ってオリジナルだと主張しない。 どんな場合でもイラスト集を使わない。 ロゴは白黒でもかっこよく見えるべき。 逆さにしても認識できること。 リサイズしても認識できること。 ロゴがアイコンやシンボル、テキストを含む場合、それぞれ良さが引き立つよう

WebデザイナーでFirefoxをよく使っている。 そんなあなたにおすすめなのが、『22 Firefox 3 Plugins Web Designers Can’t Live Without』。Webデザイナーなら知っておきたいFirefoxアドオンだ。 以下にいくつかご紹介。 » iMacros for Firefox 6.0.7.2 繰り返し行う操作を記憶しておける » MeasureIt 0.3.8 サイトの要素のpxを測れるルーラ » Pencil 1.0.3 GUIのプロトタイプが作れるオープンソースのツール » FireShot 0.60 スクリーンショットが撮れるだけでなく、さっとテキストを追加したり、グラフィックの注意書きを追加できる » Window Resizer 1.0 ブラウザの解像度を変えてくれる。640×480, 800×600, 1024×768, 1280×

クロスブラウザなCSSでサイトを素早く作りたい。 そんなときにおすすめなのが、『Malo』。軽量なCSSライブラリだ。 『Malo』は、2〜5カラムのCSSライブラリ。 なぜMaioを使うのか？という問いに対して、 ・超軽量(0.25kbのものや8行のものまで！) ・%, px, emでwidthを指定 ・超フレキシブル ・簡単に使える と答えている。 対応ブラウザは以下の通り。 IE:5.5,6,7,8(beta)、Firefox3、Opera 9.23、Safari 3.1(Win)、Chrome 0.3 サンプルも10個用意されている。 ライセンスはGNU General Public License v2。 軽量なCSSライブラリ、チェックしてぜひ使ってみてはいかがだろうか。 久々にブログを書きまくってみよう。

CSSのテンプレートでサイトやページをさくっと作りたい。 そんなときにおすすめなのが、『CSS Tools: Free Templates』。無料で使えるCSSのテンプレート配布サイト8選だ。 以下にご紹介。 » FreeCSStemplates.org » Free-CSS-Templates.com » FreeWebTemplates.com » FreeCssTemplates.com » CSScreme.com » TemplateWorld.com » DreamTemplate.com » Free-CSS.com 元記事は以下から。 » CSS Tools: Free Templates 無料で使えるCSSのテンプレート配布サイト、チェックしてぜひ使ってみてはいかがだろうか。 「秦基博」のCDを借りてきた。彼の声はとてもいい。ギターもかっこよくて、斉藤和義に次ぐお気に入り

画像などのキャプション（説明）のデザインに困る。 そんなときにおすすめなのが、『Image Caption Design: Simply Elegant or Boldly Graphic?』。 Smashing Magazineによる、キャプションのデザイン集だ。 以下にいくつかご紹介。 ↑のキャプチャはInspirationbit.com。 DesignLessBetter.com AIGA Studio7Designs その他のリストは以下から。 » Image Caption Design: Simply Elegant or Boldly Graphic? キャプションのデザイン集、チェックしてぜひ参考にしてみてはいかがだろうか。 先日初めてガス欠になってロードサービスにスタンドまで運んでもらった。結構みじめやね。。

CSSでのレイアウトに黄金比を取り入れたい。 そんなときに参考になるのが、『Golden Ratio in modern CSS』。モダンCSSにおける黄金比だ。 このエントリーでは、960pxのdivがある場合、960 / 1.62 = 593px　が左カラム、960 – 593 = 367pxが右カラムになるといったように、黄金比を取り入れたレイアウトの方法が解説されている。 その他にも、 line-height = font-size x 1.62 paragraph margin = paragraph line-height x 1.62 / 2 といったような設計の例が紹介されている。 結論としては、 Many people will argue, that this technic is an utopia and we cannot spend time coding ne

Firefoxをもっと便利に使いたい。 そんなあなたにおすすめなのが、『The Best 50 Firefox add-ons for Web-developers!』。WebデベロッパーのためのFirefoxアドオン50選だ。 以下にいくつかご紹介。 » JavaScript Debugger 強力なJavascriptデバッガ » IE View 右クリックの拡張からIEの見え方でロードできる » Dummy Lipsum ”Lorem Ipsum”のダミーテキストを自動で生成 » Tab Scope タブにマウスオーバするとプレビューできる » Window Resizer 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200にWindowをリサイズしてくれる その他のリストは以下から。 » The Best 50 Fi

CSSのツールを便利に使ってみたい。 そんなときにおすすめなのが、『40+ “Must see” CSS Tools』。見ておきたいCSSツール40選だ。 以下にいくつかご紹介。 » CSS Type Set CSSをいじりながらフォントを確認できる。↑のキャプチャはこちら » CSS Sprite Generator 「80×15」「88×31」のボタンジェネレーター » CSS Optimizer CSSを圧縮してくれる » Grid Designer 2 カラム数と幅を指定することでグリッドを作ってくれる » Em Calculator ピクセル値を相対値であるemに変換してくれる その他のリストは以下から。 » 40+ “Must see” CSS Tools 見ておきたいCSSツール、チェックして使ってみてはいかがだろうか。 今日もいい天気ですねー。がんばろう。

Tumblrのテーマを探している。 そんなあなたにおすすめなのが、『20 Beautiful Tumblr Themes』。Mashableによる、かっこいいTumblrテーマ20選だ。 以下にいくつかご紹介。 ↑のキャプチャはRoboturner – クールな2カラムデザイン。 ColorBars – カラーマーカーつきのダークデザイン Terminal Flashback – ターミナルデザイン Cliché Theme – シンプルなデザイン Box Factory – 3カラムのテーマ その他のリストは以下から。 » 20 Beautiful Tumblr Themes かっこいいTumblrテーマ、チェックして使ってみてはいかがだろうか。 かなり前からだけど、hhstyle.comがオンラインショップ限定のセールをやっていますね。 イームズとかも30%オフになってたりするから（か

コメント投稿者のアバターを表示したい。 そんなあなたにおすすめなのが、『twittar』。コメント欄にTwitterのアバターを表示するWordPressプラグインだ。 『twittar』は、コメント投稿者のメールアドレスからTwitterのユーザアカウントを判定し、アバターを表示させてくれるWordPressプラグイン。 The plug-in is released under the GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you would like to spread the word. You may modify the plug-in as you wish. ライセンスはGPL。どんなプロジ

フッターをブラウザの下部に常に表示させたい。 そんなときにおすすめなのが、『CSS Sticky Footer』。ブラウザの下部にフッターを固定表示するCSSだ。 クロスブラウザで、IEやFxはもちろん、Opera、Safari、Google Chrome、Chaminoなどにも対応している。 ブラウザ対応状況は以下から。 » Here is the Full List HTML、CSSもとてもシンプルなので、ぜひ見てみてほしい。 ブラウザの下部にフッターを固定表示するCSS、チェックして使ってみてはいかがだろうか。 » CSS Sticky Footer Oisixの野菜を炒めて食べました。だいぶ減ってきたな。じゃがいもとたまねぎがうめぇ。

ちょっと仕事で企画を考えているので、お伺いエントリー的にまとめてみます。 サイトにはいろんな種類があるので一概には言えないかと思いますが、コーポレートサイト、情報サイトなど、ある程度共通して言えるのではないかと思うことをまとめてみました。 ・コンテンツ 1.コンテンツ力がある（ほかにない内容、クオリティーの高さ） 2.SBMにブックマークされる記事を書く（ネットユーザーに響く記事を書く） 3.コンテンツの面白さで話題になる 4.有名人のコンテンツ（専門性のある内容）と更新性がある 5.CGM機能がある ・誘導 6.SEOで上位にいく 7.リスティングで誘導する（Google Adwords、Overture） 8.Yahoo,mixi,msnなどからバナーで誘導する 9.メディアに取り上げられる企画をし、プレスリリースを打つ 10.他メディアで記事を書く（CNET、ITmediaなど） ・

Smashing Magazineで、サイトを多くの人に見てもらうための10の方法が紹介されています。 ざっとご紹介。 ・デスクトップもターゲットにする（eBayが例。Adobe AIRなどを使って） ・モバイルに対応する ・Twitterで情報を発信する ・他のサイトで記事を書く ・Facebookを活用する ・WidgetやAPIを開発する ・RSSを配信する ・音声や動画などのコンテンツを配信する ・動画をストリーミングで配信する ・Emailを忘れない（メルマガなど） 詳しくは以下からどうぞ。 » 10 Ways To Put Your Content In Front Of More People e-mobileが反応しなくなった。。修理に出さないといけなくなってへこんでいます。。 夜更かししすぎて乱れているので元に戻そうっと。

Smashing Magazineで、プロジェクト管理に使えるフリーアイコンセットが公開されています。 This icon set, designed by Navdeep Raj and released for Smashing Magazine and its readers, contains 18 beautiful icons related to project management. The files are transparent PNGs, and vector Fireworks source files are included as well. As always, the set is completely free and may be used for any private or commercial project without any restri

noupeで、WordPressをCMSにする方法が紹介されています。 ざっといくつかご紹介。 ・静的なトップページを作る ・ナビゲーションバーに表示させるものを制御してカスタマイズする ・編集できない部分を作る ・WordPress Widgetsを使ってサイドバーをカスタマイズする ・パーマリンクをカスタマイズする ・サイトマップを作成する ・コメントやトラックバックを拒否する 「How To » 」にそれぞれ方法が書いてありますね。 一度見てみてください。 » 101 Techniques for a Powerful CMS using WordPress いろいろやることがあるのでブログ書く手を止めたい。。

LINE25というサイトで、CSSスプライトを使ったメニューの作り方が紹介されています。 1枚の背景画像を使って、こんな感じでCSSを指定していきます。 デモは以下から。 » View Demo ソースファイルもダウンロードできますね。 ぜひ見てみてくださいー。 » How to Create a CSS Menu Using Image Sprites プロジェクト管理ツールを整備中。結構整ってきたぞ。

WEB HOSTINGというサイトで、サイトをかっこよくするCSSテクニックが紹介されています。 ざっといくつかご紹介。 » Image gallery with hover box preview 画像マウスオーバー時に拡大表示してくれる » Alert Box シンプルでクールなアラートメッセージデザイン » CSS Sliding Sprite Window CSSスプライトで背景画像をクールに切り替える » Gradient text effect using CSS purely CSSを使ってテキストにグラデーションをつける » Creating a sliding image gallery 水平・垂直方向のスライドするイメージギャラリー » CSS rollover buttons JSを使わずにCSSスプライトでロールオーバーボタンを実装 結構いい感じのがそろっていますね

なんだか最近急にTumblr熱が高まったので再開しました！別にブログでいいかな、と思ってたんだけど、気軽にpostしていけるのが便利そうなので。 周りにTumblr使ってる人がいて刺激されたのが大きいかな。写真をぽんぽんUPしてるのを見ると楽しくなりますよね。 Tumblrにpostするツールとして、tomblooをインストール。Firefoxのアドオンですね。めちゃくちゃ便利です。 » tombloo 右クリック拡張のメニューからTumblrにpostできるようになります。テキストを選択すれば自動でQuoteになるし、画像の上で右クリックすればPhotoとして投稿できます。 特に便利なのがキャプチャ機能！範囲を選択して、タギングしてpostできます。これがあるからTumblrをまた使い始めた感じかな。 右クリックして　Share… / Photo – Capture を選択します Reg

WEBDESIGNDEVで、Web&グラフィックデザイナーのためのPhotoshopチュートリアルがまとまっています。 ざっといくつかご紹介。 » 30 Useful Photoshop Tutorials for Vintage and Retro Style Web design Ledgerによるビンテージ&レトロチュートリアル30 » 18 Web Header Tutorials Photoshopでヘッダー画像をデザインするチュートリアル18 » 12 Fresh Tutorials Design Reviverによるタイポグラフィーや壁紙、イラストのデザインチュートリアル » 23 Brilliant Adobe Photoshop Tutorials That You Shouldn’t Miss Smashing Downloadsによる見ておきたいPhotoshopチュ

nettuts+で、WordPressのチートシートが紹介されています。 テーマの構造やループ、テンプレートタグ、ナビゲーションメニューの書き方などがまとまっています。 シンプルで見やすいので、一度見てみてはいかがでしょうか？ » WordPress Cheat Sheet 昨日はブログ書けなかった。。すんまへん。挽回します。 金曜日はケータイ会議オフ。初めて会う人もいて楽しかったな。

Web Developer plusで、知っておきたい使えるCSSテクニックが紹介されています。 いくつかご紹介しますね。 ・テキストハイライト時の色を変更する SafariやFirefoxでテキストを選択した時の色を変更できる。コードサンプルは以下 ::selection{ /* Safari and Opera */ background:#c3effd; color:#000; } ::-moz-selection{ /* Firefox */ background:#c3effd; color:#000; } ・プリント時にページを指定箇所で分割する 以下のクラスを指定することで印刷時のページを分割できる .page-break{ page-break-before:always; } ・テキストの代わりに画像を表示する よく見られるSEOテクニック。ユーザーには画像を見せ、検索エ

AjaxLineで、素晴らしいjQueryチュートリアルがまとまっています。 ざっといくつかご紹介。 » Animated Menu Using jQuery jQueryを使ったアニメーションするメニュー » How to create tab with JavaScript シンプルなタブ切り替えコンテンツの作り方 » Animated Navigation with CSS & jQuery マウスオーバー時にくるっくるっと切り替わるかっこいいメニュー » 5 Sliding Content Techniques, Examples & jQuery How to’s 画像をスライドで切り替える超クールなテクニック » jQuery FAQs: Scroll To and Highlight Tutorial ページ内リンクのスクロール後、対象のコンテンツをハイライトしてくれる »

FatCowというサイトで、商用無料の開発者向けアイコンが1000個配布されています。 ↑のようなアイコンで、16 x 16pxと32 x 32pxの透過PNGとなっています。 ライセンスはCreative Commons Attribution 3.0 License。著作権表示が必要になっていますが、商用利用OKとのことですね。 ぜひ使ってみてはいかがでしょうか？ » Free Farm-Fresh Web Icons RHODIAのNo.16用のカバーを買った。バッグの中で折り曲がってしまうのを避けたかったんですよね。いいのが見つかってよかった。

WebAppStormで、無料のキラーアイコンセットが紹介されています。 かっこいいものが多いのでご紹介しますね。 ↑はFresh。 Social Network Icon Pack Social Bookmark Iconset GLYPHISH Sidebar Replacements 中には商用でも無料で使えるものもありますね。ライセンスについてはリンク先を確認してください。 » 33 Killer Web Icon Sets for Free 夜風が涼しいですね〜。酔っぱらったのでそろそろ寝ようっと。

Font Squirrelというサイトを見つけました。前にも見たことはあったんだけど、よく見ると「100% FREE FOR COMMERCIAL USE」って書いてあったのでご紹介。というかロゴに書いてありますね＾＾ We know how hard it is to find quality freeware that is licensed for commercial work. We’ve done the hard work, hand-selecting these typefaces and presenting them in an easy-to-use format. 質の高い商用利用可能なフリーウェアを見つけるのは大変ですよね。なので私たちがそれをやってみました。手作業で商用利用可能なフォントを探して、簡単に探せるようにサイトに集めています。 ライセンスに関しては、

cats who codeで、サイトを魅力的にするjQueryがいろいろ紹介されています。 いくつかご紹介。 Easy Display Switch with CSS and jQuery ボタンクリックでリスト表示とカラム表示を切り替えられる Turn any webform into a powerful wizard with jQuery 長くて退屈なフォームを、ウィザード形式でStep1〜3のように分けられる Beautiful tag clouds with jQuery and flir タグクラウドをかっこよく見せてくれる Twitter-like login panel using jQuery Twitterライクなログインパネル。↑のキャプチャはこちら Disappearing “Scroll to top” link with jQuery and CSS ページが

Web Developer Plusで、jQueryを使ってCSSを補強するテクニックが紹介されています。 ざっといくつかご紹介。 jQueryでカラムの高さを統一する equalHeights pluginを使って、一行でカラムの高さを同じにする 入力中のフォームをハイライトする highlighting the label along with the selected input fieldを使って、フォームのユーザビリティーを上げるテクニック 角丸 jQuery Curvy Cornersで角丸を実装する メニューの背景をアニメーションさせる メニューにマウスオーバーしたときに、一瞬でhover画像に切り替えるのではなく、ふわ〜っとアニメーションして切り替えるテクニック。例：Create an Attractive jQuery Menu with Fade In and Fade

cometdocsというサイトで、Webデザイナーのためのオープンソースがたくさん紹介されています。 いくつかご紹介しますね。 Open Web design.org フリーのデザインテンプレートがダウンロードできるコミュニティーサイト Open Design Community 1,000を超えるXHTML/CSSテンプレートを提供しているサイト Flash Village Flashのテンプレートがダウンロードでき、商用でも無料で利用できる Template Yes フルFlashサイトのテンプレートなどが無料でダウンロードできる Blogging Themes ブログのテンプレートを配布しているサイト その他にもたくさんのオープンソースやツールが紹介されています。 一度見てみてください。 The Open Source Toolbox For WebDesigners 諸々進めるぞ。

CSS TRICKSで、高さが可変するタブ型コンテンツの作り方が紹介されています。 タブをクリックすると、フェードイン&アウトでコンテンツが切り替わって、高さもコンテンツの量に合わせて可変しますね。 デモは以下から。CSS TRICKSのサイドバーに実装されています。 View Demo HTML、CSS、jQueryのソースがダウンロードできますね。jQueryのソースにはコメントがついているので、どこで何をしているのかがわかるようになっています。 一度見てみてください。 Organic Tabs 今日も天気いいですねー。いろいろ進めるぞ。

cheth studiosというサイトで、ブログに貼れるTwitterのRetweetボタンがいろいろ紹介されています。 ざっとご紹介しますね。 Tweetmeme TwittLink Twittley Retweet.com BackType デザインがそれぞれ違うので、ブログに合ったものを貼ってみてはいかがでしょうか？ 9 Useful Twitter Retweet Button Scripts For Blogs 今日はいい天気ですね〜。超気持ちいい。

CSS REFLEXというサイトで、jQueryベースのWordPressプラグインがたくさん紹介されています。 いくつかご紹介しますね。 WordPress jQuery Lightbox Plugin ページにオーバーレイで画像を表示できる WP-Slimbox2 Plugin クールなlightbox系画像オーバーレイスクリプト Carousel Gallery (jQuery) カルーセルギャラリーを作れるプラグイン jQuery Comment Preview ライブコメントプレビューを実装できるプラグイン WordPress post information plugin meta情報を綺麗に見せてくれるプラグイン Snazzy Archives エントリーアーカイブをデザインされたレイアウトで表示してくれるプラグイン ?Audio Player mp3のリンクがクリックされた

DIVE INTO HTML5というサイトを見つけました。 HTML5でサイトを作っていますね。フォントには@font-faceを使って、EOTファイルを使っています。 HTML5からWeb Fontsとして、サーバにフォントファイルをアップロードすることで、ユーザのPCにインストールされていないフォントでも利用できますが、IEはライセンス情報を埋め込んだ特殊なフォントファイル（EOTファイル）のみ認識するため、別途EOTファイルの作成が必要です。その対応をしているようですね。 デザインフォントに見えるところも、テキストになっているので、なかなかいい感じです。 DOCTYPE宣言と文字コード指定もシンプルですね。 HTML5の参考に、ぜひ見てみてください。 Dive Into HTML5 ウィンドウのサイドにFollow meボタンをつけました。と思ったらフォロワーが一気に、いつもより多い

jQuery Wisdomというサイトで、テーブル周りの素晴らしいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 graphTable: graph data from HTML table using flot HTMLのテーブルデータからグラフを作ってくれる tableRowCheckboxToggle jQuery Plugin 行をクリックすることでチェックボックスのオンオフを切り替えられるようにするプラグイン UI Table Edit jQuery Plugin セルをクリックすることで編集可能にするプラグイン Colorize – jQuery Table Plugin マウスオーバーした列の背景をカラーリングしてくれる Animated Sortable Data Table jQuery plugin – jTPS テーブルにページネーションやソート機

卓上で使えるベーシックな本棚 国産にこだわった木製品メーカー「La Luz」の引き出し付きブックシェルフ。静岡の木工職人との協力で実現したという、収納ボックスシリーズ「レスパス」のアイテムです。デスクトップでの使用を想定したサイズ感が手頃で、何といってもシンプルで使いやすいところが魅力。使用頻度の高い辞書や参考書を収納するのにぴったりな本棚です。箱の角部分は丸みのある仕上げになっており、全体的にやわらかな印象。また、引き出し部分にネームプレートがつくなど、クラシカルなデザインがお部屋のアクセントになりそうです。引き出しの中にはポストカードや文具などが収納可能。 お好みや用途に合わせて、他アイテムをシリーズでコーディネートすれば、デスクまわりにも統一感が。素材のアガチス材が大変上質な雰囲気に加工されています。 素材のぬくもり生かした木製品 シンプル＆ナチュラルな木製インテリア雑貨

ごちゃつく小物類をスッキリ整理整頓 国産にこだわった木製品メーカー「La Luz」のアレンジボックス。静岡の木工職人との協力で実現したという、収納ボックスシリーズ「レスパス」のアイテムです。ペンやはさみ、ステープラーなどステーショナリーの整理箱として、また趣味の小物や道具入れとして、工夫次第で使い方の広がる便利なボックスです。何と言ってもこのシリーズの魅力はデスクトップでの使用を想定した手ごろなサイズ感と、シンプルゆえの使いやすさ。またクラシカルなデザインがお部屋を引き締め、ちょっとしたアクセントになります。箱の角部分は丸みのある仕上げになっており、全体的にやわらかな印象。素材のアガチス材が大変上質な雰囲気に加工されています。 素材のぬくもり生かした木製品 シンプル＆ナチュラルな木製インテリア雑貨を扱う「La Luz（ラ・ルース）」。素朴で心地よい生活のため木のぬくもりをお部屋

リビングに敷きたいこだわりの一枚 シンプルかつ上質なラグを提供するブランド「UNFADE」のリビングラグ。どんなインテリアにも馴染む、落ち着いたカラーをベースに、控えめに覗くラインがアクセントになった一枚です。国内の工場で熟練の職人により手仕上げされており、その仕上げの美しさは格別。また、国産ならではの肌触りの良さも魅力です。主張し過ぎないけれども、どこか存在感があります。敷くだけでお部屋全体が引き締まり、飽きのこない彩りを与えてくれます。抗菌防臭繊維を使用、裏面は耐熱加工が施されているので床暖房にも対応しています。 今を生きる女性のためのラグを提案 部屋に大きく敷くラグだと、つい無難なデザインや色を選びがち。でも、洋服を選ぶように、自分の好きなデザインやカラーを取り入れたら、生活はもっと楽しく明るいものになるのでは？そんな思いから作られたインテリアファブリックブランドが、色あせない