「web制作」カテゴリーアーカイブ

エンジニアでも知っておきたいデザインの基礎知識 – Qiita

エンジニアでも知っておきたいデザインの基礎知識 - Qiita

エンジニアでも知っておきたいデザインの基礎知識 - Qiita

→ English 対象読者 ワイヤーフレームだけが渡されてコーディングしなければいいけないようなケースで役立つ知識を紹介します。 以下のような環境にいるエンジニアは読む必要はないと思います。 毎回デザイナーからデザインデータが用意されて、それを忠実に再現すればよい そもそもコーディングはコーダーがやってくれ...

はてなブックマーク - エンジニアでも知っておきたいデザインの基礎知識 - Qiita はてなブックマークに追加

フロントエンドエンジニア御用達の MDN web docs を網羅した – Qiita

フロントエンドエンジニア御用達の MDN web docs を網羅した - Qiita

フロントエンドエンジニア御用達の MDN web docs を網羅した - Qiita

このリストは何? MDN web docs を、あたかも書籍の目次のように整理しなおしたものです。それぞれ MDN web docs の記事へリンクしています。 なぜこれが必要なったかというと、人材市場でフロントエンドエンジニアが少なすぎる現状をどうにかするべく教育体制を整えるところから考え始めたのですが、それならまずは日頃...

はてなブックマーク - フロントエンドエンジニア御用達の MDN web docs を網羅した - Qiita はてなブックマークに追加

進撃の巨人はワシが育てた!と言っても良いのだろうか|深津 貴之 (fladdict)|note

進撃の巨人はワシが育てた!と言っても良いのだろうか|深津 貴之 (fladdict)|note

進撃の巨人はワシが育てた!と言っても良いのだろうか|深津 貴之 (fladdict)|note

人づてに聞いたところ…進撃の巨人のムック本に、「作者の諌山氏が、ポーズマニアックスというサイトで絵の勉強をした」という記述があるらしい(進撃の巨人OUTSIDEより)。 ふーん、ポーズマニアックスねぇ… ポーズ… え、あれ、ポーズ… ポ…ポポポポーン!? それって、僕が昔に作った個人サイトじゃね? ポーズマニアッ...

はてなブックマーク - 進撃の巨人はワシが育てた!と言っても良いのだろうか|深津 貴之 (fladdict)|note はてなブックマークに追加

進撃の巨人はワシが育てた!と言っても良いのだろうか|深津 貴之 (fladdict)|note

進撃の巨人はワシが育てた!と言っても良いのだろうか|深津 貴之 (fladdict)|note

進撃の巨人はワシが育てた!と言っても良いのだろうか|深津 貴之 (fladdict)|note

人づてに聞いたところ…進撃の巨人のムック本に、「作者の諌山氏が、ポーズマニアックスというサイトで絵の勉強をした」という記述があるらしい(進撃の巨人OUTSIDEより)。 ふーん、ポーズマニアックスねぇ… ポーズ… え、あれ、ポーズ… ポ…ポポポポーン!? それって、僕が昔に作った個人サイトじゃね? ポーズマニアッ...

はてなブックマーク - 進撃の巨人はワシが育てた!と言っても良いのだろうか|深津 貴之 (fladdict)|note はてなブックマークに追加

「img要素をpで囲う」仕様を読むのがめんどくさい人向け解説 – m31

「img要素をpで囲う」仕様を読むのがめんどくさい人向け解説 - m31

「img要素をpで囲う」仕様を読むのがめんどくさい人向け解説 - m31

web屋さんたちのTLで話題沸騰の「img要素、下から見るか?横から見pで囲うか?」問題について、Twitterでもやいのやいの言っていますが、件のツイートで挙がっている項目について、独自解釈ではなく、仕様についてきちんと解説したいと思います。 って書いたけどたぶんimg要素の話だけで終わる。 img要素の仕様を理解す...

はてなブックマーク - 「img要素をpで囲う」仕様を読むのがめんどくさい人向け解説 - m31 はてなブックマークに追加

Googleがrel=nofollow属性の扱いを変更。sponsored属性とugc属性を新たに導入 | 海外SEO情報ブログ

Googleがrel=nofollow属性の扱いを変更。sponsored属性とugc属性を新たに導入 | 海外SEO情報ブログ

Googleがrel=nofollow属性の扱いを変更。sponsored属性とugc属性を新たに導入 | 海外SEO情報ブログ

[レベル: 上級] rel="nofollow" 属性の扱いを Google は変更しました。 従うべき命令としてではなく、手がかりのためのヒントとして利用するようになります。 また、nofollow の派生型として、link タグと用いる 2 種類の rel 属性を新たに導入しました。 nofollow 属性の扱いを変更 rel="nofollow" 属性が付いたリンク...

はてなブックマーク - Googleがrel=nofollow属性の扱いを変更。sponsored属性とugc属性を新たに導入 | 海外SEO情報ブログ はてなブックマークに追加

個人開発したWebサービスをリリースした後にやったこと / やり続けていること – くらげになりたい。

個人開発したWebサービスをリリースした後にやったこと / やり続けていること - くらげになりたい。

個人開発したWebサービスをリリースした後にやったこと / やり続けていること - くらげになりたい。

どうもきらぷかです。 最近、積んでる本の総額がわかる読書管理サービスをリリースしました!! リリース後のプロモーションはいつも困っているんですが、 いろいろ試していることをまとめてみました。 これから何かを作ろう、リリースしようとしている人の一助になれば。 やったこと/やっていることまとめ ざっくりとリリ...

はてなブックマーク - 個人開発したWebサービスをリリースした後にやったこと / やり続けていること - くらげになりたい。 はてなブックマークに追加

ウェブ制作がすご楽!便利な最新オンラインツール個まとめ – PhotoshopVIP

ウェブ制作がすご楽!便利な最新オンラインツール個まとめ - PhotoshopVIP

ウェブ制作がすご楽!便利な最新オンラインツール個まとめ - PhotoshopVIP

この記事では、日常行っているWebデザインやグラフィックデザインの制作が格段スピードアップする、便利な最新オンラインツールをまとめてご紹介しています。 カテゴリ分けされたこれらのツールやサービスを利用することで、面倒な作業を自動化し、生産性をアップすることができるでしょう。一度使いはじめると「これな...

はてなブックマーク - ウェブ制作がすご楽!便利な最新オンラインツール個まとめ - PhotoshopVIP はてなブックマークに追加

一人から始めるWebアクセシビリティ | Slack

一人から始めるWebアクセシビリティ | Slack

一人から始めるWebアクセシビリティ | Slack

このタイトルは「一人から始めるユーザーエクスペリエンス」という書籍のオマージュです。 Webアクセシビリティ、まず取り組むべきはカルチャーとプロセスhttps://kidachi.kazuhi.to/blog/archives/038754.html カルチャーがあってもプロセスがない場合取り組みが属人的になりやすく、ちょっとした判断にもバラツキが生...

はてなブックマーク - 一人から始めるWebアクセシビリティ | Slack はてなブックマークに追加

一人から始めるWebアクセシビリティ | Slack

一人から始めるWebアクセシビリティ | Slack

一人から始めるWebアクセシビリティ | Slack

このタイトルは「一人から始めるユーザーエクスペリエンス」という書籍のオマージュです。 Webアクセシビリティ、まず取り組むべきはカルチャーとプロセスhttps://kidachi.kazuhi.to/blog/archives/038754.html カルチャーがあってもプロセスがない場合取り組みが属人的になりやすく、ちょっとした判断にもバラツキが生...

はてなブックマーク - 一人から始めるWebアクセシビリティ | Slack はてなブックマークに追加

Udemyで夏の大キャンペーン開催! はてなブロガーも受講した、Python・機械学習・人工知能など最先端スキルを学べる講座を5つピックアップ – はてなニュース

Udemyで夏の大キャンペーン開催! はてなブロガーも受講した、Python・機械学習・人工知能など最先端スキルを学べる講座を5つピックアップ - はてなニュース

Udemyで夏の大キャンペーン開催! はてなブロガーも受講した、Python・機械学習・人工知能など最先端スキルを学べる講座を5つピックアップ - はてなニュース

お盆休みが明けてもう8月下旬。秋に向けて自分が学んでみたいことや身に付けておきたい技術などを見つけ始めるにはよいタイミングです。そこで、オンライン学習プラットフォーム・Udemy(ユーデミー)のオンライン講座をチェックしてみてはいかがでしょうか。 Udemy(ユーデミー)公式サイト Udemyの講座は一度購入すれば...

はてなブックマーク - Udemyで夏の大キャンペーン開催! はてなブロガーも受講した、Python・機械学習・人工知能など最先端スキルを学べる講座を5つピックアップ - はてなニュース はてなブックマークに追加

CSSを非同期ロードする最も簡単な方法 – Qiita

CSSを非同期ロードする最も簡単な方法 - Qiita

CSSを非同期ロードする最も簡単な方法 - Qiita

CSS読み込みの<link rel="stylesheet">は同期なので、レンダリングブロックします。 どういうことかというと、CSSファイルの読み込み・パースが終わるまで画面描写が止まってしまいます。 これに対策する方法としてpreloadというものが策定されましたが、対応状況が微妙です。 2019年7月時点でもブラウザシェアが8割しか...

はてなブックマーク - CSSを非同期ロードする最も簡単な方法 - Qiita はてなブックマークに追加

レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版] – webのあれこれ

レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版] - webのあれこれ

レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版] - webのあれこれ

PDFはこちらからどうぞ[500KB] 2019年Pixel 3aやGalaxy S10など一通り新機種が発表されたので、2019年改めてブレイクポイントについて考えてみました(3年ぶり!)。 3年経ってほとんどのサイトがレスポンシブデザインになって、ブレイクポイントを少なく効率よく設定していく方向になっているのだと思います 前回、ブレ...

はてなブックマーク - レスポンシブデザインのブレイクポイントの正解はこれだった[2019最新版] - webのあれこれ はてなブックマークに追加

実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方 | コリス

実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方 | コリス

実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方 | コリス

HTMLだけで多くのことが実現できるのは素晴らしいことです。一昔前までは、CSSやJavaScriptを使用しなければできなかったこと、かなり複雑なコードを書かなければできなかったことが、実はHTMLだけで多くのことが実現できます。 知っておくと便利なHTMLの使い方をまとめて紹介します。 HTML can do that? by Ananya Neog...

はてなブックマーク - 実はHTMLだけで多くのことが実現できる!知っておくと便利なHTMLの使い方 | コリス はてなブックマークに追加

2019年版 最先端のフロントエンド開発者になるために学ぶべきこと – Qiita

2019年版 最先端のフロントエンド開発者になるために学ぶべきこと - Qiita

2019年版 最先端のフロントエンド開発者になるために学ぶべきこと - Qiita

こちらの記事は、『Learn to become a modern Frontend Developer in 2019 』の和訳になります。 はじめに 新年になって以前書いた記事を少し簡潔にして理解しやすいように書き直してみました。この文章に以前私が書いた文章と違ったことが書いてあったり、少し矛盾する内容が見つかってもあまり気にする必要はありませ...

はてなブックマーク - 2019年版 最先端のフロントエンド開発者になるために学ぶべきこと - Qiita はてなブックマークに追加

フロントエンドのプロ直伝! CSS余白設定の三原則(+線の引き方) – Qiita

フロントエンドのプロ直伝! CSS余白設定の三原則(+線の引き方) - Qiita

フロントエンドのプロ直伝! CSS余白設定の三原則(+線の引き方) - Qiita

前置き CSSでの余白の取り方について、後輩に「margin-topとmargin-bottomどっち派ですか?」と聞かれたので、 回答内容を記事として残します。 昔、会社のOJTで学んだことの共有となります。 1. 基本的にmargin-topを使う 理由としては、そちらの方が後々調節しやすいからです。 また、後述の優先度で設定していけば、m...

はてなブックマーク - フロントエンドのプロ直伝! CSS余白設定の三原則(+線の引き方) - Qiita はてなブックマークに追加

あのGoogleアナリティクス実践本が全文無料公開!インターネット最高 | DevelopersIO

あのGoogleアナリティクス実践本が全文無料公開!インターネット最高 | DevelopersIO

あのGoogleアナリティクス実践本が全文無料公開!インターネット最高 | DevelopersIO

世の中よくないこともいろいろあるけれど、いい時代だと思わされるときもあります。例えばこういうニュースが舞い込んだときなんかには!ということでインプレスが運営するWebサイト「できるネット」が太っ腹企画を展開。Webコンテンツを触る(直感的&直情的な)人ならば誰しもが持ってることでおなじみの一冊、木田和...

はてなブックマーク - あのGoogleアナリティクス実践本が全文無料公開!インターネット最高 | DevelopersIO はてなブックマークに追加

【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 – Qiita

【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 - Qiita

【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 - Qiita

これ知らないプログラマって損してんなって思う汎用的なツールのコメントに寄せられたツールを分類分けしてみました。 解説は、ほぼコメントに寄せられた内容のコピペです。 URLのみの記述は公式サイト(か、ほぼ公式サイトと化しているサイト) 公式サイトとは別に、ページタイトルだけでツールを説明しきっているページ...

はてなブックマーク - 【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 - Qiita はてなブックマークに追加

2019年になってもまだjQueryを使用している理由 | コリス

2019年になってもまだjQueryを使用している理由 | コリス

2019年になってもまだjQueryを使用している理由 | コリス

現在、jQueryを使用している人、そしてjQueryを取り去ろうとしている人がいると思います。jQueryの使用に対する一つの考え方を紹介します。 Why I'm still using jQuery in 2019 by Martin Tournoij 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は元サイト様のライセンスの元、翻訳しています。 2019年...

はてなブックマーク - 2019年になってもまだjQueryを使用している理由 | コリス はてなブックマークに追加

【追記あり】カネカ社は本当に育休ページを削除したのか。 – 笑顔を創りたいWeb屋の日常

【追記あり】カネカ社は本当に育休ページを削除したのか。 - 笑顔を創りたいWeb屋の日常

【追記あり】カネカ社は本当に育休ページを削除したのか。 - 笑顔を創りたいWeb屋の日常

いや、「削除したのか」の問いに対しては「削除した」ですね。間違いなく。 ただそれは「炎上騒動を受けて削除したのか」については、僕には「No」に見える。 そのことについて「ファクトを大事にする」という観点で書きたいんだけど、その前にちゃんと前提を伝えておきたい。 僕は、(今回の件が事実だと間違いないなら...

はてなブックマーク - 【追記あり】カネカ社は本当に育休ページを削除したのか。 - 笑顔を創りたいWeb屋の日常 はてなブックマークに追加

グーグルが発表した新ウェブ技術「Portals」とは–「Google Chrome」向けのウェブナビゲーションシステム – ZDNet Japan

グーグルが発表した新ウェブ技術「Portals」とは--「Google Chrome」向けのウェブナビゲーションシステム - ZDNet Japan

グーグルが発表した新ウェブ技術「Portals」とは--「Google Chrome」向けのウェブナビゲーションシステム - ZDNet Japan

Googleは米国時間5月7日、年次開発者会議「Google I/O 2019」で、ウェブページのローディングやナビゲーションに新風を吹き込む「Portals」と呼ばれる新たなテクノロジーを発表した。 GoogleによるとPortalsは<portal>という新たなHTMLタグを使って動作するという。このタグの動作は、従来からある<iframe>タグとよく似...

はてなブックマーク - グーグルが発表した新ウェブ技術「Portals」とは--「Google Chrome」向けのウェブナビゲーションシステム - ZDNet Japan はてなブックマークに追加

【第3弾】少しのコードで実装可能な15のCSS小技集 | Webクリエイターボックス

【第3弾】少しのコードで実装可能な15のCSS小技集 | Webクリエイターボックス

【第3弾】少しのコードで実装可能な15のCSS小技集 | Webクリエイターボックス

2019年5月17日 CSS CSS小技集シリーズの第3弾!「【第2弾】少しのコードで実装可能な20のCSS小技集」から3年が経ち、さらに便利でサクッと使えるコードが続々登場!特にこれまではJavaScriptで実装していたものがCSSだけで実現できるようになったりと、進化が凄まじいです。初心者さんからベテランさんまで要チェック! ...

はてなブックマーク - 【第3弾】少しのコードで実装可能な15のCSS小技集 | Webクリエイターボックス はてなブックマークに追加

これは便利すぎる!1クリックで画像から背景だけを切り抜く「Remove.bg」がついにPhotoshopに対応 | コリス

これは便利すぎる!1クリックで画像から背景だけを切り抜く「Remove.bg」がついにPhotoshopに対応 | コリス

これは便利すぎる!1クリックで画像から背景だけを切り抜く「Remove.bg」がついにPhotoshopに対応 | コリス

画像から1クリックで簡単に背景だけを切り抜くオンラインサービス「Remove.bg」がPhotoshopに対応したので紹介します。しかも無料で利用できます! Photoshopのエクステンションとして利用でき、1クリックで背景だけを画像から切り抜くことができます。下記の切り抜きも1クリックだけです。 写真: ぱくたそ Remove.bg fo...

はてなブックマーク - これは便利すぎる!1クリックで画像から背景だけを切り抜く「Remove.bg」がついにPhotoshopに対応 | コリス はてなブックマークに追加

もう「サーバーレスだけどサーバあるじゃん」という話をしたくない – めもおきば

もう「サーバーレスだけどサーバあるじゃん」という話をしたくない - めもおきば

もう「サーバーレスだけどサーバあるじゃん」という話をしたくない - めもおきば

3年ぐらい同じ事を言い続けてるんだけど、そもそもサーバーレスという言葉の由来はソフトウェアアーキテクチャの話*1。 一つのタスクの実行期間を超えて、ファイルシステムやメモリ上の変数などサーバ固有のリソースに依存しないという、12 Factor Appから死ぬほど言われ続けている制約を満たすプログラミングモデルがサ...

はてなブックマーク - もう「サーバーレスだけどサーバあるじゃん」という話をしたくない - めもおきば はてなブックマークに追加

ウェブデザイン制作が加速中!便利な最新オンラインツール53個まとめ – PhotoshopVIP

ウェブデザイン制作が加速中!便利な最新オンラインツール53個まとめ - PhotoshopVIP

ウェブデザイン制作が加速中!便利な最新オンラインツール53個まとめ - PhotoshopVIP

この記事では、Webデザインやグラフィックデザインの制作が捗る、便利な最新オンラインツールをまとめています。 これらのツールやサービスを利用すれば、デザイン制作で面倒な作業も手軽に、短時間で行うことができ、より効果的にプロジェクトを進めることができます。制作ワークフローに取り入れてみてはいかがでしょ...

はてなブックマーク - ウェブデザイン制作が加速中!便利な最新オンラインツール53個まとめ - PhotoshopVIP はてなブックマークに追加

マイクロソフト、Progressive Web Appsの開発支援ツール「PWA Builder 2.0」公開 - Publickey

マイクロソフト、Progressive Web Appsの開発支援ツール「PWA Builder 2.0」公開 - Publickey

マイクロソフト、Progressive Web Appsの開発支援ツール「PWA Builder 2.0」公開 - Publickey

Progressive Web Apps(PWA)とは、Webの標準技術を用いて開発されたWebアプリケーションの一種。通常のWebアプリケーションとして振る舞うことに加えて、リソースをローカルに保存しオフラインでの実行にも対応し、Service Workerによるバックグラウンド処理やプッシュ通知なども可能。デスクトップにWebアプリケーショ...

はてなブックマーク - マイクロソフト、Progressive Web Appsの開発支援ツール「PWA Builder 2.0」公開 - Publickey はてなブックマークに追加