A Triangle EverydayA Triangle Everyday
Responsive Logos
An exploration into scalable logos for the modern web. Resize your browser (Or rotate your device) to see the reductions based on screen size. Concept by Joe Harrison. This is a personal experiment and not in affiliation with the brands themselves in any way. Concept by Joe Harrison 2014. This is a personal experiment and not in affiliation with the brands themselves in any way.
HTML5時代ã®Webデザイナー ã“ã‚Œã‹ã‚‰ã®ç”Ÿãã‚‹é“ - HTML5 Conference 2013 in Gifu
HTML5 Conference 2013 in Gifuã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ©ãƒƒã‚¯ã§è¡Œãªã‚ã‚ŒãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚¹ãƒ©ã‚¤ãƒ‰ã€‚ アプリデザインã«ã¤ã„ã¦ã®è¬›æ¼”。Read less
The Simpler CSS Grid - Web Designer Wall
Last week I talked about 960 Grid System is Getting Old. Surprisingly a lot of comments have been made. It seems like people are using 960gs because of the "golden ratio" — all numbers are even. I’m a designer, not a grid scientist. Why restrict your layout so that it can fit into this 960gs? A grid is supposed to help you in design, not to limit your creativity. The 978 grid, that I mentioned bef
レイアウト作りを簡å˜ã«ã—ã¦ãれるCSSグリッドシステãƒ
CSS ã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€æ®µçµ„ã¿ä½œã‚ŠãŒã¨ã£ã¦ã‚‚ç°¡å˜ã«ã§ãã‚‹ã€CSS グリッドシステムをã”紹介。既ã«ä½¿ã£ã¦ã„る人もãŸãã•ã‚“ã„ã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒã€æœªä½“験ã®äººã¯ãœã²è©¦ã—ã¦ã¿ã¦ãã ã•ã„ãï¼ Web デザインã«æ¬ ã‹ã›ãªã„ã€CSS ã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œã‚Šã€‚コンテナ作ã£ã¦ã€ã“ã“ã«ãƒ©ãƒƒãƒ‘ー作ã£ã¦ã€ãƒ¡ã‚¤ãƒ³ãŒ 600px 㧠padding ㌠20px ã ã‹ã‚‰ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒã€ãˆãƒ¼ã¨ … ãªã‚“ã¦ã“ã¨ã«ãªã‚ŠãŒã¡ã§ã™ã€‚ãã‚“ãªé¢å€’ãªä½œæ¥ãŒã‚¤ãƒ¤ã ãªãƒ¼ã¨ã„ã†äººã«ãŠã™ã™ã‚ãªã®ãŒã€CSSグリッドシステム。全ã¦ã® Web デザインã«ä½¿ãˆã‚‹è¨³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€çµæ§‹é‡å®ã—ã¾ã™ã€‚ã™ã§ã«ä½¿ã£ã¦ã„る人もãŸãã•ã‚“ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã‚“ãªæ–¹æ³•ã‚‚ã‚ã‚‹ã‚“ã よーã¨ã„ã†ã“ã¨ã§ã”紹介ã—ã¾ã™ã€‚ 1. CSSグリッドシステムã¨ã¯ï¼Ÿ CSS グリッドシステムã¨ã„ã†ã®ã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å‡ç‰ã«åˆ†ã‘ã¦ã€ãƒžã‚¹ç›®ä¸Šã«è€ƒãˆã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€‚何ãŒä¾¿åˆ©ã‹ã£ã¦ã„ã†ã¨ã€ã“ã®æ®µã¯4ç‰åˆ†ã«ã—
Technical Web Typography: Guidelines and Techniques — Smashing Magazine
Unfortunately, for every person who is obsessed with even the tiniest details of typography, a dozen or so people seem to be indifferent. It’s a shame; if you’re going to spend time writing something, don’t you want it to look great and be easy to read? Editor’s Note: This article is a bit out of date — please proceed reading with caution. The Web is 95% typography, or so they say. I think this is
New CSS Sticky Footer - 2010 - HTML for Bottom of Page Footer
CSS Sticky Footer Layout It Sticks to the Bottom of the Page! See that footer, way down there? It's stuck to the bottom of the page even when thin on content. Otherwise it would be floating halfway up the page. Use the code and assets on this website like new UK gambling sites do and your site will be looking perfect in next to no time! Cross Browser Support for Sticky Footer Code This sticky foot
iPhoneアプリã®UIパターンを集ã‚ãŸã€ŽMobile Patterns〠| 100SHIKI
資料ã¨ã—ã¦è‰¯ã•ãã†ãªã®ã§ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚ Mobile Patternsã§ã¯ã€iPhoneaアプリã®UIパターンを集ã‚ã¦æŽ²è¼‰ã—ã¦ã„る。 スプラッシュスクリーンやã€ãƒªã‚¹ãƒˆã€ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ç”»é¢ãªã©ã€ã‚ˆã使ã‚れれるUIã”ã¨ã«åˆ†é¡žã•ã‚Œã¦ã„ã‚‹ã®ãŒä¾¿åˆ©ã 。 iPhoneã‚„Androidã§ã‚¢ãƒ—リを作るã¨ãã«ã¯ã“ã†ã—ãŸã‚‚ã®ã‚’å‚考ã«ã—ã¦ã‚‚ã„ã„ã§ã™ã。 ãŸã ã€ã¾ã æ•°ãŒãã‚Œã»ã©å¤šããªã„ã®ã§ã€ã“ã‚Œã‹ã‚‰å……実ã—ã¦ã„ãã“ã¨ã‚’期待ã—ãŸã„。
WebデザイナーãŒè¦šãˆã¦ãŠãã€ä»£è¡¨çš„ãªãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¾ã¨ã‚｜Web Design KOJIKA17
éžå¸¸ã«ç·©ã„ライセンスã§ã™ã€‚ 1999å¹´ã¾ã§ã®BSDライセンスã«ã¯ã€åˆæœŸé–‹ç™ºè€…を表示ã™ã‚‹å®£ä¼æ¡é …ãŒå«ã¾ã‚Œã¦ã„ã¾ã—ãŸã€‚ ç¾åœ¨ã¯ã“ã®å®£ä¼æ¡é …ã®ãªã„æ–°ã—ã„BSDライセンスを修æ£BSDライセンス (New BSD License)ã‚ã‚‹ã„ã¯ä¸‰æ¡é …BSDライセンス (3-clause BSD license) ã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ã€‚ BSDライセンスをベースã«ä½œæˆã•ã‚ŒãŸBSDスタイルã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚‚多ãå˜åœ¨ã—ã¾ã™ã€‚ 例ã¨ã—ã¦ã€Apache Software License, Sendmail License, PHP License, Python Licenseãªã©å¤šãå˜åœ¨ã—ã¾ã™ã€‚ 三æ¡é …BSDライセンスã®è¡¨è¨˜ä¾‹ 三æ¡é …BSDライセンスã®ãƒ†ãƒ³ãƒ—レートãŒã‚ã‚Šã¾ã™ã®ã§è¨˜è¼‰è‡´ã—ã¾ã™ã€‚ 以下ã®ã‚ˆã†ãªè¡¨è¨˜ãŒã‚ã‚‹å ´åˆã€ä¸‰æ¡é …BSDライセンスã¨ãªã‚Šã¾ã™ã€‚ Copyright (c) <YEAR>, <OWNER> All
2010年度版・ã¨ã¦ã‚‚å‚考ã«ãªã£ãŸå›½å†…ã®Web制作関連エントリーã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
å°‘ã—æ°—ãŒæ—©ã„ã§ã™ãŒã€ä»Šå¹´ã‚‚残ã™ã¨ã“ã‚ ã‚ã¨åƒ…ã‹ã§ã™ã€‚ã“ã“ã§ã€Web制作をã™ã‚‹ ã«ã‚ãŸã£ã¦ã€å€‹äººçš„ã«ã€ã¨ã¦ã‚‚å‚考ã«ãª ã£ãŸç´ 晴らã—ã„エントリーをã”紹介ã—ã¾ã™ã€‚ 基本的ã«ã¾ã¨ã‚記事ãŒå¤§å¥½ç‰©ãªã®ã§ã€ ã¾ã¨ã‚ã®ã¾ã¨ã‚ã€ã¨ã„ã†å½¢ã«ãªã£ã¦ã—ã¾ã„ ã¾ã™ãŒã”了承願ã„ã¾ã™ã€‚ ã¾ãã€å˜ãªã‚‹å€‹äººçš„ãªãƒ¡ãƒ¢ã§ã™ã€‚今年ã¯ãŠä¸–話ã«ãªã‚Šã¾ã—ãŸã€ã¨ã„ã†æ„Ÿè¬ã®æ„ã‚’è¾¼ã‚ã¦ãƒªãƒ³ã‚¯&トラフィックã§è¿”ã—ãŸã„ã®ã¨ã€è‡ªåˆ†ã®å¾©ç¿’用リンク集ã§ã™ã€‚æ¥å¹´ã‚‚ãŸã¶ã‚“ãŠä¸–話ã«ãªã‚‹è¨˜äº‹ã ã¨æ€ã„ã¾ã™ã®ã§ã€å‚™å¿˜éŒ²ã‚‚å…¼ãã¦ã€‚é †ä¸åŒã§ã™ã€‚ å°šã€å½“ブãƒã‚°ã®ã‚¨ãƒ³ãƒˆãƒªã¯å¾¡ç¤¼ã®å ´ã§ã‚ã‚‹ã“ã®è¨˜äº‹ã§ã¯å‰²æ„›ã—ã¦ã„ã¾ã™ã€‚後日ã€åˆ¥è¨˜äº‹ã«ã¦ã¾ã¨ã‚ã•ã›ã¦é ‚ãã¾ã™ã®ã§ã€å®œã—ã‘ã‚Œã°å¾¡è¦§ãã ã•ã„。 デザイン èªã¿ç‰©ç³»ãŒå¤šã„ã§ã™ã€‚æ£æœˆã¨ã‹ã§è¦‹ç›´ã™ç”¨ã€‚ é…色パターンã‹ã‚‰Webデザインを考ãˆã‚‹ ウェブデザインã§ã“ã‚Œã¯æ°—ã‚’ã¤ã‘ãŸã„ã®35ã®ãƒã‚¤ãƒ³ãƒˆ デザインQRコードã®ä½œã‚Šæ–¹ éžãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®
webデザインã®ã‚»ãƒ³ã‚¹ã‚’磨ã『○○系ã®webデザインã¾ã¨ã‚ã€ã®ç·ã¾ã¨ã‚
webデザインをå¦ã¶ãªã‚‰webデザインã‹ã‚‰ã€‚ ã¨è¨€ã†ã‚ã‘ã§ã€ä»Šå›žã¯æµ·å¤–ã®ã‚¨ãƒ³ãƒˆãƒªã‚’ä¸å¿ƒã«ã€â—‹â—‹ç³»ã®ã¾ã¨ã‚ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ ã“ã®ã€â—‹â—‹ç³»ã¨è¨€ã†ã®ã¯ã€ä¾‹ãˆã°ã€Žãƒ•ã‚¡ãƒƒã‚·ãƒ§ãƒ³ã‚µã‚¤ãƒˆã€ã€Žãƒ©ã‚¤ãƒˆã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€ã€ŽECショップã€ç‰ã®ãƒ†ãƒ¼ãƒžãŒæ±ºã‚られãŸwebサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã•ã—ã¾ã™ã€‚ 週末ã®ãŠä¾›ã«ã„ã‹ãŒã§ã—ょã†ã‹ã€‚ webサイトデザインをå¦ã¹ã‚‹ï¼“ï¼ã®ãƒ†ãƒ¼ãƒž 今回ã”用æ„ã—ãŸã®ã¯å¤šç¨®å¤šæ§˜ãªï¼“ï¼ã®ãƒ†ãƒ¼ãƒžã€‚ ã•ã‚‰ã«ã€ä»Šå›žã¯ç‰¹åˆ¥ã«ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªã‚µã‚¤ãƒˆæ¤œç´¢ã‚µã‚¤ãƒˆã€ECサイトデザイン検索ã€iPhoneサイトデザイン検索ã®æ¤œç´¢ã‚µã‚¤ãƒˆ3ã¤ã‚’ãŠä»˜ã‘ã—ã¾ã—ãŸã€‚ ãŠå¥½ããªãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰å¬ã—上ãŒã‚‹ã‚‚よã—ã€é †ç•ªã«æ–™ç†ã—ã¦ã„ãもよã—ã€æ¤œç´¢ã§æŽ¢ã™ã‚‚よã—ã€webサイトã®ã‚µãƒ³ãƒ—ルをãŠæ±‚ã‚ã®æ™‚ã«ã¯æ˜¯éžãŠæ¥½ã—ã¿ã‚れ。 å› ã¿ã«ã€æµ·å¤–ã§æ´»èºä¸ã®webクリエイターボックスã®ä¸ã®äººã¯ã€ä¸€é€±é–“ã§ã‚る程度ã®ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ブックマークã¸è¿½åŠ 。週末ã«ã€ç´„30～40
Reeder
15 years. Rebuilt for Today. Rediscover Reeder. iOS 17 or later macOS 14 or later Introducing the new Reeder Your inbox for reading, watching and listening to content from various sources. From Unread Counts to Timeline Syncing With the new Reeder, unread counts are a thing of the past. Instead, your timeline position is synced across all your devices, allowing you to simply pick up from where you
200+ Clean-Cut Vector Icons: Reflection
Free Web Resources Everyday - WebResourcesDepotReflection is a set of 200+ free icons that is created by Webdesigner Depot. The set includes 128*128px transparent PNG files in black&white and also comes with the vectors in .AI format which simply enables us to convert them to any color or size. The name of the set is a referral to the tiny reflections under each item and the set consists of elemen
ãŸã£ãŸä¸€è¡Œã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§IE6/7/8ã‚’CSS3対応ã«ã™ã‚‹ -CSS3 PIE
IE6/7/8ã§ã‚‚CSS3ã®è§’丸ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒžãƒ«ãƒãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ãªã©ã‚’使ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹behaviorスクリプトを紹介ã—ã¾ã™ã€‚
House of Buttons
A collection of great UI buttons spotted in the wild. Curated by MaxButtons. Â Submissions welcome.
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://designaholic.cc/2011/03/webweb21.html
Fontdeck
Webサイトをスマートフォン対応ã—ã¦ã¨è¨€ã‚ã‚ŒãŸæ™‚ã«è¦‹ã¦ãŠããŸã„サイトã¾ã¨ã‚｜caraldo.net | Webã¨iPhoneã¨ãƒãƒ¼ãƒ‰ãƒã‚¤ã‚¯ãŒå¤§å¥½ãï¼
{{#tags}}- {{label}}
{{/tags}}