『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
シンプルなHTMLでセマンティックに実装することにこだわった、アクセシブルでレスポンシブ対応のサイトをより簡単に制作するためのフレームワークを紹介します。 MIT Licensesで、個人でも商用でも無料で利用できます。 Turret Turret -GitHub Turretの特徴 Turretはアクセシブルで、セマンティックで、レスポンシブ対応のサイトをより簡単に制作するためのフレームワークです。 レスポンシブ対応 読みやすいマークアップを使い、レスポンシブ対応のグリッドやエレメントを汎用性に優れたclassを使って実装しています。 Design First 直感的なユーザインターフェイスのために、文字の定義とカラーパレットにフォーカスしています。 No JavaScript スクリプトは使用せず、LESSベースでネイティブのWeb要素を採用しています。 セマンティック マークアップは
ウェブページに特殊な記号や文字を表示させるには、専用の文字コードが必要となります。通常、インターネットはウェブブラウザで閲覧しますが、プログラムの性質上、ソースコードに直接記述できないものがあるためです。それらを表示するには「文字参照」という仕組みを使います。 文字参照の書き方 HTMLで特殊な記号を表すには「文字参照」という仕組みを使います。書き方は非常に簡単です。まずは以下のパターンを覚えましょう。 & keyword ; 例えば、文章の中に「<html>」と表示させたい箇所があるとします。不等号(< , >)はHTMLの要素を表す記号であるため、そのままブラウザで読み込んでも画面には表示されません。その状況を避けるには、「<」と表示させたい箇所に「<」を、「>」と表示させたい箇所に「>」を記述します。 ソースコードに「<」が書かれている場合、ブラウザは画面に「<」を
イメージマップの作り方 !HTMLで1画像内に複数リンクを設定イメージマップの作り方をご紹介。1枚の画像内部に複数個のリンクを設定できるイメージマップ。画像1つを丸ごとリンクにするのではなく、画像内の一部分だけをリンクにしたり、画像の中の座標ごとに移動先の異なる複数のリンクを作ったりできます。HTMLのmap要素とarea要素を使って、画像内を円形や矩形など自由な形で区切るだけです。 イメージマップとは? 座標を指定して画像の一部分だけをリンクにできる 画像1枚をまるごとリンクにするのではなく、画像の一部分だけをリンクにしたいと思ったことはありませんか? また、1枚の画像のうち、場所によってリンク先を変えたい(=1画像内に複数のリンク先を設定したい)と思ったことはないでしょうか? HTMLのイメージマップ(クリッカブルマップ)という仕組みを使うと、座標を指定してリンク範囲を限定し、1画像内
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く