Ambidex 25th Anniversary... / 株式会社 細尾 / mount inc.他...全55件
Webデザイナーが憧れる余白が美しいWebデザイン2012年版
Ambidex 25th Anniversary... / 株式会社 細尾 / mount inc.他...全55件
CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較 - (DxD)∞
CSSを拡張するためのメタ言語として、代表的なものに「SCSS(Sass)」と「LESS」があります。今回、導入を検討するにあたり、両者を比較しました。 結果的には、「SCSS(Sass)」を導入することにしましたが、特に「SCSS(Sass)」を選択する決め手となった点に重点を置きつつ、両者の違いをまとめまてみました。 はじめに Webサイト、Webアプリケーションが大規模になるにつれて、CSSの設計・管理にもリソースを割かれるようになります。CSSのモジュール化、コンポーネント化による再利用性を考えたとき、現状のCSSを取り巻く状況は十分とは言えません。 一つの選択肢としてあがるのが「Blueprint」や「960 Glid System」等のCSSフレームワークの利用ですが、その再利用性と構造・表現の分離度はトレードオフです。 そこで、CSSの利点を活かしつつ、再利用性を高めるために
デザインを学びたい全ての方へ - 海外のデザイン学習リソース200選
「デザインに興味があるのですが、どうやってデザインを学べばいいのでしょう？」という質問は、以前に書かせて頂いた「米国のデザイン教育から学んだこと」という記事に対して一番多かった反響の1つでした。これはデザインの分野があまりに多様なためにどこから手を付けていいのか分かりづらいというのが原因のように思います。 そこで今回は情報全体を俯瞰出来るようにするべく、下記のそれぞれのカテゴリー別に、それぞれ有益なリソースをまとめました。このリストが皆さんのデザイン学習リソースとしてお役立てば幸いです。 海外のデザイン学習リソース 23のカテゴリーOnline Learning（オンライン学習）UI/Web:（ユーザインターフェイス／ウェブ）General（一般）Product（プロダクト）Branding:（ブランディング）Book Cover Design:（ブックカバーデザイン）Design Por
スマホ対応アニメーション支援ライブラリ - smart js
特徴 配置と動きに特化した Javascriptライブラリです。 シンプルで柔軟性もあり、 処理も高速です。 対応OS / ブラウザ iOS 7+ Android 4.1+△ Android 4.4+○ IE9+ Safari latest Chrome latest Firefox latest
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
3 Cool Techniques For Your Next Web Design Project
2017年3月27日 CSS, jQuery, Webサイト制作 Webデザインの勉強を始めたという方によく質問されるのが、「どうやって勉強すればいいですか？」。私はWeb制作の学校の学生だった頃から実践しているふたつの事があります。素敵だなって思えるWebサイトを見つけたら、どのように作られているのか自分なりに分析してみること。そしてそこで使われている技を実際に試してみること。そこで今日は最近見かけた素敵Webサイトと、そのサイトで使われていた技術を解説してみたいと思います！ ↑私が10年以上利用している会計ソフト！ 準備：分析＆実践に役立つツール Chrome、Safariなら付属のデベロッパーツール ChromeとSafariならブラウザーにはじめからデベロッパーツールなる開発のためのツールがついています。私が愛用しているのはこのツール。表示しているWebページのHTMLやCSSが確
Best Web Gallery - CSS & Flash Design Inspiration
Blog The Blog StarterVN:R_N [1.9.17_1161]Rating: 5.0/5 (1 vote cast) Portfolio Jenny JohannessonVN:F [1.9.17_1161]please wait...Rating: 3.6/5 (8 votes cast) Best of Adult Swim Singles 2016VN:F [1.9.17_1161]please wait...Rating: 4.1/5 (9 votes cast) Portfolio Alexandre RochetVN:F [1.9.17_1161]please wait...Rating: 3.8/5 (5 votes cast) CSS Converse: DiamondsVN:F [1.9.17_1161]please wait...Rating: 3.
これからはじめるCoda2とSublime Text 2
6. import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http:// sublime.wbond.net/'+pf.replace(' ','%20')).read()); print 'Please restart Sublime Text to finish installation' Su
All Websites on Siteinspire
A showcase of the world's finest web design.
Design Shack - Inspirational CSS and Blog Design
Procreate Brushes / 21 Mar 2024 Procreate Pixel Brushes: Examples, Resources & Ideas Today, we bring you an assortment of the best Procreate pixel brushes and resources that will transform the way you create pixel art. Whether you’re creating a vintage video game look, designing characters, or simply indulging in the aesthetic of 8-bit and 16-bit art, you’ll find plenty of useful resources for you
Pattern Tap : Interface Collection for Design Inspiration
A collection of interface design solutions from all over the web, where users can mark patterns they like, and learn from other's design solutionsPattern Tap is here to satisfy and encourage the inspiration needs of my interface design peers and peeps. We aspire to be the one stop pattern shop for your next inspiration need.
app | I/O 3000 | Webデザインギャラリー
WebデザインギャラリーサイトI/O 3000のタグ「app」に関連付けられた記事の一覧です。
gifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない : きよおと-KiYOTO
6月20 gifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない カテゴリ:Awesomeデザイン http://blog.livedoor.jp/clock510/archives/1818437.htmlgifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない モーションデザイナーUKYO Inabaさんの作品 東京23区の区章をカラフルでスタイリッシュなgifアニメーションで表現した斬新なアイデア。 普段、目にする状態だといかにも紋章といった感じで堅苦しく、道路標識などで無意識に見ていても、あまり記憶に残らないことが多いですが、これなら興味をもって身近な存在と感じられそうです。（6/21追記：コチラもおすすめ→東京23区のgifアニメに新展開〜 映画のオープニングのようなクールな表現がスゴイ!!） uky0178(UKYO I
Creating Different CSS3 Box Shadows Effects
In this tutorial we are going to be creating box shadow effects with just CSS. Below is an image created in photoshop of different box shadows effects. These used to be the only way of creating this effect but thanks to CSS3 we can now do all this with just CSS.View Demo page to see what we are going to create CSS Box Shadow Effects Demo CSS Box ShadowWe are going to be using the CSS box shadow pr
OOCSSが良く分からなくなってしまったので、ちょっと再確認してみた | soplog(そぷログ)
ツイッターで話しているうちにOOCSSが良く分からなくなってしまいました／(^o^)＼ 再確認の意味でエントリーに起こしてみます。 OOCSSって何？ 「Object Oriented CSS」の略で意味は「オブジェクト指向CSS」です。 オブジェクト指向について詳しく説明するのは難しいのですが、要は「バラバラに作っておいて使いたいときに組合せればよくね？」という考え方（だと思う）です。 jQuery等のライブラリを利用するシーンをご想像いただけると分かりやすいと思います。 OOCSSは分かりにくい？ 今回調べてみたところ「OOCSSは分かりにくい」という意見が見受けられました。 お客様（運用者）から別段そのような話を伺ったこともなかったので、 私なりに考えみて以下の2点がその要因では？と推測しました。 classの名前が分かりづらく、何をするものか分からない。 classが複数付くためた
OOCSS（オブジェクト指向CSS）のススメ | hijiriworld Web
【OOCSS】 <div class="box box-red"></div> <div class="box box-blue"></div> .box { width: 50px; height: 50px; } .box-red { border: 1px solid red; background-color: #FFCCCC; } .box-blue { border: 1px solid blue; background-color: #66CCFF; } といった感じです。 いままで「OOCSS」という言葉を知らなくても、マークアップエンジニアや、ある程度経験のあるWebデザインナーであれば、効率化を図るために自然にやっていることではないでしょうか？ この考え方を体系化してまとめたものがOOCSSです。 では次にOOCSSがどのような考え方のもとに設計されたのかを見ていきまし
webサイトの企画書や提案書のサンプルを見たいのですが、提案書や企画書がまとめられているサイト等知っている方がいましたら教えていただけないでしょうか？
webサイトの企画書や提案書のサンプルを見たいのですが、提案書や企画書がまとめられているサイト等知っている方がいましたら教えていただけないでしょうか？
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Best Website Gallery – Web Design Inspiration – by @davidhellmann
UIデザインに行き詰ったときに見るとインスピレーションが得られるサービス
新着記事
