ドットインストール代表のライフハックブログ
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな(得意な)色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」(クーラー)だ。Kulerは、さまざまな色の組み合わせ(配色パターン、Kulerでは「テーマ」と呼ぶ)をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上(2009年1月現在)ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ(以降の説明はログインしているものとして進める)。
Write powerful, clean and maintainable JavaScript. RRP $11.95 PLEASE NOTE: This offer expired in November 2008 and is no longer valid. Thank you! One of our best-selling CSS books of all time, The Art & Science of CSS (valued at $29.95), is FREE to download for two weeks. All you need to do to grab a free copy of this awesome CSS book is follow @sitepointdotcom on Twitter. We’re calling it a Twita
だって、ブラウザには、画像を表示できないブラウザとかがあるんだもんね。IE も Fx も Opera も、そういう意味では同じような違いで、Fx では先行実装を使って段組になってよみやすくなっていたり、IE ではのっぺりだったり、そういうのがあっていいはず。なのに、一個の表示に統一しないといけないみたいな、わけわかんないのに縛られたりする。別に違ってていいと思う。 あと Web と紙は違うから、違うアプローチの仕方 (可変レイアウト) をすべきなのに、紙と全く同じスタンスで作るから、問題になる。いろんな UA にむけてデザインするのがウェブデザインじゃないの? 今のウェブデザイナーは殆どウェブデザイナーじゃないよね。そんなだから「ウェブデザイナー(笑)」みたいになるんだ。 しかし、ウェブデザイナーでもなんでもない自分がごたごたいうのもおかしいので、あれなんだけど、最近どうも甘く考え気味 (
かっこいいジェネレータを探している。 そんなあなたにおすすめなのが、『Popular Online Generators』。人気のオンラインジェネレータ11選だ。 以下にご紹介。 ボタンジェネレータ » http://www.mycoolbutton.com/ » http://www.buttonator.com/# ロゴジェネレータ » http://cooltext.com/ » http://creatr.cc/creatr/ » http://h-master.net/web2.0/ » http://www.simwebsol.com/ImageTool/ バッヂジェネレータ » http://www.web20badges.com/ ストライプジェネレータ » http://www.stripegenerator.com/ Ajaxロードアイコンジェネレータ » http:/
WYSIWYG型CSSデザインツール「CSSEZ」というエントリーで紹介した、ブログデザインツール「CSSEZ」が新たに4つのブログASPに対応したそうです。 今回対応したブログ: ・JUGEM(ロリポ)ブログ ・Seesaaブログ ・ヤプログ ・アメブロ 既に対応済みのブログ: ・MovableType ・Wordpress ・FC2ブログ ・livedoorブログ オリジナルのブログデザインをしてみたい、興味のある方はぜひお試しを。既存のデザインを検索して使用することもできます。 ■関連エントリー ▼WYSIWYG型CSSデザインツール「CSSEZ」 ▼プレスリリースでクチコミを生み出した報告エントリー
CSS最適化ツールの『CSS Optimizer』を公開 『CSS TIPS』でCSS最適化ツールの『CSS Optimizer』を公開しました。 CSS OptimizerにはオープンソースのCSSTidyを利用しており、CSSファイルの圧縮やソート、整形などをが可能です。 ぜひ一度、使ってみてください。 スポンサードリンク to-Rについて JavaScriptやCSS、React/Angularなどのフロントエンド情報を発信しています。 書いてる人 西畑一馬 (株式会社トゥーアール) 代表取締役/フロントエンドエンジニア 株式会社トゥーアールについて 渋谷にあるフロントエンドに特化したWeb制作会社です。フロントエンドの実装についてお困りの事がありましたらお気軽にご相談ください。 株式会社トゥーアールへのお問い合わせ 検索 著書
去る8月10日、銀座のアップルストアにて「CSS Nite Vol.20」が開催された。 テーマは米ヤフーが無償で提供しているJavaScriptとCSSのライブラリ「Yahoo User Interface Library」。「YUI」の名で知られる、このライブラリに関して、米ヤフーのYUIチームエンジニアリングマネジャーであるエリック ミラグリア氏が来日して講演した。 編集部では、独自に日本語向けのYUI CSSに関する情報も入手したので、イベントの様子と併せてレポートしよう。 結論から言うと、YUIライブラリは非常によく作り込まれているので、どんなウェブサイト開発にも利用できる便利なもので、ぜひ使ってみてほしい。無償で利用できるうえに、利用条件としても、再配布時に著作権表示をするだけいい「BSDライセンス」で提供されているので、商用サイトで使う場合でも、ソースコードを公開する義務が生
Having a working knowledge of XHTML and CSS when developing applications is a big help in knowing what can be done client-side and what should be generated server-side. Recently we’ve had to tackle some interesting visualizations which we coded in XHTML and CSS. The method we used, while fairly simple, was a big help to the engineer and created a very flexible and inexpensive solution. We thought
棒グラフもデザインしたい。 そんなあなたにおすすめなのが、『CSS For Bar Graphs』。CSSで棒グラフをデザインする方法だ。 このエントリーでは、棒グラフをデザインするCSSが紹介されている。つい手を抜いてしまいがちな棒グラフも、これを参考に作ればデザインすることができるだろう。 HTMLは以下に紹介されている。 » CSS For Bar Graphs Examples ↓ロゴ、レイアウト、色のメリハリ、インターフェースもとてもいい。 CSSで棒グラフをデザインする方法、チェックして使っていきたいですね。 実家に帰ってきました。かなりまったり。 Macのネット接続設定に成功したから今回は目一杯までゆっくりしようかな。
miyakeです。突然ですが、CSSって書くの面倒ですよね。何らかのプログラミング言語を知っている人間から見ると、CSSというのは言語としてはかなり貧弱です。 もちろんCSSはプログラミング言語では無いので、それを貧弱だと言われてもCSSもいい迷惑かも知れません。でも、 div#content { ~ } div#content div.entry { ~ } div#content div.entry p { ~ } div#content div.entry ul { ~ } こういう大したことをしていないのに、コードがどんどん長くなっていくのを見ると、もう少し何とかならないものかと思ってしまいます。 コピペするにしても、 コピー元にカーソルを移動 範囲選択してコピー コピー先にカーソルを移動 ペースト という操作が必要になります。数が増えてくるとコピペのミスも発生しかねませんし、id
This page contains the 252 allowed entities in HTML 4 and XHTML 1.0, as outlined in section 24 of the official HTML 4 specifications, published by the W3C. If you find it helpful we'd really appreciate a social share! Each entity is contained within a small box that contains four lines: The first line shows how the entity will be displayed on your webpage. The second line contains the entity refer
Help Click on the CSS properties at the bottom to change the Sandbox appearance. Point the "A" and "1." buttons to use Paragraph or List on the Sandbox. Messed it all? Just Reload the page and start again. Maximize your browser window and be happy. Ajuda Clique nas propriedades do CSS (lá embaixo) para mudar a aparência da Caixa. Passe o mouse sobre os botões "A" e "1." para usar Parágrafo ou List
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く