codicは、プログラマーのためのネーミング辞書です。新しいcodicでは、翻訳エンジンを搭載しネーミングをジェネレートできるようになりました。
codicは、プログラマーのためのネーミング辞書です。新しいcodicでは、翻訳エンジンを搭載しネーミングをジェネレートできるようになりました。
マークアップシリーズの第2回は、前回のよくある3つのデザインから考える、マークアップの最適解と同じく、html5jマークアップ部主催のイベント「MarkupCafe」で出題された3つのお題から最適なマークアップを探ります。 イベントではAからDの4つのチームにわかれてマークアップを考えました。それぞれのチームごとに違ったマークアップへの考えが表れていてとても興味深いです。また今回はイベント終了後に「HTML5 Experts.jp」のエキスパート兼マークアップ部の部長でもある村岡正和氏に、氏自身ならこうするといったマークアップを公開してもらいました。 本記事ではWebサイト制作の際にありがちな”ページング”、”フォーム”、”データテーブル”の3つについて要素の使いどころや仕様、アクセシビリティやユーザビリティといった観点からマークアップを考えていきます。 1.ページングの中身と重要度 最初
Service ディレクション DIRECTION お客様の要望をヒアリングし、現状の問題点を洗い出し、効果的なプランを作成いたします。制作ではデザインに入る前の事前の準備が特に重要になります。何が必要で何が必要でないのかを判断し、費用対効果の高いWebサイトを作るための土台を作ります。 デザイン DESIGN ヒアリングに基づいたプランに沿って、デザインを作成いたします。人の使うものであることを常に意識して、使う人が迷わない、目的を達成できるデザインを心がけています。インターフェースの重要性が増す中でデザインの役割を理解し、そのプランに最適な提案をさせていただきます。 コーディング CODING デザインの意図を理解し、動きや効果を適切に使用することでWebサイトの仕上がりは大きく変わります。スマートフォンサイト、ワードプレスを使用した更新性の高いサイト、Javascriptを使用した動
こんにちは。 LIGフィリピン支社代表のせいとです。 お問い合わせフォームといえば、どんなサイトにも大体備わっているものですよね。 どのフォームも見た目は大体同じのため、構築自体は簡単かと思います。 ただし、システムが絡んだり、ユーザーに操作してもらったりと、けっこう重要なページであったりもします。 そこで今回は、ユーザーにとってより快適なフォームを実現するためにオススメしたいクールな技をお伝えしたいと思います。 また、今回の記事を書くにあたり、デモページを作成しました。 こちらのソースも見ながら読んでいただくと、よりわかりやすいかと思います。 ユーザーフレンドリーで構築もしやすいクールなお問い合せフォームをコーディングする9つのTips 1. ボタン系の要素は全て<button type=”submit”></button>を使う 「送信する」「入力画面に戻る」などの要素を作る際、タグは
word-breakプロパティは、W3Cで審議中の仕様をInternet Explorerが独自に採用したもので、 表示範囲に合わせて改行するか、単語の切れ目で改行するかなど、文の改行の仕方について指定する際に使用します。 単語の途中で改行するかどうかを指定するword-wrapプロパティとの使い分けについてですが、 word-wrapプロパティは、文の改行というより、 長い英単語を途中で改行させたくない場合に使用するもののようです。また、日本語の単語に対しては無効なようです。 word-breakプロパティは、CSS3で標準採用されるかもしれません。 ■値 normal 英語等は単語の途中では改行せず、単語の切れ目で改行されます。日本語・中国語・韓国語等は表示範囲に合わせて改行されます。このため単語の途中で改行されることもあります。 break-all 言語に関係なく表示範囲に合わせて改
このレトロ風の凝ったデザインのリボン、HTMLはh1要素だけで実装されています。 余分なspan, div要素もなく、もちろん画像は一切使用されていません。 Single Element Pure CSS3 Double Fold Ribbon CSSはそれなりのボリュームになりますが、スタイルシートだけでデザインする見出しのバリエーションとしてストックしておきたいですね。 HTML HTMLは非常にシンプルです。 「contenteditable」はコンテンツの編集許可で、見出しのテキストを編集できます。 <h1>Single Element - Pure CSS3 - Type here...</h1> 外部スクリプト スタイルシートのベンダープレフィックスを自動で付与するために、外部スクリプトを使用します。 CSS スタイルシートにベンダープレフィックスを記述すれば上記のスクリプトは
先日、Facebookのウォールにこんなスライドが流れてきました。 コーディングが上達するコツ 内容を勝手にまとめさせていただくと… 構造を考えながらスライスする 大枠からコーディングし、細かい部分は後回し classやID名をルール化 Zen-Cordingやfirebugなどのツール活用 古いブラウザ対応(特にIE)の知識をつける コーディングに詳しい知り合いを作る といった感じだと思います。 僕もコーディングすることが多いので、この内容には共感できました。 また僕なりに実行・挑戦している効率化方法もまとめ直してみました。 Dreamweaverを使いこなす 僕はDreamweavrでコーディングしています。 複数の人で作業をすることを想定すると、テンプレート機能はとても便利です。 スライド内では『改行コード・文字コード等の理由からDreamweaverの使用は非推薦』とされていますが
To display a single image simply link to the source. Also, 'title' attributes will automatically populate the caption field: $(".boxer").boxer(); <a href="image.jpg" class="boxer" title="Caption"> <img src="thumbnail.jpg" alt="Thumbnail" /> </a> Demo To display a gallery of images attach a common 'rel' attribute to each item: <a href="image_1.jpg" class="boxer" title="Caption One" rel="gallery"> <
■料理に例えると 料理の本にレシピが載っていたとします。 材料の種類や分量、調理の手順がわかりやすく書いてありますし、完成したときの写真も載っていますが、これ(料理の本やレシピの記述)は食べられませんよね? んで、その料理の本に書いてある通りに調理した本物の料理は食べることが出来ます。 この「調理という作業」がコーディングにあたります。 ■新型車の開発に例えると 最初にどういうエンジンを載せるのか、定員は何名にするのか、内装はどうするのか、などなどを設計図に書き起こします。 でも設計書は走ったり曲がったりしませんよね? 人や荷物を載せることは出来ませんよね? んで、その設計書通りに試作車を製造すると、実際に人や荷物を載せて走ることが出来ます。 この「製造という作業」がコーディングにあたります。 つまり、コーディングとは「どういうものを作るのかを定義した設計書」を元に「実際に動くものを作る」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く