Motoshi Goto / Freelance Web Designer and Developer from Oita, Japan.
Clicking the logo will display our works thus far ★ロゴをクリックすると、作品がご覧いただけます。
Purpose The Internet Explorer 10 Guide for Developers provides a look at the developer features included in Internet Explorer 10, as well as the latest HTML5, JavaScript, and Cascading Style Sheets, Level 3 (CSS3) features available to developers of Windows apps using JavaScript for Windows 8. By using the documentation and samples in this guide, developers and designers can take full advantage of
文書構造って難しいですよね コーディングしていたら迷う事ってたくさんありますよね。「これは見出しなのかな」「この段落はどこまで段落なんだろう」「検索バーはどのタグで囲めばいいの?」等など、判断に詰まることはいくらでもあります。そしてその判断の迷路を抜け出た後も、ふと「このマークアップで本当に合ってんのかな」と再び迷いに陥ることも。 エレメントの役割とタグの用途の正確な理解 コーディングしているときに何故迷うか。これは、 それぞれのパーツがそのサイト内にどういう役割で置かれているかをはっきりと定義できていない 各タグの用途を理解できていない このいずれか、または両方が出来ていないから起きる問題だと思います。エレメントの役割とタグの用途、この二つがはっきりしていればコーディングに迷う事はありません。…まあ(他にも納得の行かない組織ルールとかSEOを考慮した記述等があって)それは理想の話なんです
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Webデザイナーが日ごろ仕事をする上で見つけた情報を書き綴っています。HTML、CSS、素材、技術等のおぼえがきです。無料素材の配布も。 ウェブデザイナーのおぼえがき HOME 当ブログについて RSS 2.0 カテゴリ タグクラウド CSS Firefox google HTML IE IE6 margin Photoshop PHP PS3 safari SEO W3C Web2.0 Web2.0無料素材 web2.0風 YouTube まとめサイト アイコン アフィリエイト ウェブデザイナー オークション キーワード サイト スクリプト スマートフォン タイトルバー トラブル トレンド フィット フッター フリーソフト マイクロソフト メニュー ヤフオク 作品 作成 写真 写真素材 携帯サイト 日本 検索エンジン 無料 無料アイコン 無料写真素材 無料素材 素材 背景画像 透過PNG
CSSを効率的に書くための拡張メタ言語「LESS」の使い方を紹介します。 LESS 1.「LESS」でできること 簡単な例として、次のように変数「@xxx」を使って値を定義することができます。 @radius: 10px; @bg-color: #fff; @padding: 10px; .foo { background: @bg-color; padding: @padding; border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; } .bar { background: @bg-color; padding: @padding; border-radius: @radius; -webkit-border-radius: @radius; -moz-border-ra
今回は、ジェネレーターで意外と作成しずらい?多色で斜めのストライプ模様の作り方です。 ネット上にはストライプジェネレーターはわりとあると思うのですが、自分の好きな色で好きな幅でかつ斜めで~となるとなかなかいいものがみつからなかったりしませんか?(わたしが知らないだけかもしれませんが;) そこで、ジェネレーターとか探すのめんどくさいよ!って方へ、簡単な斜めストライプ作成方法をご紹介します。 1:縦のストライプを作成する。 まずはシェイプツールを使って縦のストライプを作成します。 アイボリーだけちょっと幅を狭くしてみました。 2:ストライプを斜めにする ストライプが描かれたレイヤーを全て選択して、Ctrl+Tで斜め45度に傾けます。 3:角を合わせる 対角線のラインがそろう部分と、底辺の角がぴったり揃う部分をみつけて、ガイドをひきます。 斜め45度に傾けているので正方形の領域が出来ました。 4
キャッシングによる融資は基本的に1度に何社までという制限はなく、何社申込みを行っても個別に審査が行われる仕組みになっています。 しかし、複数社からの融資を受けている多重債務の状態では、信用性の面から銀行系企業のキャッシングで審査が通りにくくなったり、総量規制による借入限度額上限に引っかかるなどの弊害が生じる可能性があります。 銀行系のローンやキャッシングは、通常の消費者金融より審査基準が高めの傾向を持っている理由から、個人信用情報に事故履歴があったり複数の企業から融資を受けている場合は、非常に不利な条件となってしまいます。 また、総量規制による借入限度額制限は個人年収によって決定される要素である為、複数社へ申し込みを行って全ての審査に通ったとしても、年収に応じた金額分しか借りられない決まりになっています。 消費者金融では他社の借り入れ状況を調査した上で、総量規制による上限額に引っかからない
アドビの期間限定ギャラリー「station 5」にて、「Dreamweaver CS5」によるiPhoneサイト制作に関するセミナーが開催された。セミナーでは、iPhoneサイト制作のための様々なテクニックが解説された。 セミナー前半の伊藤学氏に続いて登場したたにぐちまこと氏は、バージョン8からずっと「Dreamweaver」を使い続けているWeb制作者&プログラマー。トークのテーマは「『Dreamweaver CS5』の便利な使い方」について。たにぐち氏は、ヘビーユーザーならではの様々な技を紹介してくれた。 たにぐち氏は、アドビと協力して開発した機能拡張パック「iPhone site extension for Dreamweaver CS4/CS5」を2010年5月に無償で公開した。この拡張パックをインストールすると、新規ドキュメントの作成で「iPhone用アプリ」と「iPhone用ペ
CSS3 Single HTML Element iPhone 5 Tweet View The Article Design by Matt Boldt This was made with pure CSS and only a single HTML element. Did you like this? Tell me about it. Follow my personal Twitter here. You can find me on Forrst.com, and I also put this on CodePen. A little about me: I'm a 19 year old web developer / designer from Texas. I work for Macroplant. We make really cool apps for use
スマートフォン端末の普及で、問い合わせ・申込みなどのWEBフォームがスマートフォンで使われる機会は今後も増えていくでしょう。その際、PC向けに用意していた既存のWEBフォームをそのままにすると、どんな問題が発生するでしょうか? 今回は、弊社コンサルタントの自主調査から、スマートフォン端末(特にiPhone)でのWEBフォーム利用時の6つの頻出課題をご紹介します。 多くのWEBフォームでは、項目名が入力ボックスの横に配置してあります。 PCでは全く問題のないレイアウトですが、iPhone端末では入力ボックスをタップしてズームインするとラベルが見えなくなり、非常に入力しにくいものになってしまいます。 【改善案】<推奨>入力例を入力ボックスの上または下に配置する項目名(ラベル)を入力ボックスの上部に配置する ※項目名の位置が変わるとPCで見にくくなるケースも想定されるため、ご注意ください 課題2
Loading GIF or, so called loader gif is an animation that indicates a loading process on a web-site or an application. Being an critically important part of web-site and application design and usability, mostly the animations are used to show that something is loading on the background (e.g. AJAX applications). The animation objects are usually used in GIF format which is very popular due to it's
2012年 08月 24日 5つのサイトストラクチャ(Webサイト情報構造)を実際のサイトと照らしあわせて考える カテゴリ: IAシンキング Webデザイン タグ:IAシンキングWebサイト構築 サイトストラクチャとはWebサイトの構造のことです。サイトストラクチャを考える際には、作るサイトの目的に合わせた設計が必要なのは言うまでもありません。では、その目的に合わせた設計とはどういうものでしょうか?それを考えていきたいと思います。 1.サイトストラクチャ(サイトの構造)パターンについて 2.5つのパターンの解説 3.サイトの全体像と部分的な構造 サイトストラクチャ(サイトの構造)パターンについて Webサイト制作にあたり、サイトの設計で多く採用されるものとして5つパターンがあります。 階層型分類構造 ファセット型構造 Web型構造 直線型構造 ハブ&スポーク型構造 名称だけを見てもピンと来
2012年 10月 03日 WordPressで投稿したデータをドラッグで並び替えられるカスタムフィールド カテゴリ: WordPress タグ:WordPress WordPressのカスタムフィールド(投稿とは別に様々な情報を埋め込むことが出来るフィールド)を利用して、より分かりやすくコンテンツを構築・運営出来る方法として下記のような条件を満たすものを探していました。 登録するデータの数を増やすことが出来る。 登録したデータの表示順をドラッグを利用して並び替えることが出来る。 登録するデータは文字列だけでなく画像も可能。 この条件で色々探した所、一番良さそうだと思ったのはWordPressで数を変更できてドラッグで並び替もできるカスタムフィールドを実装する方法|webOpixelでした。説明やソースが非常に分かりやすく、また、このライブラリ自体も扱い易かったのでこれを採用して実装するこ
[対象: 全員] 品質に関するガイドラインを含むウェブマスター向けガイドラインと関連する多くの品質ガイドラインをGoogleはいっせいに更新しました。 ウェブマスター向けガイドラインの更新については英語版および日本版のウェブマスター向け公式ブログでアナウンスが出ています。 Official Google Webmaster Central Blog: Google Webmaster Guidelines updated Google ウェブマスター向け公式ブログ: ウェブマスター向けガイドラインを更新しました 先日、ガイドラインの更新があったものの不適切なものが誤って公開された事件をお伝えしました。 内容から判断すると今回の更新版はその時にすぐに引っ込めらたものと推測できます。 さて更新されたウェブマスター向けガイドラインはきちんと読んでもらうとして、付随する「リンク プログラム」のガイ
ZEPPELIN ドイツ腕時計ブランドの"ZEPPELIN"とのコラボレーションウォッチパートナ... 詳細を見る
2014年8月17日 Webサイト制作, 便利ツール WebクリエイターボックスではWeb制作の応用技術をよく紹介していますが、基本の流れはちゃんと説明していないな…ということで、「連載!実践で学ぶWebサイト制作ガイド」として、実際に1つのサイトを作りながらWeb制作の流れと方法をまとめて書いてみることにしました。この連載企画はブログ開始当初に考えていましたが、2年半ほど忘れてました…。今回は「ワイヤーフレームの作り方」です。これも過去に「Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する」という記事を書いていたのですが、私の使用するツールも変わったので、改めて記事にすることに。 ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その3 目標:わかりやすいワイヤーフレームを作成することができる 必要なもの:紙とペン 対象レベル:超初心者OK
Share / C!… ブロガーご用達のブックマークレット、それが@hiro45jp さんの作成されたShareHtmlでしょう。 一度登録さえ済ませてしまえば↓のような見た目のよろしいリンクタグを簡単に作成することができます。 篠崎愛 公式ブログ – GREE 当ブログでも大変にお世話になっているこのブックマークレットなのですが、最近思うところあって一工夫加えております。 見た目がおんなじになっちゃう ShareHTMLでは、サイトのキャプチャを自動的に取得してくれるHeartRails Captureというサービスを使ってイメージを挿入しています。 大変便利サービスなのは間違いないのですが、同じブログでリンクタグを作成するとなると皆同じようなキャプチャになってしまい、残念ながら画像からその記事の内容を連想させることは難しくなります。 もっと言えば、ブログで利用している画像が他のサーバー
TOP > Design > いままでにないレンガデザインを発見できるレンガテクスチャセット「20 High-Res Brick Textures: Exlusive Freebies」 自然の石が作り出す表情もさることながら、人の手によってきちんと並べられたレンガには、独特の魅力があります。そんな中今回は、さまざまなデザインのレンガを発見できるテクスチャセット「20 High-Res Brick Textures: Exlusive Freebies」を紹介したいと思います。 普段の生活の中で良く見かけるレンガや、カラフルでデザイン性の高いレンガまで、さまざまなレンガのテクスチャが紹介されています。 詳しくは以下 日本国内にもあるデザインのレンガはもちろん、色とりどりな石を敷き詰めてデザインされたレンガや、自然の石をそのまま利用して作られたレンガの壁面など、雰囲気・テイストの異な
皆さん、こんにちは、ベルマーレが三連敗してしまい、ふんだりけったりの管理人でございます。こんにちは。腹立たしいので、今日はサッカーの話でなく、久々にイラストの話でもしようかと思います。 そもそも、この時期は、J2サポにとっては、精神的にきっつい季節で、カリカリしてるです。まあ、次は真面目に香川の話でもしますが、今日は、サッカーの話をする気分じゃないので、久々にイラストの話でもします。 イラストにおけるキャラクターとカメラの話 さて、昨今、デジカメが安くなってきたせいか、イラストの描き方に色々と変化が起きているように思います。絵を描くときは、参考資料に写真を撮るのが普通ですけど、そこで問題になるのが、写真の撮り方です。 えーと、最近はデジカメの安いのでも、ズーム機能とか手ぶれ補正とかついているので、素人でも簡単に広角と望遠を使い分けて写真撮れるようになりました。 井上純弌氏による「萌え絵/エ
女子大生がたくさん働いているデリヘルのサービス。深夜でも使える風俗として、自分の暮らしを豊かにしてくれているデリヘルです。有名大学に通う女性を指名した今回は、思い出しただけでも興奮が甦ってくるほど。素股の気持ち良さは挿入を超えるくらいの感覚でした。その秘密は敏感なクリにあります。素股をするとどんどん刺激されてクリが固くなり、それが亀頭に当たって気持ち良い。相手も擦れて気持ち良いという相乗的な魅力に浸るのが、今までの風俗史上最高の体験になったのです。素股はぎこちなさもあるのですが、それでも密着度が高くてアソコへの刺激は十分すぎるほど。途中で耐えることを諦めていれば、きっとサービスから半分も消化しないうちに果ててしまっていたと思います。しかし、僕は風俗MASTERです。そんなことできません。キスも大好きらしく、クンニをした後でも何度となく「チューしてほしい」とお願いされたので、舌を絡めてじっく
Webパフォーマンス ベストプラクティス Last updated: 02 October 2012 翻訳:@t32k WebページをPage Speedで調べるとルールに準拠していないものが提示される。このルールというのは、一般的にあなたが開発段階において取り入れるべきフロントエンドのベストプラクティスだ。あなたがPage Speedを使用しようとしまいと、私たちはこの各ルールについてのドキュメントを提供する(たぶんちょうど新しいサイトを開発中でテストする準備が整ってないだろう)。もちろん、これらのページはいつでも参照することができる。私たちはあなたの開発プロセスに取り入れてもらうために、このベストプラクティスを実装するための明確なティップスと提案を提供する。 パフォーマンス ベストプラクティスについて Page Speedはクライアント側からの観点でパフォーマンスを評価し、一般的にペー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く