170 Responsive Froala Design Blocks - Froala Building Blocks
For Developers..All Froala products are built for developers. As a HTML5 and CSS3 library, the Froala Design Blocks is clearly no exception. Learn more ..and Designers tooSketch, PSD you name it. Froala Design Blocks is the tool that helps developers and designers speak the same language. Learn more
チームで作るユーザーファーストなデザイン
みんなのウェディングで開催した『デザイナーLT＆交流会（freee×BASE×みんなのウェディング）』の発表スライドです。 デザインフレームワーク「エステ」の話を中心に、みんなのウェディングのサービス開発チームのご紹介をします。
2015年のWebサイトの作り方 at 67ws
The document summarizes quotes from three individuals about web design and development. Tim Berners-Lee notes that the primary principle of the web is universality, meaning it should be accessible from any device. Jason Fried argues that designing in Photoshop wastes time, as the design then needs to be rebuilt in HTML/CSS. Instead, one should design directly in HTML/CSS to allow for faster iterat
余白の美
Translation of: Whitespace - A List Apart 僕の最初のデザインの仕事はマンチェスターの小さな印刷系のデザイン事務所でのもので、そこでは様々なものをデザインしました。パッケージや出版、ノベルティ、そして…ダイレクトメール。中でも、大きく、太く、そしてゴミゴミさせることが常のダイレクトメールをデザインする時には、大学で習ったグラフィック・デザインの原則はわずかしか役に立ちませんでした。忘れもしませんが、クライアントの一人にこう言われたことがあります。「余白は無駄なスペースだ」と。 ダイレクトメールの依頼者は大衆向けにデザインすれば効果的なので、そうすることを望みます。しかしながらダイレクトメール以外においては、それはまったくの間違いです。 はじめまして、余白さん 「余白」または「間(ま)」とはあるデザインを構成する要素同士の間隔のことです。もっと細かく言
少しの手間で大きく変わる、細部にこだわったWebデザインを
少しの手間で大きく変わる、細部にこだわったWebデザインを「デザインしてみたけどなんだか物足りない…」そんな経験ありませんか？私はよくあります。それで色を変えてみたり、形を変えてみたりと色々試してみるのですが、結局どれもしっくりこなかったり。そんな時は元のデザインにほんの少し手を加えるだけで納得のいくデザインに変わることが多いんです。わずかな装飾で大きく印象を変える。そんな「ひと手間」に注目してみましょう！ 追記： Photoshop を使った加工の仕方を記事にしてみました！ » 【実践編】少しの手間で大きく変わる、細部にこだわった Web デザインを グラデーションを加える「デザインしてみたけどなんだか物足りない…」そんな時はわずかなグラデーションを加えるだけで立体感がでて、ノッペリしたデザインを一新することができます。アレコレ装飾するよりもシンプルかつ王道。 ヘッダーのビビッドな背景色
CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ
Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事：CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね！ New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS（Cascading Style Sheets、スタイルシート）ですね！今では CSS3 が話題を集めていて、CS
ブログをリニューアルし、ポートフォリオを公開しました
ご覧のとおり、このブログ（Stocker.jp / diary）をHTML5でリニューアルしました。 今回のテーマは「紙のように軽く、昔の雑誌のように上質で、見る人の印象に残るページ」とし、h1〜h3の文字詰めにこだわりつつ、不要なアニメーションや重いヘッダ画像などは極力排除して軽いページに仕上げました。 タイトル画像やラインなどの画像は、CSS Spriteで2枚の画像にまとめています。 マウスカーソルを乗せたときの色の変化もCSSを使用しているため非常に軽いものになっています。 トップページは3カラムのように見えますが、サイドバーはなく実質1カラムです。 このレイアウトは、jQuery Masonry という jQueryプラグインで実現しています。 タイトルのフォントは Chunkです。 トップページの場合ヘッダの上にサイトの概要を、記事ページの場合記事のタイトルとカテゴリをh1要素
6 Free TwentyTen Child Themes For WordPress - WPMU DEV
TwentyTen child themes have been popping up everywhere and many theme designers are offering them for free. One strong benefit of using TwentyTen as a parent theme is that you’ll always be able to update the basic framework without breaking your design. Check out a few of the free child themes listed here to see what’s possible when building with TwentyTen. Continue reading, or jump ahead using th
Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫
～10程度っすよ ～50程度かな ～100くらい ～300程度です ～500はこなす ～1000はやってます これ以上 ( ! )
200 best 404 error page designs for inspiration
One common term for web designers is the 404 or “Not Found” error message, which is a standard response that indicates to the person that the client was actually able to establish communication with the server but this one was not able to find the requested page. It’s important to state that these 404 pages are not another way to say “server not found” and similar errors, because in those cases th
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://uidb.io/
社内CSSフレームワークを作ったった
Site Under Maintenance
Amazingly Simple Graphic Design Software – Canva
Allcreatives.net
Design By Grid | Tools
bgMaker ||| Background maker || Tiled Background generator | Web Background maker
Webデザインのタネ