スマートフォンが普及して、WEBサイトをスマートフォンで閲覧することも多くなっています。従来のWEBサイトをスマートフォンに対応したいと検討される方もいらっしゃると思います。 今回、ご紹介するのはパソコン、タブレット、スマートフォンに対応したレスポンシブ型のWEBサイトについてです。 レスポンシブサイトとはどのようなサイトなのか、『HTML5 UP』で公開されている商用利用OKのライセンスフリーのテンプレート『Minimaxing』の中身をみてHTML5 + CSS3で制作をするレスポンシブサイトの構築ノウハウを学んでみようと思います。 デモページがこちらにて公開されています。同じでもページをパソコンとスマートフォンで開いてみるとその違いがわかると思います。パソコンで閲覧をしている場合でも、閲覧しているブラウザの横幅を変えてみるとページがどのように変化するか確認することができます。 テンプ
Eコマースサイトでよく利用される機能を備えたWordPress用のテーマファイルとPrestashop用のテーマファイルを紹介します。 Free Prestashop and WordPress E-Commerce Theme: Velvet Sky [ad#ad-2] すぐにEコマースサイトができてしまいそうなテーマファイルですが、利用するにあたっての一番のポイントは日本語化でしょうか。 デザインをはじめ、機能も便利なものが揃っているので、勉強目的にも役立つと思います Velvet Skyの主な特徴 Velvet Skyの対応ブラウザ Velvet Skyのデモ Velvet Skyのライセンス Velvet Skyの主な特徴 WordPress 3.1+対応 Prestashop 1.4.2.5対応 カスタムホームページ 水平タイプのメニューとサブメニュー スライドショーモジュール
スタイルシートで実装する6つの代表的なCSSレイアウト方法、それぞれ実例を見ながら、その長所と短所を紹介します。 Pros And Cons Of 6 CSS Layout Patterns: Part 1 Pros And Cons Of 6 CSS Layout Patterns: Part 2 [ad#ad-2] 下記は各ポイントを意訳したものです。 Fixed-Widthレイアウト Fluid/Liquidレイアウト Elasticレイアウト Hybridレイアウト Responsiveレイアウト Fluid/Elastic Gridsレイアウト Fixed-Widthレイアウト Firxed-Widthは、幅の全体を絶対値(px)で指定するスタティックなレイアウトです。このレイアウトを使用する場合には、ユーザーのために最適な幅を調査し、設定する必要があります。 典型的な例では大き
HTML5でサイトを作成する時に必要なHTML5の雛形、jQuery, Modernizrなどのスクリプト、CSSのリセットなど一式を自分用にカスタマイズして作成できるオンラインサービスを紹介します。 Initializr - Start your HTML5 project in 15 seconds! [ad#ad-2] InitializrでHTML5のテンプレート一式を作成する方法 HTML5用のテンプレート一式を作成するのは、わずか数秒で簡単にできます。 トップページにアクセスし、4つの選択項目から自分の必要なものをチェックし、最後に「Download」をクリックするだけです。 Initializr - Start your HTML5 project in 15 seconds! 選択項目のキャプチャ [ad#ad-2] Initializrで作成されるHTML5のテンプレート
Want to spice up your presentations a little? Tired of the same old “default” themes that Powerpoint brings along for the ride? Check out these 20 free Powerpoint templates that…well…don’t suck. Not satisfied? You can look for more free templates at these web sites (or if you’re game to design your own, here are some tips to keep in mind). If there are any sites that you like to use, don’t forget
HTML5 Templateのデモページ Easy HTML5 Templateの特徴 汎用性の高いシンプルなつくり HTML5の新しい要素に重点をおいて設計 HTML5対応ブラウザはもちろん、IE6, IE7, IE8も考慮 モバイルデバイスも考慮 jQuery, Google Analyticsなどよく使用されるものを配置済み [ad#ad-2] Easy HTML5 Templateの外部ファイル Easy HTML5 Templateで使用している外部ファイルです。 screen.css Reset CSSには「Eric Meyer's reset」が使用されています。 modernizr-1.6.min.js 「Modernizr」。HTML5やCSS3をサポートしているか調べ、CSSの場合はエレメントにclassを加えます。 html5.js 「html5.js」。IE9未満(
あたしのパソコンの中には、「・良いレポート・プレゼン事例コレクション」ていう名前のフォルダがあるんですね。それは、デスクトップの「_MyStudy」ていうフォルダの中に、「■[FBI]」や「_滞架[ATQ]」と並列して置いてある。うん、いろいろ謎が多いですけど、そこはまたいつかのお話で。 で、そこには、あー、このプレゼンは、この文書は、いいなあ、今度自分が何かを作る時の参考にしたいなあ、というののネットで見つけたのを集めて置いてあるんですけど、そのいいなあって言うのは”内容的に”でもなく”デザインワークが”でもなくて、いやもちろん内容的にもいいのがたいていなんですけど、それよりも、章立てとか、ストーリーとか、構成とか構造とかアウトラインとか、(美しいという意味ではなくわかりやすい・伝わりやすいという意味での)レイアウトとか、なんかこう外形的なの×情報伝達的なのが、いいなあというか、まあ良く
プレゼンのためのパワーポイント&キーノートのデザインテンプレート集「40+ Awesome Keynote and PowerPoint Templates and Resources」 プレゼンのための資料作りやスライド作りでは定番のパワーポイントとキーノート。どちらも強力なツールですが、デザイン性が悪いと見難かったり、企画の趣旨を伝えきれなかったりしますが、今回紹介するのはプレゼンのためのパワーポイント&キーノートのデザインテンプレート集「40+ Awesome Keynote and PowerPoint Templates and Resources」 {Silver} ちょっと固いデザインから柔らかめのデザインまで、様々なテンプレートがまとめられています。有料のものも紹介されていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Busines
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
moobileはHTML/JavaScript製のフリーウェア(ソースコードは公開されている)。iPhone/Androidを中心とするスマートフォンのシェア拡大は留まることを知らない。モバイルネットワークが発展している限り、この流れは止まることはないだろう。Webサイトを提供する上でもスマートフォンは欠かせない存在になる。 ボタンバー ネイティブアプリを提供する手もあるが、もっと容易なのが最適化されたWebサイトを提供することだ。そもそもネイティブアプリを提供するほどのニーズがないサービスもあるはずだ。そこで使えるのがmoobileになる。 moobileはiPhoneやAndroidといったWebKitベースに対応したWebサイトフレームワークだ。HTML5で作成されているのが特徴だ。フォームやボタン、ボタンバーなどのUIをテンプレート化している。これを使えば最適化されたWebサイトが
WordPress 対応テーマwp.Vicuna このブログでもお世話になってるテーマです! シンプルなXHTML構造なので非常にカスタマイズもしやすく、SEOの効果も高いテーマです。 色んなデザインのテーマが配布されています。 以下、使ったことないけど、いつか使う機会があるかもしれないテーマ BLOGに最適、シンプルなデザインのテーマ WordPressテーマ simple - hasegawahiroshi.jp シンプルでカスタマイズしやすいテーマ barecity / wordpress theme 白/黒で洗練されたデザインのテーマ 割と情報が多めのサイト/ブログに最適なテーマ The Unstandard 最新記事が画像一覧で表示されるテーマ 写真中心+テキストありのサイト/ブログに最適なテーマ Graph Paper Press Wordpress Themes 写真サイト/
All Microsoft Global Microsoft 365 Teams Copilot Windows Surface Xbox Deals Small Business Support Software Windows Apps AI Outlook OneDrive Microsoft Teams OneNote Microsoft Edge Skype PCs & Devices Computers Shop Xbox Accessories VR & mixed reality Certified Refurbished Trade-in for cash Entertainment Xbox Game Pass Ultimate PC Game Pass Xbox games PC and Windows games Movies & TV Business Micro
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く