반응형
반응형

Emergent Web Technologies Spring 2013

Tuesdays, 6:30 PM - 9:20 PM

 

http://iam.colum.edu/Jon.Petto/classes/ewt/

 

 

 

Week 1

Getting Started - HTML5, CSS, & JavaScript

View lesson »

 

Week 2

Git & GitHub

View lesson »

 

 

Week 3

Responsive Design, Part 1

View lesson ›

 

Week 4

Responsive Design, Part 2

View lesson ›

 

Week 5

Media Query Review & Sass

View lesson ›

 

Week 6

More Transitions, CSS Effects & Columns

View lesson ›

 

 

Week 7

Floats, Box Sizing, & Midterm Workshop

View lesson ›

 

Week 8

Midterm Workshop/Presentations

 

 

Week 9

GitHub Forking & AJAX

View lesson ›

 

Week 10

AJAX w/JSON & JavaScript Templates

View lesson ›

 

 

Week 11

CSS 3D Transforms & Animations

View lesson ›

 

Week 12

Google Maps & Geolocation

View lesson ›

 

 

Week 13

Web Sockets

View lesson ›

 

 

반응형
반응형

UI 는 UX 가 아니다.

 

 

http://naridy.egloos.com/m/4804522


http://snowfox101.blog.me/20148562785

 

사진 보면 완전 이해.

http://takoratta.hatenablog.com/entry/20120503/1336015326

반응형
반응형

CSS text-indent Property


첫 문장 들여쓰기

Example

Indent the first line of paragraphs with 50 pixels:

p
{
text-indent:50px;
}

Try it yourself »

Definition and Usage

The text-indent property specifies the indentation of the first line in a text-block.

Note: Negative values are allowed. The first line will be indented to the left if the value is negative.

Default value: 0
Inherited: yes
Version: CSS1
JavaScript syntax: object.style.textIndent="50px"


Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

The text-indent property is supported in all major browsers.

Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".


Property Values

Value Description Play it
length Defines a fixed indentation in px, pt, cm, em, etc. Play it »
% Defines the indentation in % of the width of the parent element Play it »
inherit Specifies that the value of the text-indent property should be inherited from the parent element


Related Pages

CSS tutorial: CSS Text

HTML DOM reference: textIndent property

반응형
반응형

CSS Modal — Pure CSS modal windows

 

http://drublic.github.io/css-modal/

 

 

CSS Modal lets you build modal windows entirely in CSS, without any JavaScript necessary. It works with all screen sizes, and can even be used as a Sass plugin.

css modals

 

Homepage: http://drublic.github.io/css-modal/
GitHub: https://github.com/drublic/css-modal

 

Built with pure CSS

CSS Modal is built out of pure CSS. JavaScript is only for sugar. This makes them perfectly accessible.

Optimized for mobile

The modals are designed using responsive web design methods. They work on all screen sizes from a small mobile phone up to high resolution screens.

Use as Sass plugin

You can use CSS Modal as Sass plugin and apply it to your custom classes. No need to understand all the code.

A few other advantages: accessible, cross-browser, media-adaptive, small and fast!

 

 

반응형
반응형

Free PSD Responsive Web Templates

Post image of Free PSD Responsive Web Templates

 

 

What is Responsive Web Design (RWD)? Responsive Web Design is the answer to the easy accessibility which is both efficient and profitable. In cases where a site cannot be viewed on laptop and desktop systems or on tablets and Smartphone, all of which happen to come in wide range of screen sizes and resolutions, that it almost comes to the same as to it not being viewed at all. When it comes to dealing about this issue of accessibility, which is against the whole idea of having the presence of the internet and giving rise to various issues, it becomes imperative that we come up with effective solutions.

Responsive website development is easier then ever. Responsive Web Design is making the web design more powerful in different areas. Fast, Secure, Responsive, Interactive and beautiful. Responsive Web Design have many features that allow developers and designers to create apps and websites with the functionality, speed, performance, and experience of desktop applications.

As we know Responsive Web Designing are more popular day by day and designers are looking for Responsive Web Templates for their web project. So here we are put to gathered a fresh collection of Free Responsive Web Templates with PSD Files which can use for both personal and commercial projects.

You may be interested in the following modern trends related articles as well.

Free Responsive Web Templates with PSD

Today we’re gathered a list of Free PSD Templates for Responsive Web Design. Let’s take a quick look at some amazing new trend web templates to keep in mind when designing your next web project.

Prechu – Responsive PSD Template free

Prechu is a beautiful responsive website template, the download version included two designs version for desktop and mobile. The design is well crafted moden stylish template, you can use it for almost any purposes.

Free PSD Responsive Web Templates 2013

Source

Responsive HTML5/CSS3 Website Template

Free responsive HTML5/CSS3 template. This template is a good example of Responsive Web Design. You can use it absolutely free of charge.

Free PSD Web Templates 2013

Source

Parallelism Responsive Html5 Theme

Free PSD Web Templates 2013

Source

Zeni Responsive HTML 5 Portfolio Template

Zeni works great for creative’s portfolio, blog and corporative and business sites. We’re working on a WordPress version, stay tuned!

Free PSD Web Templates 2013

Source

FlexApp – Responsive Website Template For Your Mobile App

FlexApp is a free, fully responsive website template for marketing your mobile application. The design uses CSS3 to scale the content proportionally to whatever device is being used. Give it a try by resizing your browser!

Free PSD Web Templates 2013

Source

Liguid Gem – A fully responsive HTML portfolio template

Liquid Gem utilises CSS media queries and percentage layouts to give a completely responsive design. It also includes an image carousel, a fully working PHP contact form and a sample work page.

Free PSD Web Templates 2013

Source

Serendipity – Free Responsive HTML Template

Serendipity comeup with the HTML version of our fully responsive premium WordPress theme. (Free for only personal use.) If you are not feeling good about HTML and would like to have the theme with an admin panel along with gallery featuring Tumblr-like lightbox, working contact form and font/color/background options, WordPress version of Serendipity is what you are looking for.

Free PSD Web Templates 2013

Source

Proximet – Free responsive website template

Proximet is a free HTML5 /CSS3 Responsive Template. It is compatible with Major Browsers, Smartphones and Tablets. Just resize the browser window to see it in action! It is based on 960 grid and elegantly scales down to downsized browser windows, tablets, mobile phones (in landscape and portrait). And it is responsive. Designed by Ana.

Free PSD Web Templates 2013

Source

Folder – Responsive Showcase Perfect for Creatives and Designers

Folder is a responsive HTML 5 template that adapts to any devices and browser sizes. Perfect for creatives showcase and business. Its retro and minimal design gives importance to the content and gives a friendly air to the visitors.

Free PSD Web Templates 2013

Source

Legend – Free Responsive Bootstrap Template

Legend is multi-purpose responsive one page template built on Twitter Bootstrap. You can use this template as a landing page, online portfolio for creative folks or even as a business theme.

Free PSD Web Templates 2013

Source

Codester – Free Responsive Bootstrap Template

Codester is an awesome responsive Bootstrap template released for free. It is basically a portfolio template for creative people like designers, photographers, graphics artists and more. But with some basic customization you can actually transform this template into your desired website. Codester comes with complete customizable package including latest JavaScript, Scaffolding, Base CSS and Components.

Free PSD Web Templates 2013

Source

Verti – Responsive Html5 Theme

This is Verti, a free and fully responsive HTML5 site template by HTML5 Up! It’s built on 5grid, which means it’s easy to customize and works very nicely on mobile devices (try it for yourself — size the window down and hit reload). Like everything else at HTML5 Up!, Verti is released under the Creative Commons Attribution license, so feel free to use it for pretty much anything you want (be it a personal project or a commercial venture), just don’t forget to credit us!

Free PSD Web Templates 2013

Source

Brownie – Free Responsive HTML5 Portfolio / Business Website Template

Created by using the latest HTML5 and CSS3 techniques, Brownie is a simple and clean Free Responsive HTML5 portfolio and business website template.

Free PSD Web Templates 2013

Source

It Fits – Free HTML5 CSS3 Responsive Template

Its an HTML5 CSS3 Responsive Template, with 5 pages excluding 404 page. This template has something not just merely HTML5 new tags, it’s coded using WAI-ARIA roles for enhanced quality. Uses very less images, taking benefits from CSS3 features. Even icons are fonts – hmm super fast page loading.

Free PSD Web Templates 2013

Source

Dopetrope – Responsive Html5 Theme

Dopetrope a free, fully responsive HTML5 site template by AJ for HTML5 Up! It’s released for free under the CCA license so feel free to use it for any personal or commercial project

Free PSD Web Templates 2013

Source

Madison – Responsive Html5 Theme

Free PSD Web Templates 2013

Source

반응형
반응형

Two.js is a two-dimensional drawing API that is built for modern web browsers. Since it’s renderer agnostic, the same API can draw in multiple contexts, including webgl, svg, and canvas.

two.js

반응형

+ Recent posts