諏訪之瀬島(鹿児島県鹿児島郡十島村)2024.8 はじめに 1日目 中心部・ナベダオエリア 元浦エリア 2日目 元浦エリア・中心部 切石エリア 3日目 はじめに 前回の「フェリーとしま2乗船記」にも書きましたが、諏訪之瀬島に行ってきました。今回は、その諏訪之瀬島の記事です。 kakoyuu.hatenablog.com 諏訪之瀬島は…
ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、
PHP、JavaScript、Ajax、HTML/XHTML、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説サンプルを見る<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAvABrzCnRluKK0Cj97fTMThTNR7aHVSEFb0WbViWwc6F-_w9PjBSogZu_7UgOTbx25ka46X-fnGmyvw" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ var map,marker; function load() { if(GBrowserIsCompatible()){ /* 地図インスタンス生成 */ map=new GMa
PHP、JavaScript、Ajax、HTML/XHTML、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説サンプルを見る<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAvABrzCnRluKK0Cj97fTMThTNR7aHVSEFb0WbViWwc6F-_w9PjBSogZu_7UgOTbx25ka46X-fnGmyvw" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function load() { if(GBrowserIsCompatible()){ /* 地図インスタンス生成 */ var map=new GMap2(document.
一般的なHTMLファイルをWordPressの テーマにする時の手順と、使用するタグ をリスト化、というか自分用チートシート。 いつも子ページが時間掛かるので、単純 な構成のHTMLなら、テーマ化くらいは サクサク終わらせたいですね。 唯一の方法では無く、ベーシックな方法です。僕も一度作成してから必要に応じて別のタグを使います。 WPテーマ化手順リスト STEP.1 HTMLをindex.php、header.php、footer.php、sidebar.php等に分割。分割に関しては以前の記事をご参照下さい。 以下のインクルードタグをindex.php、search.php、archive.phpに追加。 <?php get_header(); ?> <?php get_footer(); ?> <?php get_sidebar(); ?> STEP.2 header.phpのmeta
OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。
レビューでグループ分け(win)はMobileMe以外でできないと書いたのですが、できましたので報告します。 私の方法 Outlook2003でエクスポート(CSV)、 windowsアドレス帳にインポート(CSV)、ここでグループ分け(任意名可)、編集など。 iTunes7.7で同期(情報タブ設定してくださいね) iPhoneでグループ分け連絡先ができてる! もっと簡単な方法があるかもしれませんが…私はこの方法でやりました。 もし同じ様にできない方がおられる様でしたら参考にして下さい。 レビュー訂正できない?と思うのでこちらに書かせていただきます、大変失礼しました。 誤字脱字ありましたらご勘弁を。 書込番号:8082877 5点 Outlook2002でもグループ分けできました! 携帯管理ソフトを使うとOutlookに取り込む際に「分類項目」というところにグループ名が入るので、それでいつ
Webサイトの背景画像をカッコよく、でもなるべくラクに作りたい。そんなときに活躍するツールといえば、やはりPhotoshopだ。中でも、世界中のWebサイトで大量の素材が配布されているブラシファイルを活用すれば、巷で見かける流行のデザインも手軽に取り込める。 今回は海外のWebサイトを中心にネット上で配布されているブラシの中から、特に背景画像に使いやすそうなものをセレクトしてみた。実際の使い方の一例も手順を追って紹介する。なお、ここで取り上げたブラシファイルを自分のWebサイトで利用する場合には、あらかじめ配布元サイトで利用条件を確認してほしい。 Sui Generis Brushes v.3 1つ目に紹介するのは、「Brusheezy」という専門サイトで人気の高い「Sui Generis Brushes v.3」だ。特にグラデーションを組み合わせると非常に美しい背景画像が作れるブラシが全
JSを使ったWebデザインをしたい方 のインスピレーションに良さそうだっ たので記事に。jQueryやmootools、 Prototypeなど、人気のライブラリを 駆使したサイトのみをショーケース化 しているギャラリー、Not Coffeeの ご紹介です。 数はさほど多くは有りません(150~160ほど)が、今後に期待したいギャラリーです。デザインも素敵なものばかりなのでインスピレーションと更なるjsの使い方の勉強にもいいかもですよ。 ギャラリー形式になっています。jQuery、mootoolsなどのカテゴリで分けられているのでライブラリ別で探せます。 サムネイルにマウスオーバーすると必要な情報が出てきます。どのライブラリがどこに使われているか(これはタグで分けています)などが直ぐに分かりますので探しやすいですね。 以下のようなサイトが掲載されていました。 Alex Buga’s Liv
EC studioではGoogle Appsが英語版の時から利用し、 国内第一号の代理店(リセラー)になり、Google社から Google Appsの活用事例として取材されました。 ■Google Appsケーススタディ – 株式会社 EC studio 取材の際にはGoogle社員の方が「Google社内でもここまで 活用できてませんよ!ここまでの活用法はすごい!」と驚かれました。 この記事ではGoogle Appsのメリットの紹介や、それぞれの ツールの活用方法、ほとんど知られていないが実はこんなことが 簡単にGoogle Appsでできちゃいますという機能を紹介したいと思います。 ■Google Appsのサービス紹介 Google Appsのサービスについてはすでに知っていると言う方は こちらの動画は飛ばしていただいて結構です。 Gメール、カレンダー、ドキュメント、ビデオ、モデレ
1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア(スペイン)の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 米Googleは現地時間の6月22日、HTML5開発を支援するサイト「HTML5 Rocks」を公開した。 サイトではHTML5開発の各種情報のほか、チュートリアル、そしてサイト上でHTML5関連コードを編集して実行できるプレイグラウンドを提供し、学びなが
97018352/ iStockphoto/ Thinkstock クレジット決済に使えるアイコンを探している。 そんなときにおすすめなのが、『15 Uniform Payment Options Icon Sets for Ecommerce Design』。クレジットカードのアイコン集です。 EC系のサイトを作るときに便利ですね。 20 Free Payment Option Icons MasterCardやPayPal、Visa、JCBなどのアイコンが揃っています Speckyboy Payment Method Icon Set 商用無料のMasterCard、PayPal、Visaなどのアイコンセット Weby Icon Set 商用無料のかわしいアイコンセット。クレジットカード以外のアイコンもあります Free PNG Credit Card, Debit Card and
98312899/ iStockphoto/ Thinkstock illustratorでアイコンを作りたい。 そんなときにおすすめなのが、『40 Excellent Adobe Illustrator Icon Tutorials』。illustratorでアイコンを作るチュートリアル集です。 かなりクオリティーの高いものが揃っていますね。 Create an Aperture Style Camera Lens Icon Apertureライクなカメラレンズのアイコン How to Create a Shiny Bucket Icon 光沢のあるバケツアイコン Create a Stylized GPS Icon iPhoneアプリに使えそうな、GPSアイコン Tutorial: How to Create a Television Icon かわいい旧式のテレビアイコン How t
Download Source Files Source files for this tutorial are available to Premium members. Get a Premium Membership In this tutorial, we’ll create a detailed camera lens similar to the one used as the logo for Apple’s Aperture photo-editing software. A camera lens is good for a software icon, logo, or just as a graphic for use in any design. Although, the image appears detailed, the process of creatin
先日のWWDCで、発表された「iPhone 4」。これまでの「3G」「3GS」に比べ、機能もデザインも一新したデバイスに世界中が注目、あらゆるメディアがニュースを配信しました。今日は、はてなブックマークでも話題のトピック「iPhone 4」から、注目のエントリーをピックアップしてみました。 ■まずはAppleの公式サイトをチェック ▽iPhone - Apple(日本) ▽http://www.apple.com/jp/iphone/features.html Appleの公式サイトには、早速「iPhone 4」の情報が。「すべてを変えていきます。もう一度。」「ほかのスマートフォンが、それほどスマートに思えなくなるかもしれません。」など、目を引くキャッチコピーがサイトを飾っています。Appleのスタッフによる、おなじみの紹介ムービーも見ることができ、「iPhone 4」の魅力をあますことな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く