web-design-list.comThis domain may be for sale!
Mockingbird has Shut Down
Mockingbird is no longer in operation. We’re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
Arduino Cheat Sheet | QuicklyCode - Cheat sheets and programming stuff
Sorry! Service has been discontinued Giovanni Scala
PSDで学ぶWEBデザイン「Modern UI and Layout Tutorials for Photoshop」
TOP > Design , Photoshop , WebDesign > PSDで学ぶWEBデザイン「Modern UI and Layout Tutorials for Photoshop」 WEBデザインを制作される際に、photoshopを利用してデザインを制作するという方も多いと思いますが、今回紹介するのは成果物のPSDファイルとチュートリアルがセットになったエントリーをまとめた、PSDで学ぶWEBデザイン「Modern UI and Layout Tutorials for Photoshop」です。 Clean Web Layout with the 960 Grid チュートリアルだけではどうしても分かりにくかった部分が,完成後のPSDも併せてみることで、作り方や構造を直接学ぶことができます。今日は紹介されているものの中からいくつか気になったモノをピックアップして
ざわ…ざわ…＠窓の森
検索中のページは… 現在利用できないっ……！Web サイトに技術的な問題が発生… ブラウザの設定を調整するのはむしろ必然っ……！ 次のことを試してみろっ……！: [更新] ボタンをクリック… 後でやり直すしかないっ……！ アドレス バーにページ アドレスを入力したのなら… ざわ… ページ アドレスを正しく入力したかどうかを確認っ……！ 接続の設定を確認するなら… [ツール] メニューの [インターネット オプション] をクリック… [接続] タブで [ダイヤルアップの設定] グループの [設定] ボタン… または [LAN の設定] グループの [LAN の設定] ボタンをクリック…！ 設定情報は… ざわ… LAN (ローカル エリアネット ワーク) の管理者か… ISP (インターネット サービス プロバイダ) が提供する情報と一致する必要ありっ……！ インターネット接続が検出されている
シンプルでフリーな使えるCSSのレイアウト集７１５:phpspot開発日誌
715 Awesomely Simple and Free CSS Layouts | Design Shack シンプルでフリーな使えるCSSのレイアウト集７１５が紹介されています。 １から作らないでもこうしたものに頼ればすぐに出来ますね。自分の好みの使いやすいページを覚えておくとレイアウト作成をすぐに終わらせ、肝心のツール部分に集中できそうです。 Primary CSS: 22 Layouts Little Boxes: 16 Layouts CSS Easy: 8 Layouts Max Design: 25 layouts Iron Meyers: 224 Layouts 関連エントリ 42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」 22のレイアウトが収まったCSSフレームワーク「PrimaryCSS」 複雑なCSSレイアウト
HTML/CSS:FirefoxとSafariのCSS徹底検証 - builder by ZDNet Japan
ウィンドウサイズによってスタイルシートを変える ブラウザのウィンドウサイズは環境によってさまざま。特定サイズを想定し作成すると、それ以外でコンテンツが読みづらくなる。最近はiPhoneなどに対応する必要もあるが、サイズ別にページを用意するのは制作・管理面で手間。こんなときはCSS3のMedia Queryを利用するといい。 2010-03-02 08:00:00 CSS 3のアニメーション機能を使ったロールオーバーやフェードインの設定 CSS 3のアニメーションの機能を利用すると、これまではJavaScriptやFlashを使わないと設定できなかった効果をスタイルシートだけで設定できるようになる。今回はアニメーションを利用したロールオーバーボタンの作成やフェードインの設定を行いながら、アニメーション関連プロパティの細かな機能を見ていきたい。 2010-01-04 13:41:01
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
IxEdit
IxEdit - The First On-the-Fly Interaction Design Tool for the Web. IxEdit (Public Beta) Free Download IxEdit is a JavaScript-based interaction design tool for the web. With IxEdit, designers can practice DOM-scripting without coding to change, add, move, or transform elements dynamically on your web pages. Especially, IxEdit must be useful to try various interactions rapidly in the prototyping pha
アナログなのに世界中の時間がわかる世界時計
デザイナーのGiha WooさんとShingoeunさんがデザインしたアナログ時計は、短針が一本あるだけですが短針の形が工夫されていて、同時に世界の各タイムゾーンの時刻がわかるというものです。 曲がった針についた12個の […] デザイナーのGiha WooさんとShingoeunさんがデザインしたアナログ時計は、短針が一本あるだけですが短針の形が工夫されていて、同時に世界の各タイムゾーンの時刻がわかるというものです。 曲がった針についた12個の点のうち、自分のタイムゾーンの円周のところにある点を普通のアナログ時計のように読むと、何時かわかる、ということですね。 タイムゾーン一個に一都市のデザインなのでUCT+9は東京じゃなくてソウルになってますが。標準時から30分ずれているところとか、夏時間のところとかいろいろ実用には問題ありそうだけれど、あくまでデザインということで。 via Deze
WebアプリをiPhone対応にするためにやった8項目: point of view point
iPhoneはURLのコピペがめんどくさい。 ということで、はてブやニュースまとめに使えるWebアプリというかWebサービス「linclip」を作る際には、iPhoneでもしっかり使えるようにしたい、というのが目標としてあった。 ページからリンクを抽出してHTMLコードまで出力すれば、タイトルの選択とかURLのコピーとかそのへんが自動化できるので、iPhoneならではの面倒さがなくなるはずという考えからだ。 iPhone対応のために行ったことをここでまとめておく。たぶん、すぐ忘れるから。で、こんな感じ。 Safariによる動作確認 表示幅の設定（viewport） iPhoneエミュレーターによる動作確認 ドメインの取得 チェックボックスの周りに空間を リンクを誤ってクリックしないように空きを作る 無駄な空間を削除 Webクリップブックマークアイコンを作る 以下、詳細。 Safariによる
コーディング前に確認しておきたいこと。 - CSS HappyLife
CSS HappyLife ZERO が移転したのでお手数ですが、消えちゃう前にブックマーク等変更してもらえるととても嬉しいです。 制作会社でコーディングする場合、社内のガイドライン的なのが有ったりデザイナーもある程度固定されてると思うので、毎回似たような事を確認したりとか、このデザインはどういう意図なんだろう？ってのも、何度か同じ人とやってれば見えてくる訳ですが、フリーランスの場合だとデザイナーは毎回違っていたり、当然ディレクションをする人も違うので最初に確認しておきたい事が有ったりします。 って事で、その辺りをまとめてみたり、デザインを渡されたときにこのデザインの意図は？って思う事とかもばーっと書いてみます。はい。 なので、デザイナーさんもコーダーにデザインを渡すときに気をつけて欲しい点とかもわかってしまうすばらしい内容（だと良いな）！ じゃあまずは最初に確認しておきたい基本的なことか
CSS3 Design Ideas — Smashing Magazine
To get you really excited about CSS3, last month we announced the CSS3 Design Contest and encouraged designers to experiment and get creative with CSS3. As expected, we have received many creative and original submissions. To choose the winners of the contest, we considered the originality of the technique or approach and its uniqueness. The idea mattered more than the execution. This process has
【レビュー】マウス操作だけでCSS3対応ボタンを自在に作成! その名も"Button Maker" | エンタープライズ | マイコミジャーナル
意外と面倒なボタン作成も"Button Maker"を使えば解決!? WebアプリケーションやWebサイトを作成するにあたって、なにかと頻出するボタン。特別な意味をもたせるボタンには、ちょこっとアクセントをつけたいところ。実際に作成する場合 スタイルシートを編集 → Webブラウザで確認を繰り返す Firebug等のデバッグツールを使い、オンザフライでスタイルシートを調整 CSS3に対応したWebブラウザ/デバッグツールでデザイン、画像ボタンとして保存/利用 (参考: CSSグラデーションを使ってクールなボタンをつくる方法) といった方法があると思う。これらツールを使用しても、数字の微調整を繰り返すのはちょっと手間がかかる作業だ。ここでは、よりサックリとボタンを作る方法のひとつとしてButton Makerを紹介したい。 Button MakerはCSS-TRICKSが公開しているボタン作
Mockingbird has Shut Down
Mockingbird is no longer in operation. We’re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Rethinking the mobile web - QuirksBlog
最前線 - フィクション・コミック・Webエンタテイメント
見出しデザイン.com -Webデザインの“見出し”を集めたサイト-
CSS HappyLife ZERO
≪選挙速報≫ NHK
