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

2024/04/25 177 users ICS MEDIA

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

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

2023/05/27 568 users コーディング CSS webデザイン 順次 HTML

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

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

2022/12/09 235 users ICS MEDIA ボタン フォーム リンク 17選

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

海外のガチHTMLコーダーに阿部寛のホームページを見てもらった - Qiita

2022/04/22 5 users Qiita セマンティック シーラカンス 忌憚 medium

先日投稿した「「阿部寛のホームページ」はHTML界のシーラカンスである」の続編として、MediumのHTML関連の記事でセマンティックではないHTML・CSS（特にTailwind CSS）に対し舌鋒鋭い批判をしていらっしゃるJason Knightさんに、英語版の記事を見ていただいた。しっかりコードを分析されているようで恐縮である。忌憚・... 続きを読む

HTML・CSSのおさらい! アイコンとテキストを横並びに配置する方法まとめ

2022/01/27 8 users おさらい アイコン テキスト Flexbox ナビゲーション

視覚的に情報を伝えられる「アイコン」は、ボタンやナビゲーションなどのUIによく使用されています。なかでもアイコンとテキストを横並びにするレイアウトは実務で組む場面が多くあります。 横並びのレイアウトはさまざまな実装方法が存在し、それぞれに注意すべき点があります。たとえば、Flexboxで横並びのレイアウト... 続きを読む

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

2019/11/07 222 users 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 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 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 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 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 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 アウトライン JAM25 HTML5 オマケ 美しいサイト

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

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

2019/05/12 39 users HTML ブロガー 必見

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

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

2019/04/27 18 users JAM25 事例

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

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

2019/04/02 13 users 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 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 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 ホバーエフェクト 見栄え NxWorld 共通 アニメーション

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

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

2017/10/03 20 users 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 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 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 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 GitHub フレームワーク paiza開発日誌 属性 専用

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

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

2017/07/06 73 users 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 Webコーディングスクール Stocker.jp 文章 英語

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