タグ「HTML・CSS」 - はてブログ

タグ HTML・CSS

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 14 / 14件)

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選

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

私が「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と効率... 続きを読む

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アプリを開発することができるフレームワークのご紹介です！カスタマイズ性も非常に高く、... 続きを読む

Webサイト制作におけるフロントエンドの必須スキル＆開発環境はこれで決まり！ - North-Geek

2016/04/22 428 users North-Geek Git Sass Gulp Emmet

最近フロントエンドの流行がどうのこうのという記事をよく目にしますが、実際に現場で必要となるスキルと開発環境を紹介していきます。これくらい知っていると全く問題ない。といったことですね。主にWebサイトを制作のスキルは、 HTML・CSS、CSS3、Sass、SublimeText、Emmet、gulp、Git についてのスキルがあれば開発がしやすく流行の開発環境ではないかと思います。さて、そ... 続きを読む

Webデザインの勉強を始める人が幸せになれるツール＆サービス | Webクリエイターボックス

2015/07/06 296 users ツール Webクリエイターボックス講座予想通りたくさん

先日超初心者さん向けにHTML・CSSを使ってWebページを作る講座を開いたのですが、予想通りやはり「これから勉強したい！」という人は、何から勉強すればいいのかがわからない事が多いです。また情報が多すぎて必要なツールもどれを選んだらいいかわからないケースもよく耳にします。そこで今回はその時教えたツールやサービスを中心に「これだけはそろえておこう！」というものを紹介します。あまりたくさん挙げても使い... 続きを読む

HTML/CSSを爆速コーディング Emmet入門: 第1回 Emmetを薦める理由

2015/02/25 170 users Emmet Drea Emmet入門エディタ CSS

Web制作に欠かせないツールである「Emmet」というものを、知っていますか？この連載では、お使いのエディタの機能を拡張するEmmetのインストールから、HTML・CSSの展開、あまり知られていない便利な機能などを解説します。初回は、Emmetの概要とインストール方法についてです。 Emmetとは何か？ Emmetは、主にHTMLやCSSの記述・編集を強力にサポートするプラグインです。Drea... 続きを読む

HTMLを効率よく書く！Emmetの書き方・使い方まとめ | Designup

2015/01/09 183 users Emmet Designup コーディングルール HTML

Emmetを使ってHTMLコーディングの効率を上げることができます。この記事では、Emmetのインストールからコーディングルールの基本、応用までを簡単に解説。明日からすぐに使えるテクニックを大公開！コードエディターにはHTML・CSSを効率良く編集する方法でも書いたように、コードの自動補完などの機能が備わっています。これらの機能を使うことで効率良くコードを記述することができるのですが、ここではさら... 続きを読む