nanapiのデザインプロセス（その１） - エスカフラーチェLLC
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 制作過程みたいなものを書いてみたいと思います。 ロケットスタートに全力投球を誓った、けんすうさんからのご依頼 ある日、ロケットスタートの社長、けんすうこと古川健介さん（以下、けんすうさん）から ：HOWTOサイトをつくりたいからデザインを依頼したい！ ということで早速じっくりとお話を伺うことにしました。 ベンチャーだからこそできる！？合宿的制作スタイル 以前けんすうさんと一緒にお仕事させていただいたときに双方にとってよかったことがあります。 それは、デザインカンプができあがるまでのプロセスの段階で、短期間ながらじっくり直接やりとりする時間をつくる、ということでした。 宿泊こそ伴わないものの、合宿に似たようなスタイルです。 長い時
CSSを柔軟にデザインできるフレームワーク·CSScaffold MOONGIFT
CSScaffoldはPHP+CSS製のオープンソース・ソフトウェア。CSSは柔軟に設定ができるため、つぎはぎに設定を付け足していくと管理が煩雑になっていく。はじめこそネストした設定も適切に行うのだが、徐々に乱れていくとやたら長いクラス名ができたり、設定が複数箇所に点在したりすることになる。 元CSSファイル そうなるともう管理しきれるものではない。また最初から作り直したい気分になることだろう。そんな状況を防ぐためにも使ってみたいのがCSScaffoldだ。CSScaffoldはPHPを使ってCSSを生成するソフトウェアで、標準のCSSの書き方に加え、便利な機能を付け加えてくれる。 まずネストだ。CSSの設定をネストして書けばブラウザからのアクセス時には展開して表示する。複数階層でも問題ない。そして定数も便利だ。定数を定義して、数式を用いて内容を変更できる。例えばpaddingの設定を一律
Yasuhisa Hasegawa
デザイナー。プロセスや仕組化に力を入れています。アプリや web サービスに携わるデザイナーが力を発揮するための環境作りが主な仕事です。
tokenapp安装 - Your universal digital wallet
关于我们 tokenapp安装公司产品齐全，并形成多个系列，在各行业得到广泛的应用螺旋输送机，链式输送机，带式输送机，星形卸料器，斗式提升机，除尘骨架，布袋等以畅销全国，有的以销往国外，为国家节省了大量能源，为企业人节约了生产成本，我们有着专业的研发人员，从设计、制图、生产、安装、维护、等一条龙式服务愿结交天下有志之士共谋发展之路，一次合作，永久的朋友。英杰机械成立十多年来，本着以信誉求发展，以质量求生存的态度生产的锅炉省煤设 兔肉656EA5-6565 相比2016年第83位、2015年第84位、2013年第93位(2014年的数据不是很准确，坤鹏论查了一下发现也有说是93位的)、2012年第112位，咱们一直在上升，但依然还是没有脱离中游水平... 高压断路器FBA501-516 document.writeln('关注创业、电商、站长，扫描A5创业网微信二维码，定期抽大奖。... 轴
ユーザビリティーに関連するフリーテンプレート – creamu
zef[a]mediaというサイトで、ユーザビリティーに関連するフリーテンプレートが配布されています。 ワイヤーフレームやプロトタイプ、タスクフローなどがPDFやExcel、Visio形式でダウンロードできます。 Since then I’ve had numerous requests from User Experience professionals around the world for copies of my information architecture templates and artefacts. とのことで、このIAのテンプレートをほしいっていうニーズがたくさんあったようですね。 参考にしてみてはいかがでしょうか？ » Free UX Templates 1Q84を買いました。ちょっとだけ読んだぞ。少しずつ読んでいこうっと。
ウェブセレクション - Webデザインの参考になるサイトを集めたリンク集。ホームページ制作のお供にどうぞ。
LR icons https://lricons.com/ 81-web.com https://81-web.com/ Web Design Clip https://www.webdesignclip.com/ MUUUUU.ORG https://muuuuu.org/ 現代デザイン https://gendaidesign.com/ イケサイ https://www.ikesai.com/ Good Design WEB http://gooddesignweb.com/ I/O 3000 https://io3000.com/ Responsive Web Design JP https://responsive-jp.com/ S5-Style https://bm.s5-style.com/ WeLoveWP https://welovewp.com/ SANKOU! htt
もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife
class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ 2010年6月10日追記： この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
Stu Nicholls | CSS PLAY | Horizontal unordered list non floating
Information Using display:table; which is understood by all the modern browsers, we can center a horizontal menu of unknown width by using margin values. For IE6 and IE7 we can use display:inline-block; and display:inline; which gives the menu a width value and then position this using text-align. When using display:table; in Firefox, you must also use display:table-row; in the following element t
Dating App Designed to Be Deleted? | 2expertsdesign.com
About Contact Is A Dating App Designed to be Deleted the Answer to Modern Online Dating?Hinge, an app created for online dating which is designed to be deleted after meaningful connections are made, offers a fresh concept of digital courting. This distinct approach was engineered with the idea that once users build special bonds via this platform, they no longer need it in their lives and can dele
サイトマップの作り方
サイトマップの作り方 サイト運営を地道に続けているとページ数が増えてくる。ページが増えてくると、初めて見にきた人は、何処に何があるのかわからなくなる。どんなに内容が良くても、見てもらえなければ意味がない。そこでサイトマップの登場である。 サイトマップとは、サイト内にどんなページがあるのか一目でわかるようにしたページのこと。「１時間で作る」のサイトマップは、各ページの一覧を見るタイプとなっている。ページ数がもっと多いなら各コーナーの目次ページへリンクしておくだけでも良い。 ツールを使ってサイトマップを作る 簡単にツールを使って作ることにしましょう。 最初に見つけてきたのは、eXactMapper Lite という海外のツール。使いやすいツールではあるけども英語だけに敷居が高いと感じる人もいるかもしれない。そこで、情報交換掲示板で呼びかけてみたら、ma2chinさんから以下の情報をいただきまし
CSS Remix
Cascading Style Sheets Explained If you’re new to Cascading Style Sheets, or CSS, then this short guide is for you. After a brief introduction to CSS and some of its benefits, we’ll move on to CSS frameworks to help you decide if you should use one and if so, which one would be best for your needs. What is CSS? CSS is a computer programming language used for describing the visual presentation of a
エンジニアにもわかる「ユーザーインターフェース設計」
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース（以下UI）設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな
Bertram Gugel, Video Experte & Produktkonzeption - gugelproductions
Ich begleite den Entwicklungsprozess von Produkten an der Schnittstelle von Film, TV und Internet. Neue Geräte, Technologien, Plattformen und Produktionsweisen führen zu veränderten Geschäftsmodellen und Strukturen. Die Gestaltung von Produkten in diesem Umfeld umfasst viele Aufgaben von der Strategie, Konzeption, Umsetzung bis zur Distribution. Den kompletten Prozess oder einzelne diese Schritte
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
https://www.formfiftyfive.com/2009/06/campbell-hay/
WEBデザインリンク集・デザインサイト一覧（週刊ウェブデザイン）
http://e0166nt.com/blog-entry-668.html
arbent.net
populair.eu/webdesign
[CSS]ジャケ写をセクシーにスタイリングするスタイルシート | コリス