Getting Started with Three.js
30 Inspiring WebGL (Chrome) Experiments
SVG (or Scalable Vector Graphics) is an XML-based file format that enables developers and designers to create high quality, dynamic graphics and graphical applications with a great level of precision.All modern browsers support rendering SVG: however, for older browsers like IE6, 7 and 8 without native support, you can fall back on polyfills such as SVG Web that use Flash for rendering content. This enables you to easily target the majority of users online without worrying about compatibility issues. For mobile web developers wondering about compatibility, I'm happy to report that iOS 3.2+, Opera Mini 5+, Opera Mobile 10+ and Android 3+ also support rendering SVG graphics out of the box. Canvas offers a high-performance canvas best suited to rendering raster graphics for games such as sprites, image editing and applications that require per-pixel manipulation capabilities. Read all our web design articles here 01. 02. 03. 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19.
20 examples of SVG that will make your jaw drop | Web design
Tobi's Story - This is the story of a young designer aiming to make a difference
eSimply - Email marketing tools and programs
Scrolling Parallax examples Simple scrolling parallax effect Multiple, layered parallaxes for a nice depth effect Parallax in all directions: vertical and horizontal scrolling Parallax called on a piece of inline HTML markup About Scrolling Parallax Scrolling Parallax is a new jQuery plugin that binds a parallax effect to the scrollbars and mouse wheel. Basic use of the Scrolling Parallax plugin is extremely easy. The Scrolling Parallax plugin is also very versatile. Download the Scrolling Parallax Plugin for jQuery Scrolling Parallax for background images Using the parallax for a background image is incredibly easy. $.scrollingParallax('img/background-parallax.jpg'); This will append the image to the page, and stretch its dimensions as described above. This would stretch the background width to 200% of the screen size, and enable the parallax to work on horizontal as well as vertical scrolling. Scrolling Parallax on jQuery objects $('div.parallax-div').scrollingParallax(); staticSpeed : .2
Scrolling Parallax: A jQuery Plugin
- 16 min read Flexbox adds a level of control to our layouts that we didn't really have before, we hacked our floats and clearfixed, we fought whitespace with inline-block, pushed display:table, and even stretched content with position:absolute. We no longer need to rely on these solutions beyond providing something visual to browsers without flex features. Flex's features will add an important set of tools to how we build, not by replacing what was there before, but improving upon how we build today. The major challenge that I see with Flexbox is that there's a distinct gap between what we build today and how we'll approach tomorrow. The prevailing attitude seems to be “Not for another x years”, or “we'll wait for X browser to catch up”, but we don't need to think like this anymore. I don't blame people for finding Flexbox difficult to grasp. TLDR; version I recognize this experiment write up is super long, so here's a shortcut if you don't have much time: Road to Flexbox Card Layouts
Experiment: Using Flexbox Today - Chris Wright
Welcome to Webmaker
Mozilla Developer Network
10 CSS selectors you shouldn’t code without
Every time we use CSS, we use selectors. But despite this, CSS selectors are one of the more neglected parts of the specification. We talk about the big transformations in CSS3 but all too often forget the basics. Good use of selectors makes our day-to-day coding simpler and more elegant. Today I’m going to cover the 10 selectors that often slip our minds, but are both effective and highly useful. The * selector may be the one you remember most easily but it’s often underused. This selector is called an adjacent selector and what it does is selects the element that is immediately after the first element. This selector will only select the direct children unlike A B that will select any level children of A. <ul><li>List Item With ul <ul><li>Sub list item</li><li>Sub list item</li><li>Sub list item</li></ul></li><li>List Item</li><li>List Item</li></ul> You would use this selector because the usual A B selector will also selected the list items inside the nested unordered list A:not(B)
20+ resources for learning web design & development
HTML5 or Native Apps: Which one should choose?
Native Vs PhoneGap Application Development
HTML 5 Vs. Native Apps: What's Best For Developers?
Debate rages on about whether an HTML5 Web application or a native platform application is the best solution for your project team. We've put together this list of arguments -- five for HTML5 and five for native apps -- to help frame the debate. 1 of 11 HTML5 is one year old -- at least officially. Last October, the spec was frozen on HTML5. Despite the growing popularity and acceptance of HTML5, debate rages on about whether an HTML5 Web application or a native platform application is the best solution for your project team. We certainly don't expect to resolve the debate. [Building apps for iOS? It's important to note where the debate doesn't go. A year ago there were very real issues around how each Web browser interpreted HTML5. That's not to say there are no issues with HTML5. The debate will continue. Curtis Franklin Jr. is executive editor for technical content at InformationWeek. More Insights
Mobile Apps: HTML5, Native or Both?
HTML5 App Development and PhoneGap Plugins
7 Best PhoneGap Plugins for PhoneGap Mobile Application Development - Mobiloitte Blog -
Develop HTML5 Applications for Multiple Platforms using PhoneGap
Posted in - Mobile App Date - 02 Nov. 2015 Small and medium-sized enterprises (SMEs) drive industry growth and employment in the European Union (EU) and United States (US). Ninety-nine percent of companies in EU (over 20 million) and US (over 28 million) are SMEs. Web and mobile technologies are helping SME’s grow rapidly as business becomes increasingly global and competitive. However, they face specific challenges in the process that begins at idea conceptualization and ends at final product creation for customers. Enterprise Mobile Application Development Using PhoneGap & HTML5 HTML5 mobile app development with PhoneGap is one approach that can be used to achieve faster time to market by creating enterprise applications for multiple platforms. Here are some plugin repositories based on the PhoneGap framework that can be used for faster mobile app development: Simplify Data Access – User data access and management are one of the prime concerns for SMEs.
Understanding HTML5 mobile application development
Creating automation tools for custom themes (Gulpjs)
10 Principles Of Effective Web Design
Tutoriais CSS | Web Standards | Acessibilidade | Tableless
75+ Best Free Html5 Css3 Website Templates |Designrazor
Outsourcing LESS Framework
Outsourcing Twitter Bootstrap
Color Picker — HTML Color Codes
HTML Table Style Generator by eli geske
960 Responsive Grid
SASS Framework ontwikkeling agency
Outsourcing CSS 3 Ontwikkeling agency
Sturlly Responsive One Page Multipurpose Template by themezaa | ThemeForest
MEE - Responsive Resume / Personal Portfolio by themezaa | ThemeForest
Brando Responsive & Multipurpose OnePage Template by themezaa | ThemeForest