View allAll Photos Tagged Bootstrap

We want to present you a simple and functional template “Progressive”. Optimized and intuitive code using the latest HTML5 and CSS3 technologies allows to make changes in the page structure of the template. Details on themeforest.

Here with my Vancouver homeboys from outsourcingthingsdone.com checking out the new crop of startups.

一小時 RWD 就上手(SUSY responsive grid for compass.)

 

(怎麼課程有三小時?因為要讓你練習啊!)

 

如果你

 

使用 bootstrap/foundation grid 之後,才發現它的 responsive grid 設定很腦殘。

想要控制每個中斷點(breakpoint)的欄位設計,而不只是一起縮小寬度或取消欄位而已。

想學習一套 mobile first 版面設計的最佳實踐方式。

 

那你就該來玩玩SUSY!

 

當全天下了無新意的使用 bootstrap/foundation 之後,聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書,該如何好好利用做出任意又靈活的 Responsive Web Design,從 SUSY 入門是一個非常棒的選擇,從初學到客製化排版系統,一小時就能上手。

Blogged.

 

Pattern review.

 

Made with a Anne Marie Horner lawn (the stripe) and a lawn by Cotton + Steel purchased from www.fabric.com/buy/0395399/cotton-steel-tokyo-train-ride-....

一小時 RWD 就上手(SUSY responsive grid for compass.)

 

(怎麼課程有三小時?因為要讓你練習啊!)

 

如果你

 

使用 bootstrap/foundation grid 之後,才發現它的 responsive grid 設定很腦殘。

想要控制每個中斷點(breakpoint)的欄位設計,而不只是一起縮小寬度或取消欄位而已。

想學習一套 mobile first 版面設計的最佳實踐方式。

 

那你就該來玩玩SUSY!

 

當全天下了無新意的使用 bootstrap/foundation 之後,聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書,該如何好好利用做出任意又靈活的 Responsive Web Design,從 SUSY 入門是一個非常棒的選擇,從初學到客製化排版系統,一小時就能上手。

Full Responsive Page Design

The tools/languages we use:

- HTML5

- CSS3

- Bootstrap4

- Javascript/JQuery

- PhotoShop/Brackets

A day filled with games, team building and fun learning activities and food, all at one place!

A powerful Drupal theme to power your education-oriented site.

 

Ideal for universities & university departments, schools, seminars and online courses.

 

www.morethanthemes.com

The last Pine Grosbeak photo of the day, sitting on the bird feeder, only a metre from the camera.

Bootstrap Annexe

Bootstrap Services (Blackburn) Ltd are the trading arm of Bootstrap Enterprises and incorporate Accountancy Services. This department comprises two full time and one part time member of staff and provides full bookkeeping, payroll and accountancy preparation services for the charitable and community business sector.

www.bootstrap.org.uk/social.cfm

After visiting the café where Bootstrap.pl was held, we passed this line in the ground, and I asked my companions about it. Turns out, it is quite a story.

A powerful Drupal theme to power your education-oriented site.

 

Ideal for universities & university departments, schools, seminars and online courses.

 

www.morethanthemes.com

Blogged.

 

Pattern review.

 

Made with a Anne Marie Horner lawn (the stripe) and a lawn by Cotton + Steel purchased from www.fabric.com/buy/0395399/cotton-steel-tokyo-train-ride-....

This is Bootstrap Bill, a stray cat we found living in our garage last winter. He is a character! He hardly ever purrs, and loves to stage ambush attacks on Blackie and Shoney, our two dogs - and sometimes on us people too!

Handstitching to finish the inner lower edge of the collarstand.

 

Blogged.

 

Pattern review.

 

Made with a Anne Marie Horner lawn (the stripe) and a lawn by Cotton + Steel purchased from www.fabric.com/buy/0395399/cotton-steel-tokyo-train-ride-....

Majority consensus maximum likelihood tree (250 bootstrap replicates) based on comparison of all analyzed protein markers, showing the relationships between the analyzed spounaviruses.Branch labels indicate their percent bootstrap support. Leaves are colored by proposed in-subfamily clustering: blue ? Bastille group, green ? Twort group, red ? Bacillus phage SPO1. Abbreviations include name of host taxon (Ba ? Bacillus, Bx ? Brochothrix, En ? Enterococcus, Lb ? Lactobacillus, Li ? Listeria, St ? Staphylococcus) and the bacteriophage name. All analyzed sequences are listed in Table S1.

Dodging the rain and catching up on my feeds

Corporate website for Algomin.

A powerful Drupal theme to power your education-oriented site.

 

Ideal for universities & university departments, schools, seminars and online courses.

 

www.morethanthemes.com

Blogged.

 

Pattern review.

 

Made with a Anne Marie Horner lawn (the stripe) and a lawn by Cotton + Steel purchased from www.fabric.com/buy/0395399/cotton-steel-tokyo-train-ride-....

Faux Suede on the inside collar - easier and itch free against the neck. The colors were a great match...can barely tell the difference in this photo, but the suede is a tad, just a scooch, lighter.

Covered buttons are the Dritz kits, machine button holes.

一小時 RWD 就上手(SUSY responsive grid for compass.)

 

(怎麼課程有三小時?因為要讓你練習啊!)

 

如果你

 

使用 bootstrap/foundation grid 之後,才發現它的 responsive grid 設定很腦殘。

想要控制每個中斷點(breakpoint)的欄位設計,而不只是一起縮小寬度或取消欄位而已。

想學習一套 mobile first 版面設計的最佳實踐方式。

 

那你就該來玩玩SUSY!

 

當全天下了無新意的使用 bootstrap/foundation 之後,聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書,該如何好好利用做出任意又靈活的 Responsive Web Design,從 SUSY 入門是一個非常棒的選擇,從初學到客製化排版系統,一小時就能上手。

Corporate website for Algomin.

一小時 RWD 就上手(SUSY responsive grid for compass.)

 

(怎麼課程有三小時?因為要讓你練習啊!)

 

如果你

 

使用 bootstrap/foundation grid 之後,才發現它的 responsive grid 設定很腦殘。

想要控制每個中斷點(breakpoint)的欄位設計,而不只是一起縮小寬度或取消欄位而已。

想學習一套 mobile first 版面設計的最佳實踐方式。

 

那你就該來玩玩SUSY!

 

當全天下了無新意的使用 bootstrap/foundation 之後,聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書,該如何好好利用做出任意又靈活的 Responsive Web Design,從 SUSY 入門是一個非常棒的選擇,從初學到客製化排版系統,一小時就能上手。

Here with my Vancouver homeboys from outsourcingthingsdone.com checking out the new crop of startups.

Perfect collaboration between bootstrap, xDetailView, GroupGridView in real accouting application.

  

it is just too wonderful....

一小時 RWD 就上手(SUSY responsive grid for compass.)

 

(怎麼課程有三小時?因為要讓你練習啊!)

 

如果你

 

使用 bootstrap/foundation grid 之後,才發現它的 responsive grid 設定很腦殘。

想要控制每個中斷點(breakpoint)的欄位設計,而不只是一起縮小寬度或取消欄位而已。

想學習一套 mobile first 版面設計的最佳實踐方式。

 

那你就該來玩玩SUSY!

 

當全天下了無新意的使用 bootstrap/foundation 之後,聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書,該如何好好利用做出任意又靈活的 Responsive Web Design,從 SUSY 入門是一個非常棒的選擇,從初學到客製化排版系統,一小時就能上手。

Webpy Howto

 

For the moment I'm going to try using Webpy. Why?

 

Well I like the fact that Aaron could get an app up quickly without having to make lots of adjustments to existing code. I'm not so sure this is the case with django. Which bits can you use? What bits are being left out?

 

I suppose the biggest problem I have with django is the size of the codebase you have to upload. More code, more moving parts and the greater chance for something to go wrong. Plus the fact you have to use a hack to even start (django_bootstrap.py). I don't think this is the real problem though. The real problem starts when you have to set up your local application and try to get it to run on appengine. There is a couple of little tricks & problems I've found. The approach is far from seamless and prone to error that will compound adding large frameworks. Not a show stopper but annoying enough to slow you down. The google developers are really pulling the stops out for django support so don't assume not choosing django now will stop me using it in the future.

 

Problems

 

The following solutions below should give you enough information to get webpy up and running. If you have an questions thow a question to this google app-engine thread, twitter.com/bootload or email me. Below is a list of the problems you will encounter.

 

1) Cannot run webpy locally:

 

I've encountered a few problems. The first is "how do you run webpy locally?" The problem is you may have webpy installed, the webpy code (web tree) in your current directory. But how does your local code find it? [1] Hidden in the documentation is a hint to make a symbolic link to the code you wish to use. Here is how:

 

* We wish to use Webpy and "import web"

 

* make sure you have a copy of "bzr" (debian/ubuntu): "apt-get install bzr"

 

* download the latest (0.3) webpy install version (0.3): "bzr get webpy.org/bzr/webpy.dev/;

 

* install the latest webpy, cd into webpy.dev & install: "python setup.py install"

 

* in the directory you have installed your app-engine client, create a symbolic link to a newly created directory called "web" to your webpy installation.

 

* ln -s /usr/lib/python2.5/site-packages/web web

 

The result is something like this with the app-engine code, your code (helloworld & hellowebpy).

drwxr-xr-x 12 fb fb 4096 2008-04-18 20:09 .

drwxr-xr-x 18 fb fb 4096 2008-04-14 21:23 ..

-r-xr-xr-x 1 fb fb 1595 2008-04-03 11:05 appcfg.py

-r--r--r-- 1 fb fb 154 2008-04-03 11:05 BUGS

drwxr-xr-x 4 fb fb 4096 2008-04-16 22:16 demos

-r-xr-xr-x 1 fb fb 1713 2008-04-16 16:59 dev_appserver.py

drwxr-xr-x 5 fb fb 4096 2008-04-14 22:05 google

drwxr-xr-x 8 fb fb 4096 2008-04-03 11:05 google_appengine

drwxr-xr-x 6 fb fb 4096 2008-04-18 11:47 hellowebpy

drwxr-xr-x 6 fb fb 4096 2008-04-16 15:57 helloworld

drwxr-xr-x 5 fb fb 4096 2008-04-03 11:05 lib

-r--r--r-- 1 fb fb 4348 2008-04-03 11:05 LICENSE

drwxr-xr-x 2 fb fb 4096 2008-04-09 13:55 new_project_template

-r--r--r-- 1 fb fb 3476 2008-04-03 11:05 README

drwxr-xr-x 2 fb fb 4096 2008-04-09 13:55 templates

drwxr-xr-x 2 fb fb 4096 2008-04-09 13:55 tools

-r--r--r-- 1 fb fb 57 2008-04-03 11:05 VERSION

lrwxrwxrwx 1 fb fb 36 2008-04-16 23:11 web -> /usr/lib/python2.5/site-packages/web

 

This now allows you to run your webpy code on the development machine.

 

2) Run webpy remotely :

 

In your source code directory (in my case, hellowebpy) take a copy of the webpy.dev/web directory and paste it into hellowebpy/. The result is something like this:

drwxr-xr-x 6 fb fb 4096 2008-04-18 20:24 .

drwxr-xr-x 12 fb fb 4096 2008-04-18 20:09 ..

-rw-r--r-- 1 fb fb 223 2008-04-18 11:05 app.yaml

-rwxr--r-- 1 fb fb 844 2008-04-13 23:23 favicon.ico

-rw-r--r-- 1 fb fb 448 2008-04-18 11:47 hello.py

drwxr-xr-x 2 fb fb 4096 2008-04-18 11:07 images

-rw-r--r-- 1 fb fb 471 2008-04-18 11:47 index.yaml

drwxr-xr-x 2 fb fb 4096 2008-04-18 11:07 styles

drwxr-xr-x 2 fb fb 4096 2008-04-18 10:57 templates

drwxr-xr-x 4 fb fb 4096 2008-04-18 11:08 web

 

* cd up to the root directory with appcfg.py

* upload your code + the webpy "web" code using appcfg.py: "./appcfg --noisy -e foo@bar.com update hellowebpy/" (remember to use your email address)

 

3) Problems with errors and c-based code :

 

If you have installed code like Cheetah you will get an error saying you cannot run c-based code. The reason is the dev_appserver.py code assumes the Cheetah code you have is trying to make a call to some cPython code, strop (a C based, string library optomised for speed). [3] The solution is to un-install Cheetah from your system. The google app-engine code base has a modified version of Cheetah removing all C code based routines. Be warned.

 

4) Problems uploading new code? :

 

I've had problems updating code sometimes. I suspect caching is the problem. So go to your root directory in your account and search for ".app*". You should see the following files, .appcfg_cookies and .appcfg_nag. Delete them both. Create a new directory, delete the index.yaml and copy your old code into the new directory. Then re-run the upload sequence ... "./appcfg --noisy -e foo@bar.com update new_directory_with_your_code/"

 

Following these steps should allow you to run webpy. Remember the example Aaron shows is for version 0.3. It was mentioned in the google-appengine webpy post others managed to get 0.23 to work. Try what they suggest. The example code works as shown for 0.3.

 

Have fun.

 

Reference

 

[1] Google App Engine, Pure Python, "... You can include other pure Python libraries with your application by putting the code in your application directory. If you make a symbolic link to a module's directory in your application directory, appcfg.py will follow the link and include the module in your app ..."

 

code.google.com/appengine/docs/python/purepython.html

 

[2] Python docs, "common string manipulations, optimized for speed called by "import string" /usr/local/lib/python2.4/lib-dynload/strop.so"

 

pydoc.org/2.4.1/strop.html

 

<<< start

A powerful Drupal theme to power your education-oriented site.

 

Ideal for universities & university departments, schools, seminars and online courses.

 

www.morethanthemes.com

Yarrr, the cursed scurvy dog of a monkey be runnin' off with the last flagon of Olde Bessie Compton's Rotgut Rum and ye band of thirsty (sometimes bloodthirsty) buccaneers be chasin' it wi' their minds aset to slicin' 'is filthy gizzards! ARRRRR!

Maximum likelihood phylogeny of ?9 desaturases in only social Hymenoptera.Bootstrap values greater than 50 are shown on the tree. Branches with a bootstrap value under 50 are collapsed to show unresolved parts of the tree and underline supported clades. Clades shown with vertical red bars correspond to well-supported clades chosen to perform selection analysis. Non-ant social insect desaturase sequences are shown in pink (Bter: Bombus terrestris; Bimp: Bombus impatiens; Amel: Apis mellifera; Aflo: Apis floridanus). Ant desaturase sequences are shown in red (Hsal: Harpegnathos saltator; Lhum: Linepithema humile; Cflo: Camponotus floridanus; Fexs: Formica exsecta; Pbar: Pogonomyrmex barbatus; Acep: Atta cephalotes; Aech: Acromymex echinatior; Sinv: Solenopsis invicta).

pictionid57358521 - catalog14039451 - titleatlas 72d details missile 72d lox bootstrap flexline date 03031966 - filename14039451.jpgImages from the Convair/General Dynamics Astronautics Atlas Negative Collection. The processing, cataloging and digitization of these images has been made possible by a generous National Historical Publications and Records grant from the National Archives and Records Administration---Please Tag these images so that the information can be permanently stored with the digital file.---Repository: San Diego Air and Space Museum

My friend Abi gifted me this yardage; I sewed it up on my grandmother's 1950 Singer 15-91.

 

I've blogged a little about construction; I am proud of this coat. It is underlined in flannel and features five hidden pockets, a padded hem, bust and back waist darts, and a bias-blocked sleeve.

 

My grandmother personified both a mature and rugged personal style, as well as a pirate-mouth! :) I miss her very much.

一小時 RWD 就上手(SUSY responsive grid for compass.)

 

(怎麼課程有三小時?因為要讓你練習啊!)

 

如果你

 

使用 bootstrap/foundation grid 之後,才發現它的 responsive grid 設定很腦殘。

想要控制每個中斷點(breakpoint)的欄位設計,而不只是一起縮小寬度或取消欄位而已。

想學習一套 mobile first 版面設計的最佳實踐方式。

 

那你就該來玩玩SUSY!

 

當全天下了無新意的使用 bootstrap/foundation 之後,聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書,該如何好好利用做出任意又靈活的 Responsive Web Design,從 SUSY 入門是一個非常棒的選擇,從初學到客製化排版系統,一小時就能上手。

Blogged.

 

Pattern review.

 

Made with a Anne Marie Horner lawn (the stripe) and a lawn by Cotton + Steel purchased from www.fabric.com/buy/0395399/cotton-steel-tokyo-train-ride-....

Blogged.

 

Pattern review.

 

Made with a Anne Marie Horner lawn (the stripe) and a lawn by Cotton + Steel purchased from www.fabric.com/buy/0395399/cotton-steel-tokyo-train-ride-....

Blogged.

 

Pattern review.

 

Made with a Anne Marie Horner lawn (the stripe) and a lawn by Cotton + Steel purchased from www.fabric.com/buy/0395399/cotton-steel-tokyo-train-ride-....

一小時 RWD 就上手(SUSY responsive grid for compass.)

 

(怎麼課程有三小時?因為要讓你練習啊!)

 

如果你

 

使用 bootstrap/foundation grid 之後,才發現它的 responsive grid 設定很腦殘。

想要控制每個中斷點(breakpoint)的欄位設計,而不只是一起縮小寬度或取消欄位而已。

想學習一套 mobile first 版面設計的最佳實踐方式。

 

那你就該來玩玩SUSY!

 

當全天下了無新意的使用 bootstrap/foundation 之後,聰明人就該跳出來自己設計網站了。其實 CSS3 的 media query 只是一個規格書,該如何好好利用做出任意又靈活的 Responsive Web Design,從 SUSY 入門是一個非常棒的選擇,從初學到客製化排版系統,一小時就能上手。

1 2 3 5 7 ••• 79 80