һ
 ¼ע

QQ¼

ֻһٿʼ

̳ WEBҳǰ뿪 WEBҳܱ

[ҳ] 15Ӧʽǰ˿ܣһ

[]
74225 websjy 2015-11-2 20:11:38
| ʾȫ¥
1F

ϵ½עᣬύѣø๦ܣϴزIJޣ

Ҫ ¼ ſػ鿴û˺ţ¼ע

x
겻ڲĩģʱһƪԴӦʽܣƫǰ˵ͬѧܻ
֮ǰ߶ԴԼǰõŵĶŻԼ޵Ļһ·ŵߡ˵ҲûƪӣӡiOS7ԴܺiOS豸ģԴܰɡ15Ӧʽǰ˿ܣԼûùֻΪԼпܵĿռпܵزͽѡҪ԰ʹȥ˽飬ҲֱӴGithubȡǣ߶ģκsupportĹˡ
˵ˣֱϻɡ

Groundwork CSS

resp_framework_02.jpg

ʹSassGroundCSSһȫӦʽܣаžи߶ȵԡǶ׵Һ̬ϵͳ֧Уܹ켸κ͵ҳ沼֡



MUELLER Grid System
resp_framework_03.jpg

CompassMUELLERһģ黯ϵͳ֧ӦʽӦʽIJ֣пmedia queriesӵȫĿȨ




Cool Kitten


resp_framework_04.jpg


Cool KittenһHTML/CSS/JS߼漰Normalize.cssStellar.jsjquery Easing԰㴴ʱЧӦʽҳ档



Profound Grid
resp_framework_05.jpg


ʹSCSSProfound GridһԻ(Һ̬ҲԹ̶)ӦʽϵͳԸԤýļIJֽṹ(ͨеĿȻ)ϵͳͬProfound Gridʹø߾(Negative Margins)УҺ̬κпȥܱһ¡



Centurion

resp_framework_07.jpg


SASSCSS3 media queriesCenturionһ׷dzõӦʽWebܡĽṩ˿Էжƻĵ񡢱ǩ(ʹCoffeeScript)ԪءʹCSSʽҲͨSassģʹܹڴеκεطųضʽ塣



Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ
 ¥| websjy 2015-11-2 20:18:51
| ʾȫ¥
2F


34 Responsive Grid System



34Gridڡֲʽ(equally distributed columns)ֹϵͳȣ34GridܹΪÿһݶṩֲСȫɶƵģԼ(б߾ࡢм)ش



One% CSS Grid



One% CSS Gridһڰٷֱȵ12Һ̬CSSϵͳרҪٹӦʽҳûơѡַʽ֣һ1280pxĽ棬һ1024pxĹ


RWD Grid



RWD Gridһе960.gsϵͳӦʽܡ960.gs£ΪӴĿɶԣе»߶滻Ϊַ



Sassaparilla


Sassaparillaһ廯⻯ĿܣͨSCSSCompassõĵԻʽ



Base


resp_framework_13.jpg


Baseһ12е960pxӦʽCSSܣṩٴӦʽWebĿҪһСBaseһСHTML5ģ(jQuery)һ׻ʽһĬϵJSļһڶʽLESSļ



Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
 ¥| websjy 2015-11-2 20:33:10
| ʾȫ¥
3F


Bourbon Neat


resp_framework_14.jpg

NeatһSassBourbon廯ܡǿ󣬿԰ٹӦʽֽṹͨʹbreakpoint() mixinΪÿmedia queryеЩô洢ĿȫֵıС



Extra Strength Responsive Grids



Extra StrengthԴӦԺǿĻڰٷֱȵҺ̬Ӧʽ񡣶ķʽףԶǶףclassʽҲ׼䣬SASS

Blok Grid System

resp_framework_18.jpg


BlockϵͳһƶȵĿܣ԰ֿ߳ҳֻƽ豸ϵı֡12е񹹽Ϊÿdivϵѡͬ


Gumby 2



resp_framework_19.jpg



Gumby 2һSASSѿԴӦʽܡɫãĬṩ960񲼾֣аGoogle WebfontsEntypoͼꡢģ黯ŰԼȫƻUI߼



Foundation 4


resp_framework_20.jpg



ZURBܣһشȫƶΪĿعеJSҲ½ŻøǿҲתΪʹZepto.jsܣjQuery˵




Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
kaorou37 2015-11-9 06:01:28
| ʾȫ¥
4F
Ҫ,¥ͷDz
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
kaorou37 2015-11-9 16:10:50
| ʾȫ¥
5F
Ҫ,¥ͷDz
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
kaorou37 2015-11-30 20:23:08
| ʾȫ¥
6F
Ҫ,¥ͷDz
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ ֧
б

ֹ

̳¡ͼƬѷϴվԭתԻ,µİȨԭ
վַİȨ֪ͨǵĹԱ,Ա(Email:admin@websjy.com)ʱȡȨɾ
ܾκκʽڱ̳л񹲺͹ִ!

QQ| 42011102000510|Archiver|ֻ|Դ-̳ ( ICP19023897-2 )

GMT+8, 2023-1-31 19:03

ٻظ ض б