
Kiana Khansmith

if i look back, i am lost

祝日 / Permanent Vacation

tannertan36
occasionally subtle
Peter Solarz

Love Begins
Misplaced Lens Cap
tumblr dot com
he wasn't even looking at me and he found me

oozey mess
YOU ARE THE REASON

blake kathryn
we're not kids anymore.

@theartofmadeline
Today's Document
Jules of Nature
RMH

pixel skylines
Sweet Seals For You, Always

seen from United States
seen from United States

seen from Switzerland
seen from Croatia
seen from United States
seen from United Kingdom
seen from United States

seen from Netherlands

seen from United States
seen from Switzerland
seen from Singapore

seen from United States
seen from United Kingdom
seen from United States
seen from United Kingdom
seen from Malaysia

seen from United States
seen from United Kingdom
seen from United States
seen from Brazil
@ddnote-blog

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
Lessons from mobile web design
Simplified navigation on mobile websites
Mobile websites are task-oriented
Mobile websites dramatically shrink their content
All the good stuff, sans fluff(Tough choices are made and otherwise valuable content is cut in order to streamline the website.)
Branding is king on the mobile web
Websites without the gimmicks
via Webdesigner Depot
Designing for responsiveness
Knowing your viewports
(smartphones, tablets and smaller viewports, larger desktop version, and maybe even larger/wider screens) 480, 768, 1020, 1200px
Planning ahead
Sketching. Having all of your viewports on one page.
Wireframes and mockups
Generally it is easier to start with the smallest viewport and work your way up to the larger ones in Photoshop. There is no need to be pixel perfect with any of your layouts. Don’t worry about getting the margins around text blocks perfect.
The browser
Having your layouts viewable from a browser.
Understand how content changes
Each element can be fixed, hidden, floated (left or right), liquid, or they can scale. Any give responsive design will use a combination of all of these. Floating elements are most commonly seen in content areas that sit side-by-side in large layouts, but stack on top of each other in smaller viewports.
Liquid content is typically used for columns of text that scale as wide as the viewport allows. They work great on smaller viewports but can become too wide on larger ones, so it can be best to switch to fixed for those.
Scaling elements can apply to images and text sizes. These elements are given a percent width and/or height and adjust to the viewport.
The best thing to do with fixed elements is design them to fit the smallest viewport. It is a lot easier to use a small elements in a large viewport over trying to fit a huge element in a small viewport.
Graphical elements and images
The safest approach is to make images that fit the smallest viewport. Large background images can be particularly problematic when scaled down for smart phone use.
Consistency
One of the biggest problems with responsive design is the lack of consistency. Always make navigation clearly marked and easily found. If you have to remove elements from smaller viewport designs, have other methods of getting to that content.
via Webdesigner Depot

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
NimbleKit
Javascript 須擺在<body></body>之間,NimbleKit語法則放置在<script type="text/javascript" src="NKit.js"></script>之後。
App Icons:
iPhone/iPod touch: 57x57(Icon.png) / Spotlight 29x29(Icon-Small.png)
iPhone 4: 114x114([email protected]) / Spotlight 58x58([email protected])
iPad: 72x72(Icon-72.png) / Spotlight 50x50(Icon-Small-50.png)
for App Store: 512x512(customName.png)
Launch graphic:
iPhone/iPod touch: Portrait 320x480 (Default.png) Landscape none
iPhone 4: Portrait 640x940 ([email protected]) Landscape none
iPad: Portrait 768x1024 (Default-Portrait-ipad.png) Landscape 1024x768 (Default-Landscape-ipad.png)
Title Bar: (Height: 44px, 88px for iPhone 4)
var navController = new NKNavigationController(); navController.setTitle("Test Title"); navController.setTintColor(127, 62,152);
Tab Bar: (Height: 49px, 98px for iPhone 4)
tabController = new NKTabBarController; tabController.setTabBarForPage("main.html", "Main", 9); tabController.setTabBarForPage("main2.html", "Second", 2); tabController.setTabBarForPage("main3.html", "Third", 8);
Use custom icon:
var tabController = new NKTabBarController(); tabController.setTabBarForPage("1.html","Tab1","icon_1.png"); tabController.setTabBarForPage("2.html","Tab2","icon_2.png");
Tab Graphic: 30x30 (customName.png)
iPod touch/iPhone: 最多5個tab, iPad: 8個
如果同時使用Title Bar 和 Tab Bar, Tab Bar的語法要放在Title Bar上方:
"UIViewControllerHierarchyInconsistency" adding a root view controller <NKAutorotateController: 0x87e7ca0> as a child of view controller: <UITabController: 0x87ead30>
--->change the order of the nav and tab controller
The four main media queries are...
All browsers over 960px
iPad or other tablet Portrait (728px)
iPhone or mobile Portrait (300px)
iPhone or mobile Lanscape (420px)
HTML5 vs. FLASH
When to consider HTML5:
Mobile – Content for smart phones is a great opportunity to leverage HTML5 as most of the web browsers shipping on these devices offer excellent support for the new technology.
Video/Audio Streaming (non-DRM) – If the content you’re streaming is not proprietary in nature and does not require rights management, HTML5 is a great option for providing that content with very small overhead.
iOS – If your target audience includes the iPad or other iOS-based devices, you’ll want to leverage HTML5 to enrich your message.
When to stick with Flash:
Non-Mobile Effort – When the mobile demographic is NOT a significant target for your message.
Webcams – If you need more advanced access features to your computer itself, Flash works best (webcam, computer clipboard, etc.). Augmented reality experiences are a great example of this type of functionality.
Video/Audio Streaming (DRM) – When you need to protect the rights-managed content you’re streaming to prevent pirating, sharing or unauthorized downloading of that content.
Experiential Sites – When your design dictates a more immersive, interactive experience for your visitor.

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
Free Video lessons on computer programming, Adobe software, video editing, game development, and more!
iPad網頁開發教程及規則
iPad開發的侷限性
在iPad上使用Safari瀏覽普通網站網頁的時候,網頁因為太大而導致需要手動放大縮小或者滑動
Flash
Hover
滾動條不能按照預期作用
position:fixed
iPad User Agent(用戶代理)
Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10
模擬iPad瀏覽器
Safari:
開發->用戶代理->其他
Google Chrome: 打開 cmd,然後進入 Chrome 安裝目錄(C:\Users\xxxx\AppData\Local\Google\Chrome SxS\Application\chrome.exe)。 然後在 cmd 輸入命令:
chrome.exe --user-agent="Mozilla/5.0 (iPad; U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10"
Firefox:
工具 > Default User Agent > Edit User Agent,添加一個 iPad 的 User Agent。
User Agent 上面有了。 App Code Name 輸入:iPad。 App Name 輸入:Mobile Safari App Version 輸入:5.0 (Macintosh; en-US)
iPad用戶偵測:User Agent(用戶代理)
javascript:
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPad/i))) { if (document.cookie.indexOf("iphone_redirect=false") == -1) { window.location = "http://ipad.www.opensoce.com"; } }
PHP:
if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPad')) { header('Location: http://ipad.www.opensoce.com'); exit(); }
設置viewpoint
iPhone:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
觸摸式交互
Touch Events: touchstart、touchmove、touchend、touchcancel(when the system cancels the touch)
Gestures: gesturestart,gestureend,gesturechange (event有兩個屬性:scale,rotation)
模擬:hover偽類
var myLinks = document.getElementsByTagName('a'); for(var i = 0; i < myLinks.length; i++){ myLinks[i].addEventListener(’touchstart’, function(){this.className = “hover”;}, false); myLinks[i].addEventListener(’touchend’, function(){this.className = “”;}, false); }
CSS3媒體查詢
<link rel="stylesheet" media="screen and (orientation:portrait)" href="portrait.css" /> <link rel="stylesheet" media="screen and (orientation:landscape)" href="landscape.css" /> <!--注意:如果两种样式表有显著地区别的话,这会分散用户注意力,所以这并不是必须要的组件。-->
用iScroll控制你的觸摸滾動
iScroll / jQuery Swipe / JQTouch。
iPhone Tap Highlight Color
-webkit-tap-highlight-color:<css-color>
解決Div排版長短腳的問題
<script type="text/javascript"> $(function(){ $(".rightbox, .leftbox").css("height", Math.max($(".leftbox").height(), $(".rightbox").height())); }); </script>

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
正體中文與簡體中文之網頁泛用字型設定
1.字型名稱有空白時需加上引號。 如"DFXingShu STD W5"、"cwTeX 楷書"。
2.中文字型應寫入兩種名稱 (中文名稱 + 英文名稱)
微軟正黑體 : Microsoft JhengHei
新細明體 : PMingLiU
細明體 : MingLiU
標楷體 : DFKai-sb
THE STRATEGY FOR CREATING A CUSTOM WORDPRESS THEME:
Design your look in Photoshop Create a static HTML page that implements your look (hand coding, Dreamweaver, etc.) Find an existing theme (free or premium) that is: - close to what you need in a layout - uses compliant HTML - is up to date (at least WordPress 3.0 compatible) - has some useful page templates that are well written Create a child theme which implements your design: - the mandatory CSS file - additional theme templates as needed to override the parent theme - custom theme templates to meet client requirements