はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ HTML・CSS

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 43件)

HTML・CSSで実装するかわいいフキダシのアイデア - ICS MEDIA

2024/04/25 このエントリーをはてなブックマークに追加 177 users Instapaper Pocket Tweet Facebook Share Evernote Clip ICS MEDIA

見出しなどのテキストを目立たせたいときに便利なフキダシ(吹き出し)。 この記事では、HTMLとCSSだけで簡単に実装できる、シンプルなデザインのフキダシをご紹介します。 雑誌やポスターなどで見かける可愛いあしらいをウェブサイトにも取り入れたいと思ったことが、今回のテーマを選んだきっかけです。 とくにフキダ... 続きを読む

CSS Stock|Webデザインを楽にするCSSコピペサイト

2023/05/27 このエントリーをはてなブックマークに追加 568 users Instapaper Pocket Tweet Facebook Share Evernote Clip コーディング CSS webデザイン 順次 HTML

当サイトについて 「CSS Stock」はWeb制作の「これが欲しい」を叶える、をテーマにHTML・CSSのデザインやパーツをご紹介するサイトです。 お好きなパーツを選び、デザインや色を調整するだけ。 あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。 ちなみに新しいスニペットを順次... 続きを読む

リンク/ボタン/フォームをより良くするHTML・CSS 17選 - ICS MEDIA

2022/12/09 このエントリーをはてなブックマークに追加 235 users Instapaper Pocket Tweet Facebook Share Evernote Clip ICS MEDIA ボタン フォーム リンク 17選

ウェブサイト制作において見た目がきちんと実装されているのは大事なことですが、コードのちょっとした違いでユーザーの不便につながることもあります。本記事では見た目だけでなくユーザーの使い勝手にも気をつけたコーディングテクニックについて解説してます。今回はユーザーが特に使い心地を感じやすいインタラクシ... 続きを読む

私が「Web制作にはMacが適している」と思う理由 | Stocker.jp / diary

2019/11/07 このエントリーをはてなブックマークに追加 222 users Instapaper Pocket Tweet Facebook Share Evernote Clip Stocker.jp diary iPhone Sass 理由

iPhone / Mac 私が「Web制作にはMacが適している」と思う理由 Thursday, November 7th, 2019 【土曜開催】「スマートフォン時代のWebコーディングスクール」開催!PC・タブレット・スマートフォンに対応したHTML・CSSを基礎から学べます! 【日曜開催】「1日で分かるSassとBEM講座」ではWeb制作で必須となったSassと効率... 続きを読む

Webデザイナー目線で見たiPad版Photoshopの驚きの完成度について | Stocker.jp / diary

2019/11/06 このエントリーをはてなブックマークに追加 55 users Instapaper Pocket Tweet Facebook Share Evernote Clip Stocker.jp diary iPhone Sass 基礎

iPhone / Mac Webデザイナー目線で見たiPad版Photoshopの驚きの完成度について Wednesday, November 6th, 2019 【土曜開催】「スマートフォン時代のWebコーディングスクール」開催!PC・タブレット・スマートフォンに対応したHTML・CSSを基礎から学べます! 【日曜開催】「1日で分かるSassとBEM講座」ではWeb制作で必須... 続きを読む

2019年10月の、これだけは押さえておきたいWeb関連の動き | Stocker.jp / diary

2019/10/30 このエントリーをはてなブックマークに追加 28 users Instapaper Pocket Tweet Facebook Share Evernote Clip Stocker.jp diary Sass BEM講座 基礎

Webニュース 2019年10月の、これだけは押さえておきたいWeb関連の動き Wednesday, October 30th, 2019 【土曜開催】「スマートフォン時代のWebコーディングスクール」開催!PC・タブレット・スマートフォンに対応したHTML・CSSを基礎から学べます! 【日曜開催】「1日で分かるSassとBEM講座」ではWeb制作で必須となったS... 続きを読む

iMac Retina 5K 2019レビュー: 再び5Kを選んだ理由 | Stocker.jp / diary

2019/10/28 このエントリーをはてなブックマークに追加 27 users Instapaper Pocket Tweet Facebook Share Evernote Clip Stocker.jp diary iMac Retina

iPhone / Mac iMac Retina 5K 2019レビュー: 再び5Kを選んだ理由 Monday, October 28th, 2019 【土曜開催】「スマートフォン時代のWebコーディングスクール」開催!PC・タブレット・スマートフォンに対応したHTML・CSSを基礎から学べます! 【日曜開催】「1日で分かるSassとBEM講座」ではWeb制作で必須となったSassと効... 続きを読む

Web制作で気になることのアンケート結果(2019年版) | Stocker.jp / diary

2019/10/24 このエントリーをはてなブックマークに追加 33 users Instapaper Pocket Tweet Facebook Share Evernote Clip Stocker.jp diary Thursday Sass

Web技術 Web制作で気になることのアンケート結果(2019年版) Thursday, October 24th, 2019 【土曜開催】「スマートフォン時代のWebコーディングスクール」開催!PC・タブレット・スマートフォンに対応したHTML・CSSを基礎から学べます! 【日曜開催】「1日で分かるSassとBEM講座」ではWeb制作で必須となったSassと効率... 続きを読む

2019年9月の、これだけは押さえておきたいWeb関連の動き | Stocker.jp / diary

2019/09/30 このエントリーをはてなブックマークに追加 43 users Instapaper Pocket Tweet Facebook Share Evernote Clip Stocker.jp diary Monday Web関連

Webニュース 2019年9月の、これだけは押さえておきたいWeb関連の動き Monday, September 30th, 2019 【土曜開催】「スマートフォン時代のWebコーディングスクール」開催!PC・タブレット・スマートフォンに対応したHTML・CSSを基礎から学べます! 「HTML5再入門講座」という「HTML5を学び直す」ための無料講座も開催しま... 続きを読む

HTML・CSS】美しいサイトは骨までキレイ?HTML5のアウトラインを学ぼう! | JAM25

2019/05/23 このエントリーをはてなブックマークに追加 14 users Instapaper Pocket Tweet Facebook Share Evernote Clip アウトライン JAM25 HTML5 オマケ 美しいサイト

HTML5のアウトラインについて アウトラインとは? アウトラインとはアウトラインアルゴリズムのことを指し、検索エンジンから見たWebページの構造を表す概念です。一般的に階層構造(入れ子構造)をとります。 Google等の検索エンジン対して、「ここがメインコンテンツ」「ここがコンテンツの区切り」「ここはオマケ」等... 続きを読む

HTML・CSS】ブロガーも必見!HTML5の重要タグを覚えよう! |

2019/05/12 このエントリーをはてなブックマークに追加 39 users Instapaper Pocket Tweet Facebook Share Evernote Clip HTML ブロガー 必見

ページの概要を説明するメタディスクリプション(meta description) メタディスクリプション(meta description)は、ページ内容の概要を表した文章です。メタディスクリプションはページごとに設定します。 メタディスクリプションの特徴とサイト訪問者数の増加が見込める理由 下記はGoogleで「JAM25」と検索した画面... 続きを読む

HTML・CSSとは何か?できることとは?事例とともにご紹介 | JAM25

2019/04/27 このエントリーをはてなブックマークに追加 18 users Instapaper Pocket Tweet Facebook Share Evernote Clip JAM25 事例

Markup Languageとは Markup Language(マークアップ ランゲージ)とは、視覚表現や文章構造などを記述するための形式言語のことです。 Markup(マークアップ)は目印をつけるという意味で、文書の各部分が、どのような役割を持っているのかを示します。例えば、見出し・段落・表・リストなどの各要素を、文書の中の各部... 続きを読む

2019年3月の、これだけは押さえておきたいWeb関連の動き | Stocker.jp / diary

2019/04/02 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webコーディングスクール 基礎 土曜開催 Webニュース

Webニュース 2019年3月の、これだけは押さえておきたいWeb関連の動き Tuesday, April 2nd, 2019 【土曜開催】「スマートフォン時代のWebコーディングスクール」開催!PC・タブレット・スマートフォンに対応したHTML・CSSを基礎から学べます! 「HTML5再入門講座」という「HTML5を学び直す」ための無料講座も開催します。... 続きを読む

スマートスピーカーやNature Remoでスマート住宅にした結果 | Stocker.jp / diary

2019/04/02 このエントリーをはてなブックマークに追加 39 users Instapaper Pocket Tweet Facebook Share Evernote Clip Stocker.jp diary Nature Remo

ライフハック スマートスピーカーやNature Remoでスマート住宅にした結果 Monday, April 1st, 2019 【土曜開催】「スマートフォン時代のWebコーディングスクール」開催!PC・タブレット・スマートフォンに対応したHTML・CSSを基礎から学べます! 「HTML5再入門講座」という「HTML5を学び直す」ための無料講座も開催しま... 続きを読む

2018年10月の、これだけは押さえておきたいWeb関連の動き | Stocker.jp / diary

2018/10/30 このエントリーをはてなブックマークに追加 19 users Instapaper Pocket Tweet Facebook Share Evernote Clip Stocker.jp diary Tuesday Web関連

Webニュース 2018年10月の、これだけは押さえておきたいWeb関連の動き Tuesday, October 30th, 2018 【日曜開催】「1日で分かるJavaScript・jQuery講座」開催! こちらはHTML・CSSは分かる方向けです。 WordPress を仕事に活かしたい方のための「PHP徹底入門講座」、「WordPressカスタマイズ講座」を日曜に開きます。 「W... 続きを読む

CSS:ボタンホバー時に背景がスライドしたり領域を覆うアニメーションサンプル 10 | NxWorld

2018/03/26 このエントリーをはてなブックマークに追加 52 users Instapaper Pocket Tweet Facebook Share Evernote Clip ホバーエフェクト 見栄え NxWorld 共通 アニメーション

自分用に一覧化したものがほしくて作ったのでシェアします。 ボタンのホバーエフェクトとして見かける機会も多くなった、ホバーしたら背景がスライドしたり領域を覆うアニメーションのサンプルです。 アニメーションによってはホバー時の見栄えを維持するのではなく、ホバー時に一時的に見えるようなタイプもあります。 共通のHTML・CSS ここで紹介しているサンプルはいずれも下記のようなシンプルなHTMLをベースに... 続きを読む

2017年9月の、これだけは押さえておきたいWeb関連の動き | Stocker.jp / diary

2017/10/03 このエントリーをはてなブックマークに追加 20 users Instapaper Pocket Tweet Facebook Share Evernote Clip WordPress WordPressカスタマイズ 基礎

Webニュース 2017年9月の、これだけは押さえておきたいWeb関連の動き Top diary Monday, October 2nd, 2017 「 スマートフォン時代のWebコーディングスクール 」開催!PC・タブレット・スマートフォンに対応したHTML・CSSを基礎から学べます! WordPress を仕事に活かしたい方のための「 PHP徹底入門講座 」、「 WordPressカスタマイズ... 続きを読む

iPhone XでWebページを見るとどんな挙動になるか | Stocker.jp / diary

2017/09/21 このエントリーをはてなブックマークに追加 28 users Instapaper Pocket Tweet Facebook Share Evernote Clip Stocker.jp diary 挙動 iPhone 新講座

iPhone / Mac iPhone XでWebページを見るとどんな挙動になるか Top diary Thursday, September 21st, 2017 これからWeb制作を学びたい方のための「 スマートフォン時代のWebコーディングスクール 」開催!体験レッスンもあります! 新講座「 1日で分かるJavaScript・jQuery講座 」開催! こちらはHTML・CSSは分かる方向け... 続きを読む

Web制作で気になることのアンケート結果(2017年版) | Stocker.jp / diary

2017/08/31 このエントリーをはてなブックマークに追加 56 users Instapaper Pocket Tweet Facebook Share Evernote Clip Top diary Thursday 体験レッスン 新講座

Webデザイン Web制作で気になることのアンケート結果(2017年版) Top diary Thursday, August 31st, 2017 これからWeb制作を学びたい方のための「 スマートフォン時代のWebコーディングスクール 」開催!体験レッスンもあります! 新講座「 1日で分かるJavaScript・jQuery講座 」開催! こちらはHTML・CSSは分かる方向けです。 Web制... 続きを読む

2017年8月の、これだけは押さえておきたいWeb関連の動き | Stocker.jp / diary

2017/08/30 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webコーディングスクール 基礎 Stocker.jp 開催

Webニュース 2017年8月の、これだけは押さえておきたいWeb関連の動き Top diary Wednesday, August 30th, 2017 「 スマートフォン時代のWebコーディングスクール 」開催!PC・タブレット・スマートフォンに対応したHTML・CSSを基礎から学べます! 新講座「 1日で分かるJavaScript・jQuery講座 」開催! こちらはHTML・CSSは分かる... 続きを読む

HTML・CSSだけでWebアプリを開発できる「Mavo」でGitHubをデータベース代わりにしてみた! - paiza開発日誌

2017/07/13 このエントリーをはてなブックマークに追加 119 users Instapaper Pocket Tweet Facebook Share Evernote Clip GitHub フレームワーク paiza開発日誌 属性 専用

2017 - 07 - 13 HTML・CSSだけでWebアプリを開発できる「Mavo」でGitHubをデータベース代わりにしてみた! 開発ネタ プログラミング初心者 Webサービス紹介  どうも、まさとらん( @0310lan )です! 今回は、 HTMLに専用の属性を追記するだけで、誰でも簡単にWebアプリを開発することができる フレームワーク のご紹介です! カスタマイズ性も非常に高く、... 続きを読む

フレッツ光・So-netマンションタイプで夜間に遅い問題を改善する方法 | Stocker.jp / diary

2017/07/06 このエントリーをはてなブックマークに追加 73 users Instapaper Pocket Tweet Facebook Share Evernote Clip Stocker.jp diary Sass 夜間 BEM講座

Web技術 フレッツ光・So-netマンションタイプで夜間に遅い問題を改善する方法 Top diary Thursday, July 6th, 2017 スマートフォン時代のWebデザインスクール 体験レッスン開催中!PCだけでなくスマートフォンにも対応したWebデザインを基礎から学べる講座です。 新講座「 1日で分かるSassとBEM講座 」開催! HTML・CSSは分かる方向けです。 最近、特... 続きを読む

ChromeのアドレスバーからGoogle翻訳する方法 | Stocker.jp / diary

2017/05/15 このエントリーをはてなブックマークに追加 41 users Instapaper Pocket Tweet Facebook Share Evernote Clip Webコーディングスクール Stocker.jp 文章 英語

4月より新しく「 スマートフォン時代のWebコーディングスクール 」開催!PC・タブレット・スマートフォンに対応したHTML・CSSを基礎から学べます! Web制作をしていると、ちょっとした英語の文章を日本語に訳したい、または日本語の文章を英語にしたいということがあります。 そういったとき、[Google翻訳のページを開く>文章をペーストして翻訳ボタンを押す]よりも、Chromeのアドレスバーから... 続きを読む

Macで素早く作業する10のTIPS+α | Stocker.jp / diary

2017/04/03 このエントリーをはてなブックマークに追加 77 users Instapaper Pocket Tweet Facebook Share Evernote Clip Stocker.jp diary Tips Mac 以外

4月より新しく「 スマートフォン時代のWebコーディングスクール 」開催!PC・タブレット・スマートフォンに対応したHTML・CSSを基礎から学べます! レスポンシブWebデザインを土曜に学ぶ「 スマートフォンサイトコーディング講座 」開催!こちらはHTML・CSSが書ける方向けです。 Macで作業するときに知っておくと素早く作業できる10個のTIPSと、素早く作業する以外のTIPSを3個まとめま... 続きを読む

初心者がHTML/CSSを勉強するのにおすすめの入門記事・参考書 - Minimal Green

2017/01/03 このエントリーをはてなブックマークに追加 55 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS CMS Minimal Green HTML 装飾

2017 - 01 - 03 HTML・CSSを勉強するのにおすすめの入門記事・参考書 サイト制作 HTML CSS ローカルビジネス ブログを書くのに便利な世の中になって久しいですね。WordPressやはてなブログのようなCMSを使えば、HTML・CSSの知識が無くてもキレイなデザインの記事が書けますよね。 ただ、それでも自分独自のデザインや装飾をしたければ、HTML・CSSの知識が必要となっ... 続きを読む

 
(1 - 25 / 43件)