Web design (CSS) question: how can I make something like this?

Web design (CSS) question: how can I make something like this?
by

1 Answer

Answer :

Looks like it’s based on Cargo Collective’s Montessori template and using their tools. They’ve modified it some to use some more concepts from brutalism, but it looks like all the main functionality would be there if you wanted to do the same.
by

Related questions

What's the best way to redesign and test a website's CSS that you don't control?

Description : What's the best way to redesign and test a website's CSS that you don't control?

Last Answer : Turn your own machine into a webserver. http://www.apachefriends.org/en/xampp.html

Implementing CSS @font-face from start to finish?

Description : Implementing CSS @font-face from start to finish?

Last Answer : The files you're looking for are the EOT and OTF/TTF (interchangeable here) files. The other src values are saying if they already have this font then sweet, just use that. IE ... software for converting OTF into EOT here: http://www.microsoft.com/typography/web/embedding/weft3/download.aspx

When designing under css, what techniques do you guys use to test across different browsers?

Description : When designing under css, what techniques do you guys use to test across different browsers?

Last Answer : I kinda open it in different browsers.

Who is the CSS Guy?

Description : Who is the CSS Guy?

Last Answer : I am.

Does the tag 'vertical-align' actually work in CSS?

Description : Does the tag 'vertical-align' actually work in CSS?

Last Answer : answer:This might help. Sorry, it isn’t in English but it shouldn’t be hard to understand. http://css-happylife.com/template/centering/

What are some great CSS sites?

Description : What are some great CSS sites?

Last Answer : answer:Stu Nicholls really experiments with CSS. Eric Meyer does a lot of interesting things as well. A List Apart has excellent, industry-changing articles.

How can I hide HTML elements using just CSS?

Description : How can I hide HTML elements using just CSS?

Last Answer : visibility: hidden; opacity: 0;

Does modern CSS allow for server-side font embedding?

Description : Does modern CSS allow for server-side font embedding?

Last Answer : answer:Depends on your definition of modern. Here's the code: [at]font-face { font-family: My Font ; src: url(myfont.ttf); } .header { font-family: Ace Crikey ; } However, it is ... does not validate under CSS 2.1. EDIT: This page looks like it offers some solutions to the compatibility problem.

Anyone know of good sites for understanding IE CSS issues?

Description : Anyone know of good sites for understanding IE CSS issues?

Last Answer : Try this one: IE’s Top 10 CSS Problems

What is the proper name for "notification bars" in web design?

Description : What is the proper name for "notification bars" in web design?

Last Answer : answer:Are you talking about a comfirmation pop-up message? Generally, when you're doing your use cases for a site, you would document the happy path actions of the user first, and account ... flow. Create the use case from that, and write your error messages or confirmation messaging from that.

Is there a one stop shop for all web design code?

Description : Is there a one stop shop for all web design code?

Last Answer : The best one-stop shopping is Google. In otherwords ‘No’. A lot of that depends on what platform you are using? Java vs .NET vs. ... will yield different sets of tools and tricks on different sites.

Should I pursue a career in web design?

Description : Should I pursue a career in web design?

Last Answer : I think that if you really feel like devoting your time to web designing then web designing is what you want. If it doesn't work out, there's always another day with new opportunities. I just looked at your ... , and you really have to want it to succeed. But i'm sure you'll do great, good luck!

Any one interested in web design want to check out my site?

Description : Any one interested in web design want to check out my site?

Last Answer : Hey to all looking. You should be able to add comments, it’s just not working for some reason. Tell me what you think of the UI though. I’ll look into the commenting problem.

What is the best way to start learning web design?

Description : What is the best way to start learning web design?

Last Answer : Pay attention to websites you like and try to identify what’s so great about them. I know ask-public has a great website design.

Which is the Best Sources to learn Web Design ?

Description : Which is the Best Sources to learn Web Design ?

Last Answer : A lot of people who I’ve talked to that are recently learning about HTML and CSS tell me that W3 Schools has some good information. Of course, the W3 itself has the best info on HTML (check out the “Learn” section on the sidebar) and CSS.

How to find web design tutorial on the web?

Description : How to find web design tutorial on the web?

Last Answer : What? What are you trying to accomplish?

I would like to learn how to design websites. Where do I start?

Description : I would like to learn how to design websites. Where do I start?

Last Answer : In seven years things have changed and awful lot. Your best bet is to start with learning XHTML and CSS. Semantic HTML and the separation of markup and presentation are very important topics ... complicated tasks, and are more difficult to get into without a gerat foundation in computer programming.

How can I make a site like this ask-public.com web 2.0-looking site?

Description : How can I make a site like this ask-public.com web 2.0-looking site?

Last Answer : answer:Read these articles.. http://blog.ask-public.com/blog/category/howd-they-do-that/ If that looks totally foreign to you might want to set your sights a little lower. You could try to have a site ... or Perl, or Python. It wouldn't be insanely hard. Just really time consuming. (Get my drift?)

What do I need to do to adapt my Web site to mobile devices?

Description : What do I need to do to adapt my Web site to mobile devices?

Last Answer : answer:(Link is broken. But it appears to be: mathed.org.) You could either try to use a mobile framework like bootstrap and do this yourself, or you could move all the content into a simple Wordpress site with a responsive theme/template.

From where I can buy web hosting in cheap rate?

Description : From where I can buy web hosting in cheap rate?

Last Answer : answer:Dreamhost.com and Bluehost.com get great reviews for Linux hosting. I needed inexpensive Windows hosting recently and I signed up for SmarterASP.net.

Whats a good prototyping tool for designing Web Layouts?

Description : Whats a good prototyping tool for designing Web Layouts?

Last Answer : answer:Huh? Why not just produce photoshop templates? Proof in PDF. Ask ETPro… he knows more than I.

Best Open Source Web Software for a small book club?

Description : Best Open Source Web Software for a small book club?

Last Answer : answer:It's not exactly lightweight, but Drupal can certainly handle all those things and much more. I usually recommend Drupal for things like this because it has a good combination of user-friendliness ... or Rails. Cue framework fanatics flaming for daring to compare their babies to a mere CMS.

How much does it take to start a dating website? Similar functionality to today's dating web sites. Who can create this for me?

Description : How much does it take to start a dating website? Similar functionality to today's dating web sites. Who can create this for me?

Last Answer : Too much to make it worth it. A dating site is only as good as the people you can find on it. Unless you’re going for a super specific niche that doesn’t already use another site this isn’t something you should do because it’s a good idea in your mind.

Web designers: is Dreamweaver CS4 worth it?

Description : Web designers: is Dreamweaver CS4 worth it?

Last Answer : It's definitely an easy way, but it's kind of limited in terms of building an unconventional site. e.g. in terms of tables and java. I think it is a good thing to use as a base and then build ... wouldn't know where to begin. I'm just speaking in terms of watching a friend use it a couple times.

Has anyone heard of the freelance web designer Travis Hall?

Description : Has anyone heard of the freelance web designer Travis Hall?

Last Answer : Hmmmm, I’ve never heard of him. If he is visiting and you don’t know what to think of him then perhaps you should just go check him out?

Recommended web site templates for small business?

Description : Recommended web site templates for small business?

Last Answer : There are no free outright professional web templates out there that I know of. You may need to subscribe to hosting in order to benefit from enjoying the limited available templates some hosting companies ... to work on your server. One I have used in the past is that from networksolutions.com

Can you help me find a fitting web Content Management System?

Description : Can you help me find a fitting web Content Management System?

Last Answer : I’m a big fan of Wordpress. wordpress.com is hosted on their servers, wordpress.org is hosted on yours.

What's the best web-based site builder that requires no coding and turns out professional results?

Description : What's the best web-based site builder that requires no coding and turns out professional results?

Last Answer : Try http://www.moonfruit.com/

How do I create this web effect (With Minimal Coding)?

Description : How do I create this web effect (With Minimal Coding)?

Last Answer : I would use LightBox v2 for this. It is pretty easy to get working. No javascript knowledge needed. It uses javascript but you don’t need to write any.

How to I find a good web designer for less than a fortune?

Description : How to I find a good web designer for less than a fortune?

Last Answer : Lefteh But wait till the election is over, he is swamped.

What's an appropriate finder's fee to charge for referring web work to freelancers?

Description : What's an appropriate finder's fee to charge for referring web work to freelancers?

Last Answer : As a designer, I’ve never seen “finder’s fees” in 25 years. If you are acting as Art Director or some kind of hands-on liason you’re eligible for a cut of the fee, but not for just passing along a referral.

I need help moving a web site from one server to another and I suck at all things tech...

Description : I need help moving a web site from one server to another and I suck at all things tech...

Last Answer : the cost depends on what it is you are wanting to do, if you are just moving it from one server to another it should be free (aside from the new server cost).

Take web screenshots for a website?

Description : Take web screenshots for a website?

Last Answer : What exactly are you trying to do? Implement it into a web app of yours? Or take screenshots of the web through an online interface?

What is the best web store tool?

Description : What is the best web store tool?

Last Answer : I’ve never actually used it, but I’ve heard lots about Zen Cart. It’s free and open source, as well.

Which elements cause trust on a web site?

Description : Which elements cause trust on a web site?

Last Answer : Buying an SSL certificate always helps if you’re going to be dealing with their data.

PHP/MySQL question.... (please read on)

Description : PHP/MySQL question.... (please read on)

Last Answer : Have you looked through these?

Geeky computer question - How do I keep Internet Explorer 6 in Windows installed if I update Windows itself?

Description : Geeky computer question - How do I keep Internet Explorer 6 in Windows installed if I update Windows itself?

Last Answer : If you go to Microsoft update website , you get a “custom installation” option as well as an “express installation”. Doesn’t the “custom” one give you the option not to upgrade IE6?

How to make a website like youtube?

Description : How to make a website like youtube?

Last Answer : Money. And, lots of it.

How to make a website like youtube?

Description : How to make a website like youtube?

Last Answer : Money. And, lots of it.

What can I do to make my site better?

Description : What can I do to make my site better?

Last Answer : answer:This is just a look at the design and there are some points where you could improve: Your menus are really nice, the social networking integration is well done too. I like the layout of the ... , good layout etc. most of my points are just nit-picking and tweaks/ error debugging. Good luck!

Can you give me advice on finding someone to make my website?

Description : Can you give me advice on finding someone to make my website?

Last Answer : answer:I may be interested, Between me and my partner we can do quite a lot of things, from HTML and CSS to flash and PHP. It depends on the project too, we have our own things that we work ... only pay after work is completed. Some people will want a deposit, but never pay for work until its done.

How to make a website with a menu that doesn't move?

Description : How to make a website with a menu that doesn't move?

Last Answer : Think you want to work with frames here. One smaller frame on the left and one bigger frame where the main content is. The scrolling comes when there is a lot of content in one fram. http://www.w3schools.com/HTML/html_frames.asp

How do I make an existing website in Dreamweaver center in the browser window?

Description : How do I make an existing website in Dreamweaver center in the browser window?

Last Answer : If all of your content is wrapped in a block-level element, then you can center them using CSS. Assuming with have a div with an id of wrapper , you could use the following CSS rules: div#wrapper { ... assigned some sort of specific width, or else its width is simply 100% and it won't be moved.

Is there a wordpress plugin that would allow me to put random quotes on my website (like ask-public has?)

Description : Is there a wordpress plugin that would allow me to put random quotes on my website (like ask-public has?)

Last Answer : answer:I don’t believe the ask-public quotes are random, in the sense they are auto generated. They are manually generated, but randomly displayed. Similar to what a wordpress random quote widget might provide.

What resource or service would you like to be able to find online for free?

Description : What resource or service would you like to be able to find online for free?

Last Answer : answer:A real certified IQ test, made by, like, Stephen Hawking or something. A website akin to Wikileaks for disgraced politicians, where we get to see exclusives on their latest illegalities and such A site ... people I think. Or maybe they have something like this already, that I don't know of.

What are some websites exactly like webs.com?

Description : What are some websites exactly like webs.com?

Last Answer : Do you know that real hosting is super cheap? I pay five dollars a month. Most free sites will vanish soon or inject ads into your site. Really, just give up the cup of coffee for one day per month and get real hosting.

How can I build a webpage that people can comment on pictures and recomend the ones they like?

Description : How can I build a webpage that people can comment on pictures and recomend the ones they like?

Last Answer : Open an account at Flickr or Photobucket

Why does ask-public have Users login with their published user names?

Description : Why does ask-public have Users login with their published user names?

Last Answer : answer:Honestly, there's probably no other reason than because that was the standard at the time. In 2006 (which is when the site launched), basically every website used a username to login. Even now, the vast ... such a ubiquitous login item? (I'm no web designer either, so I can't say for sure.)

Optimizing a Jquerymobile build for my needs?

Description : Optimizing a Jquerymobile build for my needs?

Last Answer : answer:I'm sure you saw it, but just in case. Please note that the jQuery Mobile Download Builder is still in alpha, and as such should not be used on production websites. But, let's see if we ... build than you want that works, then weed out the unneeded sections one at a time. Until it breaks.

WYSIWYG maker for making expandable blocks (show/ hide toggle blocks)?

Description : WYSIWYG maker for making expandable blocks (show/ hide toggle blocks)?

Last Answer : Wow. I have no idea, but should identify WYSIWYG as What You See Is What You Get for those who couldn’t figure it out.