クライアントとの更新やりとりを10倍楽にする(か... / 【無料配布】Web制作における書類一式、そしてド... / WEBサイト制作前やデザイン制作時に欠かせないヒ...他...全5件
![これは助かる!Web制作を円滑に進めるために役立つ資料テンプレート](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad9ad1cc351742be5a653940c026d5117e46a126/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2012%2F1%2F24%2Fl_2012-1-24_865a2b360c333f7ba42c73337c20c858.jpg)
クライアントとの更新やりとりを10倍楽にする(か... / 【無料配布】Web制作における書類一式、そしてド... / WEBサイト制作前やデザイン制作時に欠かせないヒ...他...全5件
おとそ気分で社内を暇そうにウロウロしていたら「HTML5の常識、わかっていますよね」と怖い怖い一回り年下の編集長から叱られてしまいました。この後、HTML5関係の仕事がくることは間違いがありません。 しかし、ワタクシは50代。困ったことに、この編集長の「わかる」とワタクシの「わかる」とは程度が違います。これは困りました。正月早々、首筋がすーっと寒くなってしまったので、優しいけど仕事に関しては編集長よりも厳しい二回り年下のデスクに相談。 「HTML 4と比較しながらHTML5の違いをまとめて記事にするところから、始めてみてはどうですか」と先手必勝のようなお題を与えてくれました。どこまでこのお題をこなせるのか。65歳定年になれば、あたりまえの日本企業の縮図のなかで、50歳を過ぎての「HTML5の基礎知識」をまとめてみました。 DOCTYPE宣言が超簡単に DOCTYPE宣言が超簡単になったのは
2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 : ATND 2012/01/20 2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 #html5semi - Togetter (写真:神保町駅改札前) HTML5関連ネタはやろうやろうと思いつつ個人的にはリーチ出来てない分野でして、ちょっくら拝見してきました。ちなみに上記の募集サイト、凄い人気で200人の定員に一時は倍の400人が登録すると言う事態に。HTML5人気は凄いですね〜。 開催開場は株式会社オプト1F大会議室@神保町。この日は朝から雪が降るなどして天候が崩れていましたが、夕方〜開催の頃には問題無く止んでおりました。しかし外は寒かった!(>_<) 入場時の状況で5分程遅れて本編スタート。以下メモです。 基調
CSS3でこんなクオリティのボタンが作れる! みたいな記事をよく見かけると思うんですが、 そういったものだけを集めたデザインギャラ リーがありましたのでシェア。CSSの勉強に 如何でしょう。さもPhotoshopで作ったかの ようなエレメントが豊富にあります。 タイトルよく分からんですねw CSS3のグラデーションやbox-shadowなどを駆使して、今まではPhotoshopで作成していたかのようなクオリティのボタンなどを作った!みたいな記事を多々見かけてきたかと思いますが、そういったものだけを集めたデザインギャラリーです。 一見よくあるパーツデザインギャラリーや、dribbbleっぽい感じですが、これらのボタン等は全てcssで作成されています。それだけでなく、ソースも公開されていますので結構重宝しそうなサイトですね。 こんな立体感のあるボタンとか。 こんなソーシャルボタンとか。 ソース
「確か、あのヘンだったはずなんだけどなぁ……」 かつて訪れたことのあるお店の情報を調べたいけど、正確な名前も住所も分からない。そんなとき、お店の情報がまとめて掲載されている地図があれば便利です。地図ならおおよその場所の記憶から、直感的に目的の情報へたどり着くことができます。たとえば、複数の飲食店の情報を提供する「グルメガイド」のようなサイトであれば重宝されることでしょう。 ヤフーが運営する「Yahoo!グルメ」も、そんな「地図から探す」機能を持つサイトのひとつ。同サイトに掲載されている飲食店の情報は、地図上ですぐに調べることができます。今回はこの技をお手本にしましょう。 今回のお手本サイト:『Yahoo!グルメ』 飲食店のクーポン券のダウンロードから、料理レシピの検索、さらには出前の注文までできる総合グルメサイト。掲載されている飲食店やレシピの情報は「グルメぴあ」「E・レシピ」など、複数の
平素より「PHPプロ!」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ!」ですが、サービスの利用状況を鑑みまして、2018年9月25日(火曜日)をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日(火曜日)を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
新着記事一覧 2011/06/18 : 「allow_url_fopen=Off」の環境にて 2009/03/13 : Google AJAX Feed API 2009/02/27 : Twitter API 2009/02/24 : flickr API 2009/02/14 : JugemKey Web ad Fortune 無料API 2009/02/08 : 公開APIリンク集1-サムネイル系API 2009/02/06 : サムネイルAPI 2009/02/04 : Mozshot 2009/02/02 : HeartRails Capture 2009/01/30 : SimpleAPI ウェブサイトサムネイル作成API 次のページへ>> 公開API活用ガイドの第4章のサンプルや、その他のサンプルにおいて、「simplexml_load_file()」関数を使っているコードが
マッピィでは、Google社が提供しているGoogle Maps API[1]の利用方法に特化した情報を提供しています。 Google Mapsを自分のサイトやWebアプリケーションとして利用できるようにGoogle社が提供しているのがGoolge Maps APIです。 これまで「Google Maps API Standard Plan(無償版)」と「Google Maps APIs Premium Plan(有償版)」に分かれていたものが、2018年7月16日から「Google Maps Platform(従量制料金)」という新しいサービスに統合されました。Google Maps Platformを利用するには、まずGoogle Cloudへ登録する必要があります。 従量制料金については、毎月200 USドル分は無料でGoolge Maps APIを利用することができます。相当数のア
addressプロパティには、検索する住所文字列を指定します。 住所に日本語を指定できるようにするには、languageプロパティに「ja」を指定します。 その他、国コード(regionプロパティ)、検索範囲(bounds)などを指定可能です。 注: Geocoding API は Google マップと組み合わせて使用する場合にのみ使用できます。地図に表示せずにジオコーディングの結果のみを利用することは禁止されています。 //ジオコードオブジェクト var geocoder = new google.maps.Geocoder(); geocoder.geocode( { 'address': '住所文字列', 'region': 'jp' }, function(results, status){ if(status==google.maps.GeocoderStatus.OK){ /
Windows OS に PHPとApacheサーバーのインストール ~ php.iniの設定まで、 パソコンでPHPを使えるようになるまでの手順を図解。 .htaccessの指定方法、使用頻度の高いPHP関数をサンプル付きで解説。 Tipsでは実用的な自作関数を紹介。 JavaScriptの基本~実用的な関数までサンプル付きで解説。 ロールオーバー、ウィンドウ操作、連動プルダウン、入力チェック(正規表現含む)など、 サイト制作に使える実用的なスクリプトを紹介。コピペで使えます。 JavaScriptでDOM(Document Object Model)のメソッド・プロパティを使ってページ上のノードにアクセスするサンプルも追加しました。 Ajax ブログやサイトで使える実用的なAjaxをサンプル付きで解説。 HTML5 次世代HTML標準となるHTML5を使ってみよう!HTML5のタグリフ
Google Maps API Premier Maps API ã®æ©è½ã«å ãããã¸ãã¹åãã®ãµãã¼ããæä¾ãããåºåã管çã§ãã¾ãã ãµã¼ãã¹ã®æ¦è¦ Google Maps API ã¯æ°ããæ©è½ã®è¿½å ã«ãã£ã¦å®æçã«æ¡å¼µããã¦ãã¾ããå¤ãã®å ´åãããããæ©è½ã¯ãmaps.google.com ã§æåã«ãªãªã¼ã¹ããã¾ãããã®ã»ã¯ã·ã§ã³ã§ã¯ããããã®ãµã¼ã
ふとワクワクするようなアイディアが浮かんだ時、もし自分でwebサービスを作れたらなーって思う方も多いんじゃないでしょーか。 実際、twitterやfacebookを徘徊してても、結構頻繁に「webサービス作ってみたい☆」みたいな投稿をみかけますが、中には「何から手を付け始めれば良いか分からない!」的な迷える子羊達もちらほら。 そんなワケで、ささやかながら今まで当ブログでもいくつかの自作webサービスを公開してきて、企画からデザイン・コーディング・プログラミング・宣伝に至るまで、若輩ながら全て一人で担ってきた私の知見をご紹介したいと思います。 だいじょーぶ、やりゃーできる! webサービスを作るための技術と知識 技術に関する最大のポイントは「全てを知る必要はあるが、全てに精通する必要は無い」、つまり「広く浅く」で良いというコト。 その中でどこかに自分の強みが持てると尚良しですが、手始めであれ
はじめに ご使用上の注意 (1) 主な更新履歴 (24) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (400) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (39) TypeScript (1) Java (25) Perl (4) PHP (14) Ruby (11) Python (13) Go (
HTML5の勉強を始めた際に使い方に迷う新要素「section要素」の基本と使い方をまとめてみました【MdN連載第4回目】 HTML5の勉強を始める際に新要素の使い方などを勉強すると思いますが、その際にまず迷うのが「section要素」と「article要素」はどういうときに使うのだろか?使い分けはどういうようにするのか?という疑問にほとんどの人が行きつくとおもいます。 しかしこれはコンテンツの原稿によっても変わるものなので何もない段階で要素だけ見て「section要素」はこうする、「article要素」はこうするという絶対的なルールはありません。原稿内容によってセクション分けをする形になります。 逆にヘッダー部分に使う「header要素」、フッター部分に使う「footer要素」、主要ナビゲーションに使う「nav要素」要素などは使い方が明確でわかりやすいですよね。 仕様書やHTML5の書籍
2011年、当サイトでブックマークが多かったエントリーBest 20+αの紹介です。 今年は、HTML5、CSS3、スマートフォン、の3つが目立ったように思います。来年もこの流れは変わらない感じですかね。 コリス [ad#ad-2] 当サイトの購読は、RSS Feedをご利用すると便利です。 コリスのRSS Feed また、Twitterではここに掲載していないウェブ関連の話題、クリエイティブなもの、面白いものを数多く紹介しています。 Twitter@colisscom [ad#ad-2] 2011年、ブックマークが多かったエントリー 漢字も揃ってる、日本語のフリーフォントのまとめ -2011年版 美しい日本語を使いたい、ワンランク上のビジネスメールの作法 全653種、商用利用無料、再配布可能な太っ腹のフリーアイコン -Default Icon サイトやブログの運営でよく使いそうな.hta
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く