background preloader

WEB designs

Facebook Twitter

API Design: Think First, Code Later. As a software developer, I know how hard it is to contain the urge to start coding as soon as we can.

API Design: Think First, Code Later

After the first sprint planning, our fingers – uncontrolled, hungry creatures – want to start smashing the keyboard, translating our ideas into code fastly and furiously. Despite how great we feel while developing, it’s always a good idea to take a step back, especially when building something that could be used by many different users – like an API is. A. In this post, I’ll show you why and how to design a properly-thought API.

Google 搜尋指南:AMP 網頁 - Search Console說明. Bootstrap Editor and Playground for JavaScript, CSS, HTML5 and jQuery. Welcome new users from a range of referrers with Intro Bars - IntroBar.com. Responsive Bootstrap Themes & Templates - UX centred HTML5 Bootstrap themes and site templates made for developers and startups. 再来 20 个免费的 Bootstrap 的后台管理模板. HTML Templates. News or Magazine This template puts a focus on bold images, perfect for a magazine style site with eye catching content.

HTML Templates

Your stories are easy to find with large feature blocks. See Demo. Button Maker. Untitled. Getting started with Yeoman. Yeoman is a generic scaffolding system allowing the creation of any kind of app.

Getting started with Yeoman

It allows for rapidly getting started on new projects and streamlines the maintenance of existing projects. Yeoman is language agnostic. It can generate projects in any language (Web, Java, Python, C#, etc.) Yeoman by itself doesn't make any decisions. Every decision is made by generators which are basically plugins in the Yeoman environment. Here are some common use cases: Build a Website — Squarespace. Welcome To Web Design Degree Center - Web Design Degree Center. 2426 Free Website Templates, CSS Templates and Open Source Templates.

Components. Available glyphs Includes over 250 glyphs in font format from the Glyphicon Halflings set.

Components

Glyphicons Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost. As a thank you, we only ask that you include a link back to Glyphicons whenever possible. How to use For performance reasons, all icons require a base class and individual icon class. #01 jQuery入門教程超清HD 1—What is jQuery 中文. 一套用到底的文字編輯器 Atom. Atom 使用心得與 Package 推薦 ( 2016/07/26 更新) « Negai no Sekai. Free Responsive Themes - HTML5 Zero. HTML5 Zero 免費響應式網頁設計模版、佈景主題和範本下載. Templated 免費下載 CSS 和 HTML5 網站模板、佈景主題設計. Responsive Web Design Tutorial. RWD響應式網頁設計系列課程_6-1_RWD模版收集+套修技巧.

開發者必了解的35個JavaScript圖表和圖形庫 - 每日頭條. 28.

開發者必了解的35個JavaScript圖表和圖形庫 - 每日頭條

JSXGraph JSXGraph 是一個支持各種瀏覽器的交互式幾何圖庫繪製。 JSXGraph 使用 SVG 和 VML。 它支持很多從基本到高級的數學函數,使得創建複雜的可視化圖表變得更加容易。 29. Rickshaw 是一個用於繪製時序圖的簡單 jS 庫,基於 Mike Bostock’s delightful D3 庫構建。 30. rGraph RGraph 是基於 HTML5 canvas 標籤的 HTML5 canvas 圖形庫,支持 20 種不同的可視化類型。 31. Planetary.js 是個令人稱奇的創建交互式 web 地球儀的 JavaScript 庫。 32. Dracula 是用一系列的工具來顯示和布局互動圖表,包括各種相關的算法。 33. 50 Free HTML5 And CSS3 Login Form For Your Website 2016 - Colorlib50 Free HTML5 And CSS3 Login Form For Your Website.

Login forms are everywhere on the web.

50 Free HTML5 And CSS3 Login Form For Your Website 2016 - Colorlib50 Free HTML5 And CSS3 Login Form For Your Website

Are you using the social networks? You must go through login form of some sort. Do you have an email? Did you join any forums? Responsive Web Design Patterns. Responsive Patterns A collection of patterns and modules for responsive designs.

Responsive Web Design Patterns

Submit a pattern Layout Reflowing Layouts Equal Width. Web Design. Themes. Jennifer Dewalt. 速速建站,你最期待的建站平台|直覺操作,專業設計,快速發佈,建立網站從來沒有那麼簡單過! 記載著 Will 在網路世界的學習心得與技術分享. CSS 垂直置中的七個方法 - OXXO.STUDIO. jQuery UI. Tools for Building a Website. Ajaxload - Ajax loading gif generator.

Google API

Learn to code. LOL Colors - Curated color palette inspiration. 前端. Docs - Docs. 我可以把 RailsBridge 課程用在我的活動嗎?

Docs - Docs

大家都可以用這個網站! Fort Awesome. Thimble by Mozilla - 供教育者與學習者使用的線上程式碼編輯器。 Webmaster. 我是如何學一門新技術的. Jonathanslenders/python-prompt-toolkit. Mega Menus (Axure Tip #1) — Christopher Roosen. Download my free, customizable mega menu widget for Axure 6.5.

Mega Menus (Axure Tip #1) — Christopher Roosen

The Mega Menu - An Overview Dropdown ‘mega menus’ (otherwise known as ‘meta menus’ or ‘mega dropdowns’) are becoming increasingly common in the online world, particularly on sites with broad and deep information architecture. When used in place of a normal drop down, mega menus allow the designer to organize the menu links into categories, present links in columns and surface specific relevant content links. Creating a Mega Menu in Axure 6.5 Axure 6.5 currently provides customisable widgets for standard dropdown menus, however no default widget yet exists for mega menus.

If you want the shortcut option, download the link at the top of the post and work through the example to make your own mega menu in Axure. H U M B L E . U X. Blog Archives - Marie Kuter. Random with Axure Axure allows you to create and use variables in a pretty advanced way.

Blog Archives - Marie Kuter

I recently used the Math.random() function a lot, and thought it could be useful (at least for me) to write the good random formulas somewhere, for later reference. It is probably very easy for programmers, but this is not my case, and I don’t want to lose time trying to figure out which is the right way of writing the formulas each time. iKome企劃觀察 – 網站設計靈感選集–產品主題網. Axure RP 原型工具 - 悠識 UserXper. Build an Adaptive Prototype in Less Than Five Minutes with Axure RP.

Background vectors, +37,000 free files in .AI, .EPS, .SVG format. Striped black background 161.262 372 12 months ago Blue dotted background 147.358 328 1 year ago Green starburst background 63.369 118 1 year ago Background for summer vacation 218.457 363 1 year ago Beach background in blurry style 64.126 256 1 year ago White polygons background 87.524 226 1 year ago. HTML5 UP! Responsive HTML5 and CSS3 Site Templates. Learn HTML5, CSS3, Javascript - video style tutorials. Learning React.js: Getting Started and Concepts. # Introduction Today we are going to kick off the first installment in a new series of tutorials, Learning React, that will focus on becoming proficient and effective with Facebook’s React library. Before we start building anything meaningful, its important that we cover some base concepts first, so lets get this party started.

Update 4/29/2016: This article has been updated for React v15 What is React? React is a UI library developed at Facebook to facilitate the creation of interactive, stateful & reusable UI components. One of it’s unique selling points is that not only does it perform on the client side, but it can also be rendered server side, and they can work together inter-operably. It also uses a concept called the Virtual DOM that selectively renders subtrees of nodes based upon state changes.

A JavaScript library for building user interfaces. A Simple Component React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props. JSX is optional and not required to use React. Try clicking on "Compiled JS" to see the raw JavaScript code produced by the JSX compiler.

Amazon Web Services (AWS):雲端運算服務. Axure RP 原型工具 - 悠識 UserXper. 我的網頁技術之路 - 寫給初學者們 - ALPHA Camp Blog - 培育全球 Startup 渴求的人才.

Drupal 教學

GitHub - sublimehq/Packages. What is Spec Driven Development. Disclaimer: this is a living document while this approach is tested and made more concrete Over the past couple months I have been talking about something I’ve called Spec Driven Development, or rather a software development ideal where your application is built in two distinct phases: The creation of a SpecDevelopment of code to match the Spec Example of the two stages utilizing MuleSoft’s API Contract Design Cycle: Spec Driven Development is not to be confused with Document Driven Development, as you are not creating a full document with behaviors and prototypes, but rather a concise spec that can be used to describe your application’s interactions in a pragmatic way. Ruby Warrior 簡單版攻略 - Ruby - Rails Fun!! Ruby & Rails 中文論壇. 遊戲在這邊 可以的話請先挑戰不要看我的答案,邊玩邊寫這篇,用簡單的思路完成 第一關(走路) class Player def play_turn(warrior) warrior.walk! 電腦故我在.

HTML meta tag - 網頁設計教學站. Beautiful coloured gradients. Hostinger - 全球顶级的免费空间现已来到中国!支持PHP 提供MySQL数据库 免费建站助手 无广告. Intro to RAML - API Spec Driven Development. Markdown Basics. Welcome - Polymer 1.0.

About CSS

Google Material Design 正體中文版. [教學] 如何製作浮動式的回到網頁頂部按鈕?(jQuery 動態效果) – 樂在設計. CSS 入門 - Web developer guide. 2016 最值得關注的 16 個網頁設計趨勢 » ㄇㄞˋ點子靈感創意誌. jQuery教學-RWD自適應導覽列多層級下拉選單.