background preloader

#haml

#haml

Hacker News | Founders who can't code An advise to founders who can't code If you are a business/idea guy and looking for a technical co founder, stop. Stop right now. Take 6 months off and go learn how to code (day and night, weekends including). Most web apps do little besides save, show and update data. The reason why most technical cofounders can create great products is not because they have a deep domain knowledge or they are great hackers. Here is the thing, 1 year from now, you will still have plenty ideas. Stop and go learn. Note 1: If your idea is to build something truly technically challenging, then scratch my advice. Note 2: Off course all the above would mean little if I wasn't the marketer/business/idea/support/whatever guy who spent the past few months learning.

Markdown Download Markdown 1.0.1 (18 KB) — 17 Dec 2004 Introduction Markdown is a text-to-HTML conversion tool for web writers. Thus, “Markdown” is two things: (1) a plain text formatting syntax; and (2) a software tool, written in Perl, that converts the plain text formatting to HTML. The overriding design goal for Markdown’s formatting syntax is to make it as readable as possible. The best way to get a feel for Markdown’s formatting syntax is simply to look at a Markdown-formatted document. (You can use this ‘.text’ suffix trick to view the Markdown source for the content of each of the pages in this section, e.g. the Syntax and License pages.) Markdown is free software, available under a BSD-style open source license. Discussion List I’ve set up a public mailing list for discussion about Markdown. It’s my hope that the mailing list will lead to good ideas for future improvements to Markdown. Installation and Requirements Markdown requires Perl 5.6.0 or later. Movable Type Blosxom BBEdit Configuration

The Shapes of CSS Learn Development at Frontend Masters CSS is capable of making all sorts of shapes. Squares and rectangles are easy, as they are the natural shapes of the web. Add a width and height and you have the exact size rectangle you need. We also get the ::before and ::after pseudo elements in CSS, which give us the potential of two more shapes we can add to the original element. Square Rectangle Circle Oval Triangle Up Triangle Down Triangle Left Triangle Right Triangle Top Left Triangle Top Right Triangle Bottom Left Triangle Bottom Right Curved Tail Arrow via Ando Razafimandimby Trapezoid Parallelogram Star (6-points) Star (5-points) via Kit MacAllister Pentagon Hexagon Octagon Heart via Nicolas Gallagher Infinity via Nicolas Gallagher Diamond Square via Joseph Silber Diamond Shield via Joseph Silber Diamond Narrow via Joseph Silber Cut Diamond via Alexander Futekov Egg Pac-Man Talk Bubble RSS Feed via Kevin Huff 12 Point Burst via Alan Johnson 8 Point Burst via Alan Johnson Yin Yang via Alexander Futekov TV Screen Lock

How to Start a Startup March 2005 (This essay is derived from a talk at the Harvard Computer Society.) You need three things to create a successful startup: to start with good people, to make something customers actually want, and to spend as little money as possible. And that's kind of exciting, when you think about it, because all three are doable. If there is one message I'd like to get across about startups, that's it. The Idea In particular, you don't need a brilliant idea to start a startup around. Google's plan, for example, was simply to create a search site that didn't suck. There are plenty of other areas that are just as backward as search was before Google. For example, dating sites currently suck far worse than search did before Google. An idea for a startup, however, is only a beginning. Another sign of how little the initial idea is worth is the number of startups that change their plan en route. Ideas for startups are worth something, certainly, but the trouble is, they're not transferrable.

Animate your HTML5 previous next action action = on most slides, something happens when you click (especially slides 4, 9, 19, 31 and 38 :-) Martin Gorner GDG DevFest Berlin 2013 CSS3 Transitions CSS3 Animations 2D geometric transforms Full list of 2D transform functions: rotate, scale, skew, translate, matrix 1. -webkit-transition: -webkit-transition-delay: -webkit-transition-duration: -webkit-transition-timing-function: -webkit-transition-property: 2. -webkit-animation: -webkit-animation-delay / duration / timing-function: -webkit-animation-name: foo => @keyframes foo { from {} to {}} -webkit-animation-direction: -webkit-animation-fill-mode: -webkit-animation-iteration-count: 3. -webkit-transform: rotate / scale / skew / translate / matrix 3D geometric transforms translateX, Y, Z, rotateX, Y, Z, matrix3d -webkit-transform: translateZ(150px) /* first picture */ -webkit-transform: translateZ(-150px) /* second picture */ -webkit-transform: rotateY(360deg) /* their container */ Perspective -webkit-perspective: 1000px; !

CoffeeScript CSS Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development. HTML5 doctype Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects. <!doctype html><html lang="en"> ... Mobile first With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>. You can disable zooming capabilities on mobile devices by adding user-scalable=no to the viewport meta tag. Bootstrap sets basic global display, typography, and link styles. Set background-color: #fff; on the body Use the @font-family-base, @font-size-base, and @line-height-base attributes as our typographic base Set the global link color via @link-color and apply link underlines only on :hover These styles can be found within scaffolding.less. Normalize.css Containers

Practical Tips for Hiring Ruby Web Developers The topic of 'hiring' always generates a lot of discussion. And why not? Talking about hiring is a convenient way to pass judgment on large groups of people while keeping a professional, detached demeanor.. This post is for those who handle the technical evaluation necessary to hire candidates, especially in the Ruby and Rails scenes, although the overall strategies are language-agnostic (though I'd hope if you're hiring folks to work on missiles and nuclear power plants, all bets are off). This is a guest post by Tim Goh of Trikeapps, an Australian software development company. Some Structure While hiring processes differ, I'm organizing my advice by the following components that, assumedly, most processes include: the job posting itselfthe coding testthe phone screen The Job Posting You need a permanent "Careers" page You should have a permanent careers page on your company site and constantly correspond with candidates, even if you're not hiring at the time. Include a filter question

CSS reference style-rule ::= selectors-list { properties-list } ... where : selectors-list ::= selector[:pseudo-class] [::pseudo-element] [, selectors-list] properties-list ::= [property : value] [; properties-list] See the index of selectors, pseudo-classes, and pseudo-elements below. Style rule examples For a beginner-level introduction to the syntax of selectors, see our guide on CSS Selectors.

Related: