キーワード検索「ウェブ」
1576
はじめにこんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。なので、今回はちまたで大人気のHTML5について書きます。若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。HTML5の基本概念や思想・実際の...
1512
Mixi, Facebook みなさん、こんにちはお元気ですか？僕は元気です。 さて最近、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着しつつあるのかと思っています。そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。OG...
1296
blog | もうすぐ2010年も終わり。なんかこの業界、転職ブームな感じがしますね。転職したいですね。圧倒的給与を手にしたいですね。それにはアウトプットが必要です。そのためには勉強が必要です。エンジニアたる者、最新のトレンド（の技術）や今年マストアイテム（な技術）をおさえておきたいですね。そこで役立つ技術系ブログをまとめました。今回は、ウェブ系の会社のオフィシャルなブログに限定しています。やっぱ...
1153
こんにちは、id:shiba_yu36です。 はてなのエンジニア陣によって執筆されたウェブアプリケーション作成の基本を学ぶための「はてな教科書」をgithub上に公開しましたのでお知らせします。 はてな教科書は、はてなサマーインターンでも利用されている、約1週間でウェブアプリケーションの基本を身に付けるためのものです。はてなでは日々のウェブ開発で得られたノウハウをこの教科書を継続的に盛り込みながら...
developer.hatenastaff.com
963
実は、 AV女優.com は裏で Node.js が走っています。 表のウェブサーバは、 そろそろApacheからNginxに移行したい人の、Nginx スターティング・ガイド で紹介した通り、Nginxです。 では、どこでNode.jsを使っているか。 こっそりと設置された、流行っていない AV女優.com アダルト掲示板 です。 ここのところ、Node.jsはとても人気者ですが、その記事の大半...
985
新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足していると言わざるを...
897
みなさんは、サイトをスクラッチで作る時にどうされていますか？ HTMLやCSSをイチから作り込んでいくのは大変ですよね。 フリーでHTMLやCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局ゴリゴリ作らないといけなかったりします。 最近だと、Twitter Bootstrapが使いやすくて、いろんなサイトでも使われています。 特にウェ...
792
Ruby, JavaScriptいつぞやの飲み会で、これだけウェブの技術が進化しているのだから、もっとオシャレなエロサイトがあってもいいんでないかい？という話になりまして。 だけどどうせ作るんならということで、Rails3 と jQuery を使って、結構マジメにつくってみました。 ▽ h300 - 人妻動画サイトを Rails スキルアップのためにつくってみました（※閲覧は 18歳になってから）...
778
ついにウェブでも有名書体が使える！ウェブフォントサービス Fonts.com Web Fonts β版が運用開始TypekitやFontspringなどに続き、オンラインフォントショップFonts.comが、ウェブフォントサービス Fonts.com Web Fonts を開始しました。現在はβ版となっており、登録制でサービスを利用することができます。他のサービスに比べて、とにかくすごいのが有名書...
851
ここ数年でたくさんの情報が揃ってきたCSS3。古いブラウザでは対応されていないため、まだまだ一般に普及するまでは時間がかかってしまうのかもしれませんが…。CSS3を使えば、ウェブデザインの可能性をさらに広げてくれることは間違いありません。デザイナーの皆さんは、是非CSS3でどんなことができるの？って事だけでも今のうちから知っておいても損はないと思いますよ。今回は、そんなCSS3を使えばここまででき...
730
第2回 HTML5でWebページをマークアップするための基礎知識株式会社オープンウェブ・テクノロジー 代表 白石 俊平 2010/10/4最近よく目にする「HTML5」という言葉。JavaScriptのAPIやCSS3、SVGなどを含め、急速な広がりを見せつつある「HTML5」の基礎を学べる入門連載です。「HTML5を使うと、何ができるのか」「それを実現するには、どのようなプログラムを書いたらいい...
734
お問い合わせやユーザー登録、ログインから商品の注文まで、ウェブでとっても重要なフォーム要素。このフォームの使い勝手や見栄えはそのサイトの売上や登録に大きく影響するといっても過言ではありません。フォームの入力項目が多すぎたり、わかりづらかったりすると、せっかく購入やユーザー登録する気になってくれているユーザーの方々も逃げてしまいますよね…。今回は、フォームのデザインや使い勝手を強化してくれるjQue...
520
今回はウェブ制作者・デベロッパ向けに ウェブ上にある様々なチートシートをまとめてみました。 HTML5・CSS3・Wordpress・PHP・SEOから JavaScript・Apache・Perl・Photoshop・Gメールまで 各ジャンル・各言語のチートシートを色々集めました。
518
デザインするとき、いきなりパソコンに向かいますか？それともノートを広げますか？ デジタルだと簡単に変更できるし再利用も簡単でしょう。ですが本格的にとりかかるより前にはフリーハンドでざくざく描くほうがいい気もします。クライアントの意向を確認する際にも、ラフデザインは重要ですよね。 今回は、紙とエンピツがお好きなデザイナーさんに捧げる PDF のまとめです。印刷してウェブデザインのおともにどうぞ。 サ...
495
はじめに2010 年 9 月 21 日、ツイッターで深刻な脆弱性(ぜいじゃくせい)が発見され、被害が広がっています。これが何なのか、簡単に説明します。JavaScript とマウスオーバーイベントまず、下のピンク色の枠内にマウスカーソルをすべらせてみてください。この枠の中をマウスカーソルで触って!どうでしたか。「触ってくれてありがとう!」というメッセージが表示されましたね。このように、ウェブページ...
497
ウェブデザインのなかで、 jqueryをつかった、さりげない「動き」をウェブサイト上で導入するのが 最近はもう定番になりつつあります。 ふわっと、ポップアップみたいに浮き上がってくるウインドウ、 画像やテキストのスライドなど 最近良く見るjqueryでつくる「動き」で、おすすめのライブラリをまとめてみます。 要素をスライドさせるならJquery.cycle.plugin 画像や、テキストなど、 非...
509
株式会社オープンウェブ・テクノロジー 代表 白石 俊平 2011/3/7HTML5の新しい入力タイプを、日時関連や数値、検索、電話番号、URL、メールアドレス、色など用途別にサンプルコードとともに紹介。iPhoneで見るとキーボードまで変化するタイプも!?input要素に追加された新しいタイプを用途別に紹介前回の「HTML5で既存のinputタイプに加わった6つの変更点」では、既存の入力タイプ（<...
460
以前、当サイトでGoogleリーダーを超便利にする最強のGreasemonkeyスクリプト11選！という記事をエントリーしたことがありますが、今回はその続編という形で、Googleリーダーを使うなら是非おさえておきたいGreasemonkeyスクリプト10個をまとめて紹介します。 最近では、Mac用アプリの「Reeder for Mac」などクライアント型の優れたGoogleリーダー同期ツールが利...
511
手描き字・丸文字・四角い系・四角て丸い系・くずし文字・アクセント付き・へた文字系・ゴシック系・明朝系・筆文字系・筆書体系・欧文(英数のみ)・変わり種フォントなど、約80種類の「ウェブフォント」（パソコンにインストールされているフォントではなく、サーバにアップロードされているフォントを指定して自由に表示させるCSS3 Web Fontsを使った技術、このサンプルを見るとよくわかる）が利用可能なネット...
479
Designer Dailyの記事を参考に、Appleのウェブデザインからディテールを強化する9つのポイントを紹介します。 Creating beautiful web designs: 9 details that matter 下記は各ポイントを意訳し、Appleのサイトを例にしたものです。 ドロップシャドウ ドロップシャドウは、デザインに深さを与える素晴らしいテクニックです。しかし、計画的に...
