タグ

HTMLとWeb制作に関するicicaのブックマーク (4)

  • Webオーサリングツールまとめ【ホームページ制作に使える・無料ツールあり】

    Webオーサリングツールまとめ【ホームページ制作に使える・無料ツールあり】 Webオーサリングツールをまとめた記事です。フリー(無料)で使えるものからプロ向けの高価なツールまであります。WindowsMacのOS対応についても比較しているので、ご自身のPC環境にあったツールを見つけてみてください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査 ホームページを制作をこれから始めたい!という方のためにWebオーサリングツールを紹介します。

    Webオーサリングツールまとめ【ホームページ制作に使える・無料ツールあり】
  • CSSの content プロパティーを使いこなそう!

    2015年4月8日 CSS CSSの小技やスニペット集なんかを見ていると、ちょくちょく見かける content プロパティー。「そういえば、こいつ一体何者…!?」と思った方もいるかもしれないので、今更ながら改めて content プロパティーの紹介をしようと思います。 ↑私が10年以上利用している会計ソフト! content プロパティーって何? content プロパティーは、要素の前後に、:before または :after という擬似要素を使ってテキストや画像などのコンテンツを挿入する際に使用します。擬似要素とは、HTMLなどの文書には記述されていない要素をCSSによって新たに作り出された架空の要素です。Webクリエイターボックスでも、過去記事「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」や「経歴や会社の沿革ページに!簡単なCSSで実装す

    CSSの content プロパティーを使いこなそう!
  • Webデザインの勉強を始める人が幸せになれるツール&サービス

    2015年7月7日 便利ツール 先日超初心者さん向けにHTMLCSSを使ってWebページを作る講座を開いたのですが、予想通りやはり「これから勉強したい!」という人は、何から勉強すればいいのかがわからない事が多いです。また情報が多すぎて必要なツールもどれを選んだらいいかわからないケースもよく耳にします。そこで今回はその時教えたツールやサービスを中心に「これだけはそろえておこう!」というものを紹介します。あまりたくさん挙げても使い切れないかなーと思ったので、かなり絞っています。まずはこれらをとっかかりにし、自分好みのものを探していってくださいね! ↑私が10年以上利用している会計ソフト! 環境を整えよう まずはWebサイト制作をするための環境を整えましょう。 テキストエディター テキストエディターは、HTMLCSSなどを使ってWebページを作成する際に使うツールです。Windowsに最初か

    Webデザインの勉強を始める人が幸せになれるツール&サービス
  • [42-3] link要素の「rel属性」の値(リンクタイプ)

    [42-3] link要素の「rel属性」の値(リンクタイプ) 最終更新日:2019年07月05日 (初回投稿日:2012年06月29日) <link>要素の「rel属性」と「hreflang属性」で指定した「他言語版ページ」がある場合、検索エンジンはユーザの言語環境にあわせて自動的に検索結果を切り替えることができます。 そのほかにも「rel属性」を使って、検索エンジンに情報を提供することができます。 今回は、<link>要素の「rel属性」の値(リンクタイプ)と、その使い方を見てみましょう。 <link>要素は内容が多いため 記事を分けています。 [42-1] link要素で 外部CSSファイルの読み込み・グループ化をしよう <link>要素全体の話と、外部CSSファイルの読み込み方法 [42-2] link要素の media属性で 外部CSSをメディア別に切り替えよう media属性で

    [42-3] link要素の「rel属性」の値(リンクタイプ)
  • 1