正方形のユニットで構成された、スマフォ対応のHTML5ベースのフレームワーク -Fluid Squares (コリス) HTML5/CSS3のUIフレームワーク「Fluid Squares」が紹介されています。 正方形のグリッドがベースで構成されていて、CSS3 Media QueriesでPCやスマホごとに自動でレイアウトが最適化されます。
タグ
- すべて
- 2ch (30)
- 311 (79)
- 3d (147)
- 8bit (21)
- AS3 (72)
- AWS (19)
- DTM (42)
- DTP (22)
- Fashion (99)
- Flickr (52)
- GIGAZINE (27)
- Google+ (39)
- SlideShare (64)
- Software (37)
- Study (256)
- UD_SAZABY緑化 (19)
- WebComponents (21)
- accessibility (42)
- actionscript (226)
- ad (58)
- addon (139)
- adobe (75)
- affinity (23)
- ajax (235)
- amazon (59)
- analytics (76)
- android (232)
- angularjs (49)
- animation (471)
- api (100)
- app (1668)
- appdevelop (24)
- apple (109)
- application (27)
- archive (20)
- art (393)
- article (92)
- artist (21)
- atom (127)
- audio (93)
- babel (31)
- backbone.js (27)
- background (32)
- backup (41)
- battery (58)
- bem (51)
- black (23)
- blog (225)
- blur (19)
- book (182)
- bookmark (27)
- bookmarklet (81)
- bootstrap (66)
- bower (21)
- browser (246)
- bug (73)
- business (338)
- button (64)
- cache (26)
- cafe (47)
- cakephp (25)
- calendar (84)
- camera (40)
- canvas (170)
- capture (36)
- car (22)
- carousel (24)
- character (32)
- chart (32)
- chat (23)
- cheatsheet (24)
- check (38)
- child (38)
- children (48)
- chrome (456)
- cleanup (19)
- cms (36)
- coda (61)
- code (59)
- coding (22)
- coffee (93)
- coffeescript (72)
- color (145)
- column (74)
- comic (226)
- comment (20)
- communication (157)
- community (70)
- company (68)
- compass (50)
- compress (30)
- convert (72)
- cooking (80)
- cool (72)
- coolsite (41)
- copyright (66)
- cpi (21)
- createJS (21)
- creative (21)
- css (1866)
- css3 (330)
- culture (39)
- customfield (19)
- customize (39)
- dashboard (23)
- data (35)
- database (36)
- days (19)
- debug (49)
- delicious (35)
- demagogy (141)
- demo (22)
- design (1764)
- designer (22)
- desktop (38)
- development (85)
- devtools (30)
- dictionary (43)
- diet (49)
- direction (26)
- display (22)
- document (49)
- dom (21)
- download (130)
- drawing (29)
- dropbox (22)
- dvd (20)
- earthquake (55)
- easing (19)
- ebook (79)
- economy (103)
- editor (122)
- education (162)
- effect (155)
- emulator (26)
- enchant.js (19)
- energy (46)
- english (655)
- epub (38)
- event (95)
- evernote (33)
- exercise (41)
- extension (394)
- facebook (151)
- favicon (32)
- feed (43)
- figma (67)
- finder (28)
- firebug (21)
- firefox (331)
- fireworks (19)
- flash (687)
- flashlite (24)
- flat (28)
- flexbox (54)
- flick (21)
- flv (25)
- font (627)
- food (112)
- form (78)
- framework (245)
- free (147)
- freeware (44)
- friends (38)
- fromtwitter (28)
- frontend (24)
- fukushima (55)
- fun (59)
- functions.php (21)
- funny (72)
- gadget (96)
- gallery (82)
- game (534)
- generator (181)
- gif (54)
- gimp (32)
- git (185)
- github (97)
- gmail (122)
- google (749)
- googlemaps (38)
- googlereader (19)
- gradient (22)
- graph (29)
- graphic (178)
- greasemonkey (36)
- grid (70)
- grunt (81)
- gtd (50)
- guideline (46)
- guitar (53)
- gulp (106)
- hack (70)
- hatena (56)
- health (403)
- history (215)
- homebrew (38)
- howto (187)
- htaccess (31)
- html (323)
- html5 (626)
- humor (23)
- icon (305)
- idea (102)
- ie (247)
- ie6 (30)
- illusion (24)
- illustration (209)
- illustrator (45)
- image (333)
- inkscape (23)
- inspiration (627)
- instagram (19)
- interface (42)
- internet (20)
- interview (70)
- ios (208)
- ipad (54)
- iphone (385)
- ipod (20)
- it (20)
- itunes (27)
- japan (210)
- japanese (290)
- java (20)
- javascript (1775)
- jazz (20)
- jquery (744)
- json (25)
- keyboard (26)
- language (41)
- law (27)
- layout (97)
- less (21)
- library (139)
- license (30)
- life (488)
- lifehack (177)
- lightbox (70)
- line (36)
- links (66)
- loading (47)
- logo (75)
- mac (846)
- macbook (25)
- macomaco (41)
- macosx (22)
- magazine (44)
- mail (73)
- maintenance (152)
- mamp (23)
- management (30)
- map (121)
- marketing (67)
- mashup (34)
- material (220)
- materialdesign (22)
- mblog (19)
- media (166)
- medical (103)
- memo (278)
- memory (43)
- mental (30)
- menu (58)
- microsoft (40)
- mindmap (31)
- mobile (294)
- mockup (43)
- modal (26)
- money (58)
- motion (33)
- motivation (20)
- mouse (23)
- movie (246)
- mozilla (38)
- mp3 (28)
- music (707)
- musician (97)
- musiclife (60)
- mysql (41)
- name (24)
- nature (30)
- nav (75)
- neta (859)
- netafull (22)
- network (40)
- news (212)
- nhk (20)
- no_tag (199)
- node.js (56)
- novel (26)
- npm (38)
- nuclear (363)
- office (23)
- online (37)
- oocss (27)
- opensource (124)
- opera (192)
- optimize (45)
- osx (154)
- package (36)
- parallax (46)
- password (22)
- pdf (43)
- peace (27)
- performance (132)
- person (25)
- philosophy (27)
- photo (284)
- photographer (22)
- photography (42)
- photoshop (250)
- php (319)
- phpspot (25)
- pixel (46)
- player (21)
- plugin (777)
- png (40)
- podcast (62)
- politics (462)
- pop*pop (25)
- portal (101)
- portfolio (89)
- presentation (79)
- print (43)
- processing (32)
- programming (491)
- project (21)
- psd (35)
- radio (34)
- react (46)
- reader (27)
- recipe (74)
- reference (150)
- regexp (26)
- religion (37)
- resize (22)
- resource (87)
- responsive (187)
- review (22)
- riot.js (95)
- rss (64)
- ruby (47)
- safari (47)
- sass (113)
- schedule (21)
- science (236)
- screenshot (32)
- script (22)
- scroll (85)
- search (229)
- searchengine (26)
- security (333)
- seo (219)
- server (100)
- service (88)
- share (38)
- sharing (19)
- shop (50)
- shopping (60)
- shortcut (76)
- showcase (194)
- simple (21)
- sketch (420)
- skin (22)
- sleep (61)
- slider (50)
- slideshow (90)
- smartphone (125)
- snippet (19)
- sns (109)
- soccer (21)
- social (110)
- society (22)
- sound (84)
- space (52)
- specialtycoffee (68)
- sports (31)
- sprite (25)
- ssl (21)
- stockphoto (47)
- storage (44)
- streaming (28)
- stretch (46)
- sublimetext (111)
- svg (221)
- sync (29)
- syntax (24)
- system (20)
- tab (55)
- table (26)
- task (25)
- technology (69)
- template (82)
- terminal (93)
- test (27)
- text (66)
- theme (168)
- time (22)
- tips (720)
- todo (28)
- togetter (207)
- tokyo (21)
- tool (606)
- touch (23)
- translation (34)
- travel (30)
- trend (23)
- tumblr (26)
- tutorial (171)
- tv (78)
- tween (25)
- twitter (381)
- typography (128)
- ud_reference (71)
- ui (448)
- unix (20)
- url (30)
- usability (46)
- userscript (20)
- utility (43)
- ux (56)
- validate (34)
- vector (63)
- video (411)
- virtualbox (21)
- virus (24)
- visualization (32)
- vscode (20)
- vue.js (30)
- w3c (22)
- wallpaper (56)
- web (234)
- web2.0 (70)
- webapp (86)
- webdesign (1322)
- webdev (1622)
- webfont (61)
- webgl (37)
- webkit (39)
- webpack (29)
- webservice (338)
- webstandards (23)
- wi-fi (29)
- widget (73)
- wiki (58)
- wikipedia (316)
- wimax (26)
- windows (83)
- wireframe (31)
- word (36)
- wordpress (1101)
- work (124)
- working (350)
- writing (42)
- wunderlist (38)
- x11 (28)
- xhtml (38)
- yahoo (23)
- yosemite (20)
- youtube (165)
- あとで読む (4765)
- あとで読む (4765)
- css (1866)
- javascript (1775)
- design (1764)
- app (1668)
- webdev (1622)
- webdesign (1322)
- wordpress (1101)
- neta (859)
- mac (846)
Fluidに関するnibushibuのブックマーク (5)
-
nibushibu 2012/04/04
(Web制作ネタ)フレームワーク乱立してるなー- html5
- Fluid
- css
- framework
リンク -
-
Tiny Fluid Grid - Build Fluid grid based websites
Aptoide APK is the best alternative to Google Play Store, where you can download paid applications and games for free. There might be plenty of alternatives to the Play Store, but some of them come with threats or malware. If you install those apps on your … Here’s a step-by-step guide to Making NJ Surcharge and Traffic Ticket Payments Online. In this blog post, I will introduce you to a useful on
-
The 1140px CSS Grid System - Fluid down to mobil
A 1140px wide, 12 column grid. Fluid all the way down to a mobile version. The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser. Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense. Scrap 1024! Des
-
Fluid – Turn any webpage into a real Mac App
Version 2.1. Just a svelte 6.3 MB download. Requires Mac OS 10.12 or later. Web applications like Gmail, Facebook, Campfire and Pandora are becoming more and more like desktop applications every day. Running each of these web apps in a separate tab in your browser can be a real pain. Fluid lets you create a Real Mac App (or "Fluid App") out of any website or web application, effectively turning yo
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx