background preloader

InK - Interface Kit

InK - Interface Kit
Responsive from the ground up Our grid system is percentage based. Nesting grid elements gives you infinite possibilities. Version 3.0.0 introduces a flex based grid system that gives you unprecedented control over your layouts. <div class="ink-grid"><div class="column-group"><div class="all-50 small-100 tiny-100">...</div><div class="all-50 small-100 tiny-100">...

http://ink.sapo.pt/

Related:  前端設計Frameworks Frontendweb_technoFRAMEWORK

Learn AngularJS With These 5 Practical Examples Martin Angelov By now you’ve probably heard of AngularJS – the exciting open source framework, developed by Google, that changes the way you think about web apps. There has been much written about it, but I have yet to find something that is written for developers who prefer quick and practical examples. This changes today. Below you will find the basic building blocks of Angular apps – Models, Views, Controllers, Services and Filters – explained in 5 practical examples that you can edit directly in your browser. If you prefer to open them up in your favorite code editor, grab the zip above.

Tool-Up Time: The Very Best Front End Web Developer Tools DebugMe Blog We talked a lot with our in-house web developer team, researched the topic for hours and hours and finally put together the DebugMe* list of front end web developer tools which can be useful for every web dev out there. *Our bug tracking and visual feedback giving solution is not on the list because we are more humble than that, however you should take a look at it and maybe give it a try. DebugMe will make your life easier especially if you are a web developer, a web designer or a project manager. Are you a web developer or a designer?

10 Free CSS UI Kits It has been almost a year since we last talked about free UI kits. The wait is finally over, because today we have put together ten of the latest and greatest CSS UI kits. Hope they are helpful. And if there are any CSS UI kits that we missed and you are aware of, be sure to mention them in the comments below! New UI Kits JavaScript UI Kit Toggles & Switches We realized awhile back that a lot of Javascript was being written for the sole purpose of adding and removing classes to elements for CSS animations. We figured this was a waste of Javascript and behold, Toggles and Switches were born unto developers everywhere. Don't be mislead by the simple explanation though. Make your own website - Free beginner video tutorials Below you will find the free beginner video tutorials offered by BeginnerTuts.com Watch our introduction video: Video tags: This video relates to subjects such as: Make your own website, build your own website, free website , Making a website from scratch , web design, HTML website, websites, html, css, php, mysql, javascript, wordpress,video tutorials, free tutorials, beginner tutorials In the menu to the left, our video tutorials have been organized according to programming language If your are a beginner within the field of website development, it is recommended that you read the articles under "beginner knowledge" first.

» 前端工程師的一些好工具 Home » 特色, 開發工具, 頭條, Web 技術 前端工程師的一些好工具 16 十二月 2012 5 Comments Top 21 Best Free CSS3 Frameworks for Web Development 2016 Cascading Style Sheets (CSS) is what gives the web its cozy looks. Writing plain HTML is a thing of a very distant past, and the language itself (CSS) has advanced so much in the recent years that it’s impossible to imagine what the web would look like without it. In the early days, much of webs styling could be achieved through HTML usage, while nowadays both HTML5 and CSS3 work closely together to achieve startling results in web design, application design, and in some cases even software design. It’s an evolving styling language. Web designer communities such as CodePen have enabled for designers and creative artists to understand more the full capacity of CSS3 features, and each day hundreds of new and inspirational concepts are being added to the CodePen community for indulging, exploring, and reusing within others own projects; tune in the Radio Station (Podcast) to get a weekly update on all the best stuff happening in the world of style sheets.

How to Use SVG Patterns SVG patterns are one of several paint options that we have for coloring the fills and strokes of shapes and text. While generally regarded as one of the more complex options, establishing a foundation and understanding the basic syntax can make more seemingly complex patterns much more obtainable. SVG patterns provide for very unique design opportunities. We are essentially defining a canvas within a target shape or text, which is then repeated (or tiled) throughout, enabling more detailed design outside of solid color fills and strokes. SEE ALSO: Creating a Scalable SVG Infographic In this article we will discuss the basic syntax and attribute options for SVG patterns and then review some examples for further understanding.

Getting started Less is a CSS pre-processor, meaning that it extends the CSS language, adding features that allow variables, mixins, functions and many other techniques that allow you to make CSS that is more maintainable, themable and extendable. Less runs inside Node, in the browser and inside Rhino. There are also many 3rd party tools that allow you to compile your files and watch for changes. For example: Complex Selectors - Learn to Code Advanced HTML & CSS Lesson 3 Selectors are one of, if not, the most important parts of CSS. They shape the cascade and determine how styles are to be applied to elements on a page. Up until recently the focus of CSS never really touched on selectors.

Related:  WebHTML / CSSOutilsFrameworks