Css talk
Upcoming SlideShare
Loading in...5
×
 

Css talk

on

  • 264 views

 

Statistics

Views

Total Views
264
Views on SlideShare
264
Embed Views
0

Actions

Likes
1
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Css talk Css talk Presentation Transcript

  • CSS Vertical Centering https://github.com/brian-davis/encrypt-decrypt
  • • simple HTML, no styling
  • • Simple CSS styling
  • • horizontal center, no easy vertical center
  • • perfect responsive vertical centering
  • • http://codepen.io/shshaw/full/gEiDt • http://coding.smashingmagazine.com/2013/0 8/09/absolute-horizontal-vertical-centeringcss/ • new trick as of August 2013
  • • hacking absolute positioning
  • • no style
  • • basic Bootstrap styling
  • • absolute centering
  • • perfect for custom modals, alerts, prompts
  • • modal window prompt html
  • • modal window prompt CSS & JS
  • • strong call to action • https://ghost.org/
  • • percentage-based solution