HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで約100種類のリボンを実装できるCSS Ribbon Shapesを紹介します。 リボンは、よく見かけるシンプルなリボンをはじめ、パネルに垂れ下がるようなリボンや複雑な形状のリボンまでたくさんあります。リボンを実装するときには、ここを見ればコピペで簡単に実装できます。
Rapidly build modern websites without ever leaving your HTML.A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. <figure class="md:flex bg-slate-100 rounded-xl p-8 md:p-0 dark:bg-slate-800"> <img class="w-24 h-24 md:w-48 md:h-auto md:rounded-none rounded-full mx-auto" src="/sarah-dayan.jpg"
世界で最も人気のあるフレームワーク Bootstrap で始めましょう。CDN とテンプレートを使ってモバイルファーストなサイトを構築できます。 はじめる あなたのプロジェクトに Bootstrap を素早く追加したいですか？無料のオープンソース CDN である jsDelivr をご利用ください。パッケージマネージャを使用していたり、ソースファイルをダウンロードする必要がありますか？ダウンロードページへをご覧ください。 CSS スタイルシート <link> をコピーして、他のスタイルシートの前にある <head> に貼り付けて、CSS を読み込みます。 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384
2021年12月18日 CSS, ダウンロード FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは以前からFlexboxの使い方について紹介してきたのですが、最近Flexboxが浸透してきたこともあってか各プロパティの使い方について質問される機会が増えてきたので、チートシートとしてまとめてみました。この記事ではなるべく画像メインでプロパティーの使い方を紹介したいと思います！ ↑私が10年以上利用している会計ソフト！ 動画で学ぶCSS Flexbox この記事はYouTube動画でも解説しています。動画派の
The World Wide Web Consortium (W3C) develops standards and guidelines to help everyone build a web based on the principles of accessibility, internationalization, privacy and security. Working with stakeholders of the Web A range of organizations join the World Wide Web Consortium as Members to work with us to drive the direction of core web technologies and exchange ideas with industry and resear
Responsive design gets a whole lot faster A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable. We’re constantly adding new resources and code snippets, includi
今や家庭用ゲーム機以外でのゲームと言えば、iphoneを代表とするスマートフォンのアプリや、Facebook・mixi・Gree・Mobageに代表されるようなソーシャルゲームが中心となり「早い・安い・面白い」のカジュアル化が進んでいますが、初めてパソコンでゲームをしたのはクライアント型のMMOでしたという人も多いのではないでしょうか。 数年前から廃人(1日の大半をゲームに費やせる人)が絶対的に強いゲームから、短時間でも楽しめるものが主流になってるようですが、それに対するMMORPGの1つの答えが基本無料でアイテム課金なんでしょうね。社会人は強さをお金で買ってね的な。 今はネトゲはやらなくなったけど、ウルティマやディアブロ(ちょっと違うか)でネトゲの面白さを知りましたという諸兄もそう少なくはないと思います。(歳がばれますね) 僕も学生の頃はMMOをプレイしていたのですが、プレイ当時はまだま
TITLE タイトル SEO的にも文字化け防止の意味でも文字コードの次に記述したいのが、title です。 <title></title> <title> と </title> の間にタイトルを記入します。 例１：<title>HEADのTITLE設定 WEBサイトの作り方</title> 例２：<title>HTML構造とHEAD内の設定 - ホームページ作り方</title> まずは、30全角未満で、そのぺージに見合ったタイトル（余裕があればメインのサイトタイトルも）で、 文の切れ目で空スペースを入れる（または、 - , | などで区切る）。 ブラウザのタイトルバーに表示されたり「お気に入り」の登録名になったり 検索結果のタイトルに表示されたり検索エンジンの最重要キーワードになります。 短か過ぎず長過ぎず、各ページ毎に各タイトルを設定する事。 タイトルを見てクリック（訪問）するユーザー
このページで紹介するのはHTML4.01で定義されている特殊な文字です。 これらの文字を表示させるには、｢&キーワード；｣、｢&#番号；｣という2通りの記述方法があります。 キーワードは、大文字と小文字が区別されます。 ※OSやブラウザの種類・バージョン等の環境により、表示されない場合があるので注意してください。
あけましておめでとうございます！ 今年も当ブログをよろしくお願いします。 皆さん、お正月をどのようにお過ごしでしょうか。 新しい年を迎えたということで、Web制作の新しいお供を探してみるのはいかがでしょう？ 今日は「入力補助付きのHTMLエディタ」をご紹介します。 ■Crescent Eve http://www.kashim.com/eve/ 軽くて多機能なエディタです。HTML5に対応しています。 タグ、属性の入力補助の他に文法チェックやショートカットの機能もあります。 「Ctrl」＋「Enter」でその場所の適切な閉じタグが入力出来る、という機能がかなり便利です。 ■ez-HTML http://www.w-frontier.com/software/ezhtml.html コードの編集からFTPでのアップロードまで出来るエディタです。タブ機能付き。 ちょっと編集してアップロードする
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く