Template MonsterWebsite Templates, Plugins, and Graphics Digital Marketplace Best place to buy and sell digital products.
時間ã®ç¯€ç´„ã«ãªã‚‹Web制作関連ツール 12+1
2013å¹´4月2æ—¥ 便利ツール Webサイトを作る際ã«ã€ã˜ã£ãり時間をã‹ã‘ãŸã„作æ¥ã¨ãã†ã§ãªã„ã‚‚ã®ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ç´°ã‹ã„作æ¥ã¯ä¾¿åˆ©ãªãƒ„ールã§ä½œæ¥æ™‚é–“ã®çŸç¸®ã‚’ã—ã¦åŠ¹çŽ‡ã‚ˆãã™ã™ã‚ã¾ã—ょã†ï¼ä»Šå›žã¯ç§ãŒã„ã¤ã‚‚使ã£ã¦ã„ã‚‹ã‚‚ã®ã¨SMASHING MAGAZINEã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¦ã€ŒãŠã‰ã£ï¼ã€ã¨æ€ã£ãŸWeb制作ã«é–¢ã™ã‚‹ä¾¿åˆ©ãƒ„ールを紹介ã—ã¾ã™ã€‚ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ Photoshopテンプレート ã¾ãšã¯ç§Mana作ã®Photoshop用テンプレート。グリッドãªã‚“ãžå…¥ã‚Œã¦ã¾ã™ã€‚グレーã®ã‚¨ãƒªã‚¢ãŒãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒ“ュー。çµæ§‹æ˜”ã«ä½œã£ã¦ãšã£ã¨ä½¿ã£ã¦ã‚‹æ„Ÿã˜ã§ã™ã€‚ » Photoshopテンプレートをダウンãƒãƒ¼ãƒ‰ã™ã‚‹ Instant Blueprint http://instantblueprint.com/ Webサイトを作る際ã®æœ€åˆã®ã‚¹ãƒ†ãƒƒãƒ—を楽ã«ã—ã¦ãれるサイト。CSS, images, JSãª
Super Cool CSS Flip Effect with Webkit Animation
There’s some seriously cool transform and animation effects available through the webkit engine that can really spice up the web experiences for users with the Safari browser. Here’s a quick look at how the rotateY property can produce a flip effect, and how it can be used to create a super cool Transformers themed top trumps design. View the demo Safari browser required to experience the animated
Sexy Tooltips with Just CSS
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Providing supplementary information ab
CSS+HTMLã®ã¿ã§å®Ÿè£…出æ¥ã‚‹ã€ã‚¯ãƒã‚¹ãƒ–ラウザ対応ã®Webデザインテクニック集 - ã‹ã¡ã³ã¨.net
cssã¨HTMLã‚¿ã‚°ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ— ã®ã¿ã§å®Ÿè£…出æ¥ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›† ã§ã™ã€‚クãƒã‚¹ãƒ–ラウザ対応ã®ã¿ ã‚’css-playã‹ã‚‰æŽ¢ã—ãŸã®ã§ã€ ã¤ã„ã§ã«ã”紹介ã—ã¾ã™ã€‚ jsãŒä½¿ãˆãªã„環境ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã®ã§ãƒ¡ãƒ¢ãŒã¦ã‚‰ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚css-playã‚’ä¸å¿ƒã«ã€ã‚ã¨ã¯ã‚°ã‚°ã£ãŸã‚ŠSBMã§æŽ¢ã—ãŸã‚Šã€‚マークアップã¯ãƒªãƒ³ã‚¯å…ˆã‚’ã”確èªä¸‹ã•ã„。css-playã¯ã‚½ãƒ¼ã‚¹ã‚’。 シンプルãªãƒ‰ãƒãƒƒãƒ—ダウンメニュー シンプルãªãƒ‰ãƒãƒƒãƒ—ダウンメニューã§ã™ã€‚マルãƒãƒ¬ãƒ™ãƒ«ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚‚å¯èƒ½ã€‚ demo 縦並ã³ã®ãƒ•ãƒ©ã‚¤ã‚¢ã‚¦ãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ 横ã«å‡ºã‚‹ãƒ•ãƒ©ã‚¤ã‚¢ã‚¦ãƒˆã‚¿ã‚¤ãƒ—。画åƒã‚’使用ã—ã¦ã„ã¾ã™ã€‚ demo クãƒã‚¹ãƒ–ラウザ対応ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ webkitç³»ã§ã‚‚mozã§ã‚‚IEã§ã‚‚cssã®ã¿ã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実装。 Cross-Browser CSS Gradient ãƒãƒƒã‚¯ã€ãƒ†ãƒ¼ãƒ–ルも使用ã—ãªã„ドãƒãƒƒãƒ—ダウンメニュー シンプルãªãƒ‰ãƒãƒƒãƒ—ダウンメ
スマートフォン最é©åŒ–を実施ã™ã‚‹éš›ã«æœ€ä½Žé™æŠ‘ãˆã¦ãŠããŸã„ã“㨠: LINE Corporation ディレクターブãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚livedoor グルメを担当ã—ã¦ã„る澤田ã§ã™ã€‚ livedoor グルメã§ã¯3月ã«ã€iPhone版Safariブラウザã§ã®è¡¨ç¤ºæœ€é©åŒ–ã«å¯¾å¿œã„ãŸã—ã¾ã—ãŸã€‚ã“ã‚Œã¯ã€iPhone版Safariブラウザã§livedoor グルメを閲覧ã—ãŸéš›ã«ã€PC版ã®ç”»é¢ã§ã¯ãªãã€iPhoneã®è¡¨ç¤ºã‚µã‚¤ã‚ºã‚„使ã„æ–¹ã«åˆã‚ã›ã¦ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã•ã‚ŒãŸç”»é¢ã‚’表示ã•ã›ã‚‹ã‚‚ã®ã§ã™ã€‚ 最é©åŒ–ã•ã‚Œã¦ãªã„サイトã®å ´åˆã¯ã€åŸºæœ¬çš„ã«PCã¨åŒã˜ç”»é¢ãŒiPhoneã«è¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã€è¡¨ç¤ºã•ã‚Œã‚‹ç”»é¢ãŒå°ã•ãã€å¤§é‡ã®ç”»åƒãƒ‡ãƒ¼ã‚¿ãªã©ã‚’èªã¿è¾¼ã‚€ãŸã‚表示ã«æ™‚é–“ã‚‚ã‹ã‹ã‚Šã¾ã™ã€‚ ã“ã®ã€Œæœ€é©åŒ–ã€ã®ä½œæ¥ã‚’è¡Œã†ã“ã¨ã§ã€iPhoneユーザーã«ã¨ã£ã¦å¿…è¦ãªæ©Ÿèƒ½ã‚’ã€ã‚ˆã‚Šä½¿ã„易ã„ナビゲーションã§æä¾›ã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ 今回ã¯ãã®ç”»é¢é–‹ç™ºæ™‚ã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ä½¿ã„å‹æ‰‹ã«ç•™æ„ã—ã¦è¨è¨ˆã—ãŸã€ã„ãã¤ã‹ã®ãƒã‚¤ãƒ³ãƒˆã«ã¤ã„ã¦ã”紹介ã—ã¾ã™ã€‚iPhoneã‚’ãŠæŒã¡ã®æ–¹ã¯ã€ãœã²Sa
ランディングページ集ã‚ã¾ã—ãŸã€‚
2009å¹´ã‹ã‚‰ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã‚’集ã‚ã¦ã„るサイトã§ã™ã€‚購買行動やèªçŸ¥æ‹¡å¤§ã®ãŸã‚ã«ä½œã‚‰ã‚ŒãŸãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚サイトã§ã™ã€‚LP制作ã®å‚考ã«ã©ã†ãžã€‚
Román Cortés » CSS 3D Meninas
Último proyecto completado: Chimeneas Rofer & Rodi Proyecto actual en curso: Arteforo (versión en castellano abajo) I’ve took the classic paint The Maids of Honour (Las Meninas) and made this CSS pseudo-3D/parallax effect. It is pure CSS, so no javascript or flash involved: only CSS and HTML code. It has been tested and it is working on Internet Explorer 8, Firefox 3, Opera 9, Safari 3, Chrome 4 a
IBMãŒWebアプリケーションã®UIガイドラインã¨HTML/CSSã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’公開
æ¥å‹™ã‚¢ãƒ—リケーションãŒWebアプリケーションã¨ã—ã¦é–‹ç™ºã•ã‚Œã‚‹ã®ã¯ç¾åœ¨ã®å¤§ããªãƒˆãƒ¬ãƒ³ãƒ‰ã§ã™ã€‚ãã‚Œã«ä¼´ã£ã¦HTMLã¨CSSã«ã‚ˆã£ã¦æ¥å‹™ã‚¢ãƒ—リケーションã®è¤‡é›‘ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’構築ã™ã‚‹å¿…è¦æ€§ãŒç”Ÿã˜ã¾ã™ã€‚ ã—ã‹ã—機能ãŒè±Šå¯Œãªæ¥å‹™ã‚¢ãƒ—リケーションã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’HTMLã¨CSSã§æ§‹ç¯‰ã™ã‚‹ã®ã¯ãã‚Œã»ã©ç°¡å˜ã§ã¯ãªãã€ã—ã‹ã‚‚ãれをアプリケーション全体ã§çµ±ä¸€ã—ã€å„ªã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ“リティを実ç¾ã™ã‚‹ã®ã¯ã•ã‚‰ã«æ‰‹é–“ã®ã‹ã‹ã‚‹ä½œæ¥ã§ã™ã€‚ ãã†ã—ãŸæ¥å‹™ç”¨ã®Webアプリケーションã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’構築ã™ã‚‹ãŸã‚ã®ã‚µãƒ³ãƒ—ルãŒè±Šå¯Œã«å«ã¾ã‚ŒãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ŒIBM Lotus User Interface Developer Documentationã€ãŒã€IBMã‹ã‚‰å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ 今回公開ã•ã‚ŒãŸIBMã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯ã€åŒç¤¾ã®Lotus製å“群ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティを統一ã™ã‚‹ãŸã‚ã®ç¤¾å†…プãƒã‚¸ã‚§ã‚¯ãƒˆã€ŒOne U
Mockingbird has Shut Down
Mockingbird is no longer in operation. We’re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
Smashing Magazine — For Web Designers And Developers
10 years after scroll-driven animations were first proposed, they’re finally here — no JavaScript, no dependencies, no libraries, just pure CSS. Continue reading ↬
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
Web forms design guidelines: an eyetracking study | cxpartners
Forms can be found on almost every website; from contact or feedback forms in small websites to bank details in commerce websites, from registration to communication, from banking to searching. What we wanted to do, and why we wanted to do it At cxpartners, we have designed and tested numerous new and existing forms for websites from different companies. We use a set of golden rules that we use as
Moving Domains - Balkhis is now SyedBalkhi.com
In 2008 when I launched my personal blog to share my experiences, I decided to call it Balkhis instead of using my full name (Syed Balkhi). As time passed on, I regretted that decision because it created a lot of confusion. People thought that my last name was Balkhis instead of Balkhi. I basically combined my last name with the first letter of my first name. I was @syedbalkhi across all social me
パンããšè©³è§£ | コリス
パンããšã®ç”±æ¥ã‚„概è¦ã€ç‰¹é•·ã‚’ã¯ã˜ã‚ã€è¨ç½®ã®åˆ¤æ–基準ã€å®Ÿè£…ã®ã‚ˆãã‚ã‚‹é–“é•ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚¤ãƒ³ãƒˆã€ã‚¯ãƒ©ã‚·ãƒƒã‚¯ãªã‚‚ã®ã‚„進化ã—ãŸãƒ‘ンããšã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ãªã©ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Breadcrumbs In Web Design 以下ã€ãã®æ„訳ã§ã™ã€‚ パンã㚠ナビゲーションã¯ã€å¤§é‡ã®ãƒšãƒ¼ã‚¸ã‚’ä¿æŒã™ã‚‹ã‚¦ã‚§ãƒ–サイトã§ã€ãƒŠãƒ“ゲーション機能を拡張ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ パンããšã®å¤§ããªæœ‰ç”¨æ€§ã¯ã€ã‚¦ã‚§ãƒ–サイトã®è¨ªå•è€…ãŒä¸Šã®éšŽå±¤ã«ç§»å‹•ã™ã‚‹éš›ã€å°‘ãªã„アクションã§å®Ÿç¾ã•ã›ã‚‹ã“ã¨ã§ã™ã€‚ ã“ã®ã“ã¨ã¯ã‚¦ã‚§ãƒ–サイトã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚„ページã®ãƒ•ã‚¡ã‚¤ãƒ³ãƒ€ãƒ“リティ（見ã¤ã‘ã‚„ã™ã•ï¼‰ã‚’改善ã™ã‚‹ã‚‚ã®ã¨ãªã‚Šã¾ã™ã€‚ ã¾ãŸã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ï¼ˆæ¤œç´¢ãªã©ã‹ã‚‰è¨ªã‚ŒãŸæœ€åˆã®ãƒšãƒ¼ã‚¸ï¼‰ã«ã‚‚éžå¸¸ã«åŠ¹æžœçš„ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç¾åœ¨ã®å ´æ‰€ã‚’明示ã™ã‚‹ã ã‘ã§ãªãã€æ–‡è„ˆã®ãƒ’ントã¨ãªã‚‹ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚æä¾›ã—ã¾ã™ã€‚ What is a bre
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Wireframe Showcase
『無料＋ブラウザã€ã§å…¨éƒ¨ã‚„ã£ã¦ã—ã¾ãŠã†ã€‚webジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã¨ã‚µãƒ¼ãƒ“ス50個ã¾ã¨ã‚*ホームページを作る人ã®ãƒã‚¿å¸³
ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒä½œæˆã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿
http://browsersize.googlelabs.com/
CSS Layouts: Grid and CSS Layouts
{{#tags}}- {{label}}
{{/tags}}