モダンCSSにおける黄金比とは？ | CREAMU
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
小さいサイズのアイコン Part3 | | DesignWalker
これで、とうとう３度目の小さいサイズのアイコンシリーズです。 『リストに使える小さいサイズのアイコン Part2』でもご紹介しております。その前の記事はリンク先からどうぞ…。 小さいサイズのアイコンは、リストに使ったり、タイトルの横に添えてみたりと使い道はいろいろありますね。 今回は、幅広いデザインに対応できそうなシンプルなアイコンをまとめてみました。 mIcons – Kostenlose Icons 種類も豊富で、なにかと使えそうなアイコンが公開されています。 bwpx.icns : Paul Armstrong Designs こちらもモノクロのアイコンがいっぱいですね。色を付けて使っても良いかもしれませんね。 Bitcons | SOME RANDOM DUDE 赤がきれいなアイコンいろいろです。 ShopDev Website Design Blog ショッピングサイトに使えそう
こんなこともできる！GIMPのチュートリアル13個まとめ*二十歳街道まっしぐら
GIMPの他にはないチュートリアル30という記事を元に、 GIMPチュートリアルについて、まとめました。 上記サイトに紹介されているものをいくつか抜粋して、それと関連ある日本語サイトも載せています！
デザイナー、デベロッパ、ブロガーのための使えるフリーアイコン96選『96 of the Best Ever Free Icon Sets』 | CREAMU
Design デザイナー、デベロッパ、ブロガーのための使えるフリーアイコン96選『96 of the Best Ever Free Icon Sets』 フリーアイコンを探している。 そんなあなたにおすすめなのが、『96 of the Best Ever Free Icon Sets』。デザイナー、デベロッパ、ブロガーのための使えるフリーアイコン96選だ。 以下にいくつかご紹介。 Sweetie – Web Communication v.1 DryIcons – Stickers Icon Set Matt Ball – Developer Icons sone-pl – Light Icons デザイナー、デベロッパ、ブロガーのための使えるフリーアイコン、チェックしてぜひ使ってみてはいかがだろうか。 ふと思い立ってサーバ移転を敢行。ほぼ徹夜だw。 前からやろうと思ってたんですが、急にや
pinvoke - Icons and pixel fonts
3.570 iconos se incluyen en formato PNG (16x16 píxeles) + 352 extra iconos.
Themes - macOS - Human Interface Guidelines - Apple Developer
macOS Design Themes Four primary themes differentiate macOS apps from iOS, tvOS, and watchOS apps. Keep these themes in mind as you imagine your app’s identity. Flexible People expect macOS apps to be intuitive, while simultaneously adaptable to their workflow through customization and flexibility. Many apps offer configurable preferences, customizable interfaces, and alternate ways of completing
ボタンクリックの効果音や環境音など500,000超のサウンドをダウンロードできる -The Freesound Project | コリス
The Freesound Projectは、ボタンのクリック時の音や波・風・鳥の鳴き声・ノイズ・パンチ・キック・電話・楽器などの多種多様なサウンドファイルがダウンロードできるサイトです。
14,861 free fonts for Windows and Mac - FontSpace
Make Your Mark Fonts are an important part of your site typography. Fonts that are too fancy can be hard to read, while too plain ones can be outright boring. That’s why you should focus on choosing a font that’s legible yet appealing. Selecting the right font style can provide an attractive appearance and preserve the aesthetic value of your content. It plays a vital role in setting the overall t
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
CSSレイアウトテクニック"偽装絶対指定" - A List Apart | エンタープライズ | マイコミジャーナル
A List Apart - Faux Absolute Positioning CSSでポジションを指定する方法は大きくわけてfloatを使う方法と絶対位置で指定する2つの方法がある。多くのサイトではヘッダとフッタを伴うカラムレイアウトを採用していることが多い。絶対位置指定では縦方向にコンテンツが成長するタイプのレイアウトでフッタの位置を指定できないという問題がある。このためfloatレイアウトを使うわけだが、こちらでは予期しないコンテンツの内容変更によって予定していたポジションからずれてしまうことがある。とくにIEではwidthの挙動に問題があるため制御するのがきわめて難しいという状況だ。 Eric Sol氏はこうした現状に対して新しい指定手法を考案したとし"Faux Absolute Positioning"としてA List Apartにおいて紹介している。同氏はより自由にドラッグ
Webデザインに黄金比を取り入れよう - Re:Creator’s Kansai
PR 「おすすめのレンタルサーバーランキングが知りたい」「人気のレンタルサーバーを比較したい」という方に向けて、2024年3月最新の人気レンタルサーバーのおすすめ9社をランキング形式で紹介します。 当記事ランキング1位のレンタルサーバーがキャンペーン中！ シン・レンタルサーバーがキャンペーン実施中！（2024/5/20まで） 実質385円～「利用料金50％キャッシュバックキャンペーン」 出典：シン・レンタルサーバー公式サイト シン・レンタルサーバーでは、2024年5月20日（月）まで月額利用料金が実質半額になるキャンペーンを開催中です。 ベーシックプランの36ヶ月契約なら、「13,860円」キャッシュバックで、なんと実質「385円/月」で利用できます。
指定色からベストな配色を導きだすオンラインサービス | コリス
HTML Color Combination Chooserは、指定した色から、色相環を使用した配色を表示するオンラインサービスです。
User Interface Icons.com - Preview 32x32 pixels
Sizes: Icons come in 4 sizes; 80 by 80 pixels, 48 by 48 pixels, 32 by 32 pixels, and 24 by 24 pixels. Format: .PNG (transparent background)
ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト
こんにちは satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme Generator 2 デザインの大まかな配色等を決めるのに使用することがあります。 真似するだけで、Coolなサイトに見えるような気がします。 (2)Color Palette Generator ロゴ等の画像を指定すると、その画像に合ったカラースキームを 教えてくれます。 (3)Web 2.0 Colour Palette 有名なサイトのカラースキームの一覧があります。 (4)pmob.co.uk CSSや画面分割などのさまざまなサンプルや解説があります。 (5)logopond さまざまなロゴのサンプルがありま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
矢印素材いろいろ - DesignWalker
webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか*ホームページを作る人のネタ帳
2007年度web制作者の為のまとめ再構築30選*ホームページを作る人のネタ帳
