xScope • Measure. Inspect. Test.
A powerful set of tools that are ideal for measuring, inspecting & testing on-screen graphics and layouts. Mirror Effortlessly see your designs and applications on iOS and Apple Watch while you work on them from your Mac. Text new A powerful way to search, decipher, and reformat text and character glyphs. Dimensions Instantly find the dimensions of any on-screen element simply by rolling your mous
Webデザインに黄金比や白銀比を取り入れる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーの白浜です。 人が見て美しいとデザインとされる黄金比や白銀比。なんとなく知っているものの、作り方や使い方がよくわからないという人もいますよね。 今回は黄金比や白銀比の考え方についてわかりやすく解説するとともに、Webデザインのレイアウトや画像制作に黄金比や白銀比を取り入れる方法・お役立ちツールをご紹介します。 良かったら参考にしてみてください。 （編集部注：2013年12月16日に公開された記事を再編集したものです。） 黄金比・白銀比って？ 黄金比・白銀比は、古くからある人が見て美しいと言われる調和的な比率のこと。デザインに黄金比や白銀比を使用することで、言葉で言い表せない芸術的な美しさを加えることができます。 まずは黄金比・白銀比がどういうものなのか、基本の考え方についてみていきましょう。 黄金比の比率と作り方 コトバンクによると、黄金比(Golden ratio)
Siiiimple - Grid
A simple easy to use 12 column CSS grid.Siiiimple is a 12 column css grid for your next web project. It's a really easy way to align, and format content. All you have to do is link the css file in the header of your site. Then your ready to go. So why the four i's?- Because Siiiimple has 12 columns, and the number 12 has 4 even numbers you can divide it by: 2,4,6,12. Granted you could divide it by
シンプルなWebサイトインターフェースを実装する為のフレームワーク・ink
シンプルなインターフェースを構築する為のキット、inkのご紹介です。フレームワークの一種ですかね。ナビゲーションやレイアウトなどの雛形の様な物が用意されています。 開発が楽になるように、という名目で作られたっぽいです。便利なフレームワークは数多にあるので選択肢の一つとして。
CEDVEL
Welcome to Cedvel, an application for designing grid systems. Cedvel aims to ease the grid design process and help you explore more alternatives. It is still far from being finished but you can test the prototype and if you do so, please send in any feedback regarding your experience. LAUNCH CEDVEL Send Feedback Rectangles are building blocks of grids in Cedvel. Use the rectange tool draw an arbit
Proto - Rapid Prototyping for Responsive Web Design
Proto is a simple HTML & SCSS rapid prototyping toolkit for responsive web design. Proto helps you knock up quick responsive layout concepts by providing a set of predefined CSS classes. All that's needed to get going is the proto.scss file and some basic HTML. Download Getting started Proto uses a combination of HTML and compiled SCSS to create your prototypes. At the top of the proto.scss file,
CSS Flexbox Please!
CSS Flexbox Please! The CSS Flexible Box Layout Model, or "flexbox", is one of the specification in CSS3. It provides for the arrangement of elements on a page such that the elements behave predictably when the page layout must accommodate different screen sizes and different display devices. For many applications, the flexible box model provides an improvement over the block model in that it does
Toast • The no-nonsense CSS grid
Unprecedented Control Twelve columns. Six columns. Nine columns. As many columns as you want, in as many combinations as you want. $col-groups: (12, 6, 9); Fixed width gutters No fluid gutter width bullcrap. This is the real deal. What you set is what you get. $gutter-width: 20px; Easy to use, hard to break It takes just a few lines of code to start using Toast. And it’ll work all the way down to
Best Casino jQuery Plugins: Example ohne Steuer
ViewerDecember 9 Viewew is an awesome jQuery image viewing plugin for photo galleries. Created by Fengyuan Chen Download Home Example View more → video-extendDecember 7 Video Extend is a jQuery plugin to create advanced video controls like jump to and chapters to videos Created by andchir Download Home Example View more → Casino pagination-jsDecember 5 Pagination-js is a Casino ohne Steuer jQuery
Build Websites Like a Pro using Wireframing
Would you attempt to build a house without a blueprint? I hope not. The same goes for developing websites. Instead of heading directly into writing code, you should always begin with a careful analysis of your client’s business needs and a plan for addressing those needs. It’s vital for the success of a project that you clearly define its scope and gain a good understanding of the target audience
Responsive Web Design just got Easier with the Responsive Grid System
Any Number of Columns Don't be forced into having a fixed number of columns across a whole page. You can have whatever you want, wherever you need it. Scales to Any Width Because it uses percentages, your fluid columns will fit into any width. The margins (gutters) use percentages too. It's Smart There's no need to hack in any offsets or marginless final columns. It's the last time you need to use
25 Useful CSS3 Tools and Auto Generators
CSS3 is the improved version of CSS, which stands for Cascading Style Sheets specification. It boasts many awesome features that have totally changed the way people used to create Web layout and design. It also has its pros and cons. CSS3 is new, so it needs some improvement. The biggest issue with it is that its properties are browser-specific and their cross-browser implementation is difficult.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.responsivewebcss.com/
Responsive Wireframes
Introducing Adobe's Responsive Layout Editor: Edge Reflow
Responsinator
Responsive Grid System for your Next Project - rwdgrid.com
http://zengrids.com/
Creativeoverflow is coming soon
レスポンシブWebデザインのサイト設計・実装・確認に役立つツールとリソースのまとめ