スマホサイトを作る前に見たい国内38社の実例 (1/7)
この記事で取り上げているスマートフォンサイトの「BEFORE & AFTER」を以下の記事で紹介しています。合わせてご覧ください。 日本のスマホサイトは2年間でこんなに変わった iPhone、Androidの普及を背景に、スマートフォンのブラウザー向けにコンテンツや表示を最適化した「スマートフォンサイト」（スマホサイト）を開設する企業が増えている。当初はiPhone（iOS）の標準UIに倣った画一的なデザインが多かったが、最近では独特のレイアウトや斬新な色使いの個性的なスマートフォンサイトも増えてきた。 好評だった前編に引き続き、Web制作者が見ておきたいスマートフォンサイト（日本語／企業サイト限定）を業種別に分類して紹介する。スマートフォンサイトの制作に入る前にチェックしておこう。
Sencha - Sencha Touch - Download Sencha Touch Now
Download Sencha Touch Free Keep me up to date with Sencha news! Email Address Download Sencha Touch for Free Sencha Touch allows your web apps to look and feel like native apps. Beautiful user interface components and rich data management, all powered by the latest HTML5 and CSS3 web standards and ready for Android and Apple iOS devices. Keep them web-based or wrap them for distribution on mobile
医療法人社団誠馨会 千葉中央メディカルセンター
トップページ 病院からのお知らせ 診療案内 外来受診の方へ 看護部サイト 当院で働きたい方へ 研修医・医学生の方へ 採用・見学エントリー 交通アクセス 入院・お見舞いの方へ 相談窓口のご案内 特集インタビュー 病院紹介 医療機関の方へ ドック・健診のご案内 その他
The Best jQuery Plugins & Effects That Are Still Useful in 2019 - 1stWebDesigner
Web Design#JavaScript#jQuery The Best jQuery Plugins & Effects That Are Still Useful in 2019 If you’re coding with JavaScript, jQuery should be one of the first things you install. The lightweight JavaScript library optimizes and simplifies core features like Ajax handling, animation, event handling, and HTML document transversal – in other words, it makes working with JavaScript a lot easier. Man
世界四季報: 3キャリア対応携帯サイトXHTMLテンプレート
ドコモ（docomo）、AU、ソフトバンク（SoftBank）の３キャリアに対応した３G携帯サイト専用のXHTMLテンプレートをまとめてみました。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /> <meta name="keywor
37 Great Ajax, CSS Tab-Based Interfaces
Over the last few years web-developers have developed many AJAX and CSS Tab-based interfaces which became one of the most interesting techniques giving us an easy way to get information without the need to open and close multiple windows at the same time. We’ve spent hours searching for the best Tab-based interfaces using CSS only, CSS/Ajax and tutorials which would help you create your own Ajax o
iPadに最適化したサイトがつくれるかもしれない5つの方法（基本編） - EC studio デザインブログ
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" /> /* 好ましくない例 */ これを使うことで横幅1024px以下のデバイスでアクセスされた場合に、ipad.cssを読み込むということはできるんですが、PCの場合でもこの程度の解像度のものはありますし、なおかつ利用しているブラウザが最近のものであれば、このコードを理解してしまいます。 つまり、「iPadだけ」に適用させるということは実質できないということになります。 この点はご注意ください。 デバイスの幅に左右されないリキッドレイアウトにする 前述のユーザーエージェントの話に次いで、レイアウトの話です。 iPadのデバイスとしての画面サイズはポートレート（縦向き）であれば 横
トヨタ記念病院 - 愛知県豊田市
対応時間（診療日のみ） 当日受診分 8時00分 ～ 11時30分 翌日以降分 11時00分 ～ 16時00分 診療日の16時00分以降・休診日 0565-28-0100 お電話の前にご確認ください
Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm
Youtube, Metacafe, Google Video, iFilm and custom flashnew Introduction Videobox is a 6kb script, which shows your videos in the page with an overlay. It was inspired from Lightbox.v2 and uses some of the Slimbox's code. It's written for the wonderful mootools library. And used swfobject to embed flash. Above, there is some example. Usage Firstly, you should include 3 javascript files to your page
lightbox
prettyPhoto prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox. It is very easy to setup, yet very flexible if you want to customize it a bit. Plus the script is compatible in every major browser, even IE6. It also comes with useful APIs so prettyPhoto can be launched from nearly an
jQuery Lightbox Generator. Mobile-ready, Responsive Lightbox Gallery
Overview Visual LightBox is a free wizard app that helps you easily generate popup image galleries with a terrific lightbox overlay effect, in a few clicks without writing a single line of code. Just drag&drop your photos into online website builder window, press "Publish" and your own picture slideshow with beautiful lightbox effects will open in the browser instantly! No javascript,css,html codi
CSS Layout - 100% height
CSS layout: 100% height with header and footer Sometimes things that used to be really simple with tables can still appear pretty hard with CSS. This layout for instance would consist of 3 cells; two with a fixed height, and a third one in the center filling up the remaining space. Using CSS, however, you have to take a different approach. Min-height The #container element of this page has a min-h
「安心のシンボル」を目指して｜医療法人 和光会 【公式】
病気が多様化した時代、医療は人々の暮らし方やニーズの変化とともに、その範囲を広げ、専門化、細分化することで、より高度な治療と安心を提供できるようになりました。 しかし、その進歩とひきかえに、私たちが数多くの選択肢の中から適切な医療を望むとき「どこに相談すればよいか迷ってしまう」という新たな状況を生んだのです。今、多様化した地域医療にもとめられているのは何でも相談できる安心感と、「健やかな暮らし」をともに考えてくれる心強い存在。 私たち和光会グループは、地域との密接なネットワークを構築し、不安の相談から、未病、医療、介護、そして住まいや仕事まで、すべてをつなぎ健やかな暮らしを提供する地域医療における「安心のシンボル」を目指しています。
チャレンジ２５キャンペーン
Copyright (c) Challenge25committee & Ministry of the Environment.All right Reserved.
Lightbox 2
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
jQuery UI Demos | jQuery UI
jQuery UI Demos jQuery UI offers a combination of interaction, effects, widgets, utilities, and themes designed to work well together or on their own. Play with the demos, view the source, build a theme, read the API documentation and start using jQuery UI today. Interactions Interactions add basic mouse-based behaviors to any element. You can create sortable lists, resizable elements, drag & drop
MooTools Demos: Fx.Slide
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qu
Bullet List Accordion Menu
Bullet List Accordion Menu In this menu example, the menu headers are H3 tags, with each sub menu being UL tags that expand/ contract. A CSS class gets dynamically added to a header when it's expanded to style the expanded header. The headers are toggled via "click" of the mouse, and all headers can be collapsed. The previous expanded header (if any) is closed before expanding the current. CSS Lib
Skype | Free calls to friends and family
Celebrating Skype’s 20 Year Journey Embrace a legacy of communication as Skype marks two decades of connecting hearts across borders to bring smiles and, enabling conversations that transcend miles. Join the global celebration of human connections that have shaped our world. Celebrating Skype’s 20 Year Journey Embrace a legacy of communication as Skype marks two decades of connecting hearts across
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.maxdesign.com.au/articles/css-layouts/three-fixed/