반응형
Facebook - Poke , 콕 찔러보기

 

https://www.facebook.com/help/451424538215150

 

콕 찔러보기

다른 사람을 콕 찌르면 이 사실이 그 사람에게 알림으로 전송됩니다. Facebook 친구를 콕 찌르기하는 이유에는 여러가지가 있습니다. 예를 들어 친구를 콕 찔러서 인사를 할 수 있습니다.

친구를 콕 찌르려면

  1. 해당 타임라인으로 이동합니다.
  2. 오른쪽 위에 있는 을 클릭합니다.
  3. 찔러보기를 클릭합니다.

 

누군가를 콕 찌르면 어떻게 되나요?

회원님이 다른 사람을 콕 찌르면 회원님이 데스크톱 컴퓨터에 로그인했을 때 회원님의 이름과 함께 아이콘이 그 사람에게 나타납니다. 회원님이 콕 찌른 사람도 알림을 받게 됩니다.

회원님이 콕 찌른 사람만 회원님이 콕 찔렀다는 사실을 볼 수 있습니다.

 

 

한번 홈 페이지에서 콕 찔러보기를 제거하면 다시 가져올 수 없습니다. 하지만 다시 찔러볼 수는 있습니다. 찔러보기를 제거하면 상대방도 회원님을 다시 콕 찔러보기할 수 있게 됩니다.

 

 

 

 

 

 

반응형
반응형
A Collection Of jQuery Maps Plugins – 20 Examples

 

http://www.designyourway.net/blog/resources/a-collection-of-jquery-maps-plugins-20-examples/

 

  

A Collection Of jQuery Maps Plugins - 20 Examples.htm

CSS & jQuery clickable map

CSS & jQuery clickable map

Free interactive map of forty-seven countries of the European continent. It’s a better way to convert a list of regions into a stylish clickable map without a Flash Player or any external plug-ins ..just a well known CSS sprites ..which works in all modern browsers ..even on the mobile devices as iPhone or iPad.

jHERE: Maps made easy

jHERE: Maps made easy

With jHERE, you can easily add interactive maps to your website. In only 5KB (2KB Gzipped), you get a powerful map API, highly customizable markers, event handling and info bubbles. Bonus features are KML support and data visualization via heatmaps.

Kartograph

Kartograph

Kartograph is a simple and lightweight framework for building interactive map applications without Google Maps or any other mapping service. It was created with the needs of designers and data journalists in mind.

Actually, Kartograph is two libraries. One generates beautiful & compact SVG maps; the other helps you to create interactive maps that run across all major browsers.

CraftMap

CraftMap

CraftMap (previous MobilyMap) is a lightweight (6KB only), fully configurable jQuery plugin that converts a simple image into a functional map by overlaying dynamic elements on it such as markers. Like Google Maps, you can place your own marker icons and add location information to specific markers with a draggable image interface.

Polymaps

Polymaps

Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers. Polymaps provides speedy display of multi-zoom datasets over maps, and supports a variety of visual presentations for tiled vector data, in addition to the usual cartography from OpenStreetMap, CloudMade, Bing, and other providers of image-based web maps.

JQVMap

JQVMap

JQVMap is a jQuery plugin that renders Vector Maps. It uses resizable Scalable Vector Graphics (SVG) for modern browsers like Firefox, Safari, Chrome, Opera and Internet Explorer 9.

jQuery Geo – a JavaScript mapping API

jQuery Geo - a JavaScript mapping API

jQuery Geo, an open-source geospatial mapping project from Applied Geographics, provides a streamlined JavaScript API for a large percentage of your online mapping needs. Whether you just want to display a map on a web page as quickly as possible or you are a more advanced GIS user, jQuery Geo can help.

U.S. Map

U.S. Map

Easily add a an interactive map of the USA and States to your webpage without using Flash.

jVectorMap

jVectorMap

jVectorMap uses only native browser technologies like JavaScript, CSS, HTML, SVG or VML. No Flash or any other proprietary browser plug-in is required. This allows jVectorMap to work in all modern mobile browsers.

Responsive google maps

Responsive google maps

gMap

gMap

Purpose of gMap is to help you keep your code clean and to create Google Map in very easy way, without learning its API. In future versions gMap will be improved with functions that are hard to achieve with Google Maps. Hopefully it will turn into great data visualisation tool, while still maintaining its simplicity.

Raphaël

Raphaël

Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

gmaps.js

gmaps.js

gmaps.js allows you to use the potential of Google Maps in a simple way.

bMap

bMap

The bMap jQuery plugin allows you to quickly and easily add mapping to your website. It has been designed from the beginning to handle lots of markers, lots of layers, and custom marker icons.

jQuery Map Marker

jQuery Map Marker

This plugin makes it easy to put multiple markers on Map using Google Map API V3. Map Marker is very useful when you have a list of data & you want to show all of them on Map too.

jQuery GPS

jQuery GPS

jQuery GPS is a jQuery plugin for people that want to add Google maps to their website, but don’t want their website to be bogged down with features they don’t need.

Jquery GPS is a lightweight and simple solution to all your Google Map needs. Add inputs for addresses by simply adding default or custom ID’s. You can use any element to trigger the event! So it doesn’t need to be embedded inside a form.

Point Of Interest (POI) Auto Map – Premium

Point Of Interest (POI) Auto Map

Poi Auto Map combines the power of Google’s Maps and Places APIs to give you a simple way to add highly interactive Point of Interest maps to your website. All you need to do is define a starting address and a list of point of interest categories and POI Auto Map does the rest. Move the map and watch the points update. You can also define a database connection from which to source your POI points. This is the largest update yet in both features and performance.

Interactive SVG USA Map – Premium

Interactive SVG USA Map

Features
- Runs with javascript (raphael), no flash required, support iPad and iPhone
- XML Data – States in alphabetical order
- Resizable map, you can change the size of the map directly in the XML file.
- Change all colors in XML.
- 2 versions included, navigate to URL or display text when state is clicked.
- State names abbreviations.
- Optional text area size and padding in XML.
- Activate/Deactivate each state independently. In the preview, UTAH is deactivated for example.
- Full documentation included.

jQuery Interactive SVG Map Plugin – Premium

jQuery Interactive SVG Map Plugin

Features
- Any maps – works with any SVG map;
- Preloaded maps – World, USA , Russia, Europe, Australia, Germany, Peru, Brazil, Malaysia, South East Asia
- No Flash – works on iPad & iPhone
- Cross-browser – tested
- Resizable & Responsive – just set width/height
- Zoom & Pan – zoom by mouswheel, pan by mouse pointer
- Customizable Colors – base, hover, selected, disabled, strokes;
- URLs – set urls for regions
- Tooltips – show country names or custom text
- Markers – put markers with to the any map
- GeoIP location – show user’s current location on World Map
- Event handlers – onClick, onMouseOver, onMouseOut

Interactive Maps Generator – Premium

Interactive Maps Generator

반응형
반응형

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

반응형
반응형

least.js

Random & Responsive HTML 5, CSS3 Gallery with LazyLoad

 

http://kamilczujowski.github.io/least/

 

Least.js creates random and responsive HTML5 and CSS3 image galleries that include Lazyload. Installation and usage is simple, and the end result is quite beautiful.

Least.js

반응형
반응형

Verlet-js — A JavaScript physics engine

Javascript/Added on May 15, 2013/Add to favorites

Verlet-js is a Verlet integration physics engine written in JavaScript and released under the MIT License. It can handle simulations, composites, particles, and constraints.

Verlet-js

Homepage: http://subprotocol.com/verlet-js/
GitHub: https://github.com/subprotocol/verlet-js

 

 

About

verlet-js a simple Verlet integration physics engine written in javascript by Sub Protocol. Verlet is pronounced 'ver-ley'.

Examples

  1. Shapes (Hello world)
  2. Fractal Trees
  3. Cloth
  4. Spiderweb

Features

The following is the entity hierarchy used within verlet-js:

  • Simulation: Root object that holds composite entities and drives all physics and animation within a scene.
  • Composites: A high level object used within the scene (ball, bridge, cloth, etc..)
  • Particles: Just a point in space that responds to gravity.
  • Constraints: Links particles together so they can interact with each other.
    1. Pin: Binds a particle to a static/fixes position in space.
    2. Distance: Binds two particles together by a fixed linear distance.
    3. Angle: Binds 3 particles to each other by an acute angle.

License

You may use verlet-js under the terms of the very permissive MIT License.

Source Code

View project on GitHub

 

 

반응형

+ Recent posts