2021年に流行するWebデザインの最新トレンド12個まとめ | Web Design Trends
ついに2021年がやってきました。Webデザインのトレンドの移り変わりはとても早く、数年でトレンドがガラッと変わることもしばしばあります。必ずしもトレンドに合わせたデザインを制作する必要はありませんが、知識として押さえておくことによって、選択肢が増え、デザインの幅を広げるためのヒントとなります。 2020年はコロナウイルスの影響もあり、様々なものがオンラインに移行されたり、リモートワークが一般化するなど大きな変化の年となりました。それに合わせて、Webサイト、Webデザインの重要性も高まってきているのではないでしょうか。ぜひトレンド情報をチェックして、ご自身のWebデザイン制作に活用してみてください。 では、2021年に流行する最新のWebデザインのトレンドをご紹介していきます。 【 NEW：2022年版を公開しました 】 2022年に流行するWebデザインの最新トレンド10個まとめ 20
CSSだけで実装できるとは！テーブルのヘッダと左端のセルの両方を固定させるCSSの極上テクニック
テーブルのヘッダを上部に固定するのは、position: sticky;で簡単に実装できます。ヘッダだけでなく、テーブルの左端のセルも固定させたい場合は、どう実装すればよいでしょうか？ JavaScriptがないと実装できないように思うかもしれませんが、position: sticky;を効果的に使用することで実装できます。テーブルのヘッダと左端のセルの両方を固定させるCSSのテクニックを紹介します。 A table with both a sticky header and a sticky first column 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 tableのセル、thやtdをposition: sticky;させることはこの記事で解説しました。テーブルのヘッダを上部にくっつけて固定させるのは簡単です（デモペ
Django
Django Django makes it easier to build better web apps more quickly and with less code. Get started with Django Meet Django Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. Built by experienced developers, it takes care of much of the hassle of web development, so you can focus on writing your app without needing to reinvent the wheel. It’s
一銭も払わずにクラウド上でWebサービスを公開する(2021/02時点) - Qiita
これはなに？ Webサービスを開発する際に使えるサービスのうち、無料枠があるものをまとめました。 自分でちょっとしたWebサービスを作ろうと思ったときに一銭も払いたくないなという気持ちがあるが、そもそもどの程度までちゃんとした構成が取れるんだっけというのをこれまでに100万回調べている気がするので自分用にまとめたメモです。 前提として、基本的にはAWSとGCPを対象に調べて、一部はそれ以外のサービスも追加で調べている、という感じです 最初に結論 「無料でWebサービスを提供する」というところだけに集中するならAWSよりはGCPのほうが良さそう(ハードルが低そう + できることが多そう) 無料枠だけで完結させるならherokuはSQLも使えるし視野に入れて良さそう ドメイン周りだけはどうにもならないので諦めてお金を払うか各クラウドサービスのドメインのまま使いましょう 無料の範囲内で最低限のW
Webエンジニアが避けるべき転職先
転職活動でストレスが溜まっているので備忘録、愚痴吐きとして。 人売りSES * 言うまでもなくクソなので行く価値なし。 * 見分け方はみんな知ってるだろうし割愛する。まあ勤務地は東京23区内とか書いてあったら香ばしいですよね？鼻腔に入ってこないで欲しいよな。 * 「多彩な案件を経験」したければ派遣免許取ってちゃんとやってる会社に行きます。違法スレスレの人材屋を選ぶメリットあるか？ * こういうクソを紹介してくる無能な転職エージェントは生まれてきたことを後悔するほど苦しんでから死んで欲しいものである。SESには興味ないって言っただろうクソが。 * ただ連中は節操なく人を採りまくるので、万が一の滑り止めとして一応受けておく選択肢はある。もちろんその際は次の次の転職先を探す必要があるので本当に最終手段である。 * 判断に迷うのは受託や自社開発とSES両方やってるパターン。SESという後ろ暗い商売
Webサイトのコーディングで困る前に知っておきたい3つのポイント
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。普段はWebデザインやコーディング、メンターなどをしております。 完成したデザインをWebサイトとしてWebブラウザーに表示するためには、コーディングが必要になります。 コーディングを勉強中だったり、コーディング経験がまだあまり多くない方によくある悩みとして以下のようなものがあります。 どこから作業を進めていけばいいのか分からない同じようなスタイルを持ったclassが増えていってしまうスマホサイトのデザインが用意されていない時にどうすればいいのか分からない こ
毎日1000記事をたった30分でチェックする情報収集術。その時短テクニックを運営堂の森野さんに聞いた | Web担当者Forum
これは運営堂の森野さんが、「SEO」や「リスティング広告」といったデジタルマーケティングに関わる記事を10分野に分けて情報を紹介してくれるメルマガです。平日毎朝7時に届きます。 なんとこのメルマガを作るのに、毎日1000件近くの記事から森野さんが30本ほど厳選しているのだとか。私はてっきり機械がやっているもしくは、複数人でやっているのだと思っていましたが、森野さん1人で毎日続けられているとのこと。しかも、この選別にかかる時間はわずか30分！ すごい情報収集の技が隠れていそうなので、さっそく森野さんに話を聞いてみましょう。 1000本もの記事から30本厳選する時間は、たったの30分――情報収集はどうしていますか？ 情報収集に使っている主なサービスは、次の2つです。 RSSフィードリーダーのfeedly（フィードリー）URLクリッピングサービスのPocket（ポケット）さまざまなサイトのRSS
Webフロントエンド開発で役立つサービスまとめ - Qiita
この記事では、Webフロントエンド開発において役に立つと思われるサービスやツールをまとめます。 全般 Can I use 指定した特定の機能が、どのブラウザのどのバージョンで利用可能かを確認するためサービスです。新しいJavaScriptのAPIやCSS3の機能を使ってモダンなWeb開発を行う場合、必須とも言えるくらい利用することになります。 指定した国におけるブラウザのシェア情報をもとにして、特定の機能が何割のユーザーで使用可能かを調べることもできます。 npm / webpack BUNDLE PHOBIA 指定したnpmパッケージのサイズを調べるサービスです。近年のWebではページの表示速度が非常に重要視されており、Webサービスにバンドルするパッケージのサイズも極力小さくすることが求められています。パッケージのサイズを調べる方法は多々ありますが、このツールの場合はパッケージ自体のイ
【引きこもりでも仕事はできる】在宅でできる定番のお仕事6選を解説 - だけど生きていく！
少し遅くなりましたが、あけましておめでとうございます。新年最初の記事は、在宅でできるお仕事を6つご紹介したいと思います。 私は社会に上手く適応することができず、20年以上の引きこもり当事者です。うつ病が1番ひどかった時期には、何度となく自傷行為をやらかしましたし、死のうとしたこともあります。 引きこもりの期間が長引けば長引くほど就職へのハードルは上がっていき、35歳を過ぎたあたりからは、年齢による不利さも相まって、就職への道は困難を極めます。 長期間引きこもってしまうと履歴書の職歴欄にまともな経歴が書けず、職歴スカスカの履歴書を持って、面接へ行くことになりますよね。 そうなると当然、悪い印象を持たれるでしょうし、「なんでずっと働かなかったの？」といぶかしげな顔で言われるだろと思うと、面接へ行くのが怖くて仕方ないです。 このままずっと無職でいいとは思っていませんが、正直なところ私にはもう、職
【必見】2020年に話題になったイケてるWebサービス・アプリまとめ
あけましておめでとうございます。 今回は、2020年に話題になったイケてるWebサービス・アプリを紹介します。 多数リリースされているもののなかから、チェックし直しておいたほうがよさそうなサービスをピックアップしました。 2020年は新型コロナウイルスの流行もあり、世界が大きく変わりました。 それに伴い、生活様式にも変化が生まれ、リリースされるWebサービスやアプリも時代に則したものが多いように感じました。 冬休みのあいだに、ぜひおさらいしてみてください。 【その前に】毎月更新する本シリーズについて 2020年はしばらくお休みをいただいておりましたが、本年より更新を再開します。 引き続き、毎月末に更新となります。 また、新たに無料メルマガも開始します。 メルマガでは、運営者が気になったり、業界的に知っておいたほうが良さそうなWebサービスやアプリの紹介を不定期に紹介していく予定です。 最新
Micro Frontends Architecture Patterns
本書は、Micro Frontends Architecture Patternsというタイトルを付けていますが、モノリスからJAMstack、Micro Frontendsまで、Webフロントエンドを包括した様々なアーキテクチャパターンの詳細を体系的に紹介しています。 ソフトウェアとしてのアーキテクチャ全体を俯瞰し、他のシステムとのやりとりを設計するような考え方が役に立つことは多いです。フロントエンド観点で、様々なアーキテクチャパターンをまとめることで、Web開発の助けになればと考えています。 また、アーキテクチャの歴史と変遷を知ることで「Micro Frontends」への理解を深めることができると筆者は考えました。Micro FrontendsはThoughtWorksのTechnology RadarではすでにADOPTとなり、海外で多くの事例が存在します。Micro Fronte
「おたくでホームページ作るといくら！」と大阪弁のお爺さんから元気な電話が長野のwebサイト制作会社にかかってきた
稲田エイジ｜BtoBのWebサイト制作／Web活用支援／コンテンツ支援／HubSpot @inada_h 「おたくでホームページ作るといくら！」と大阪弁のお爺さんから元気な電話。 ぼく「ど、どちら様ですか」 じじ「大阪の◯◯という会社ですわ。そんなんどっちゃでもいいんで、おたくでホームページ作るといくら！」 ぼく「何のWebサイトを作るご予定ですか？」 じじ「00ページだといくら！」 ↓ 稲田エイジ｜BtoBのWebサイト制作／Web活用支援／コンテンツ支援／HubSpot @inada_h BtoBのWebサイト戦略策定、制作、Web活用支援とコンテンツ支援を担当／Web制作会社『JBN』に所属／jbnet.jp／ミッション＝「伝わる」をふやす／HubSpot プラチナ パートナー／ユーザー・企業・社会の三方良しにWeb活用で役立ちたいです／note.com/inada123 inada
鷹野聖月『他向け花（四季賞2020秋 四季大賞）』
モーニング・アフタヌーン・イブニング合同Webコミックサイト「モアイ」は終了しました。 「コミックDAYS」「モーニング公式サイト」「アフタヌーン公式サイト」をご利用ください。
Good Bye Web APIs
When building a single-page application or a mobile application, we usually need to implement a web API (REST, GraphQL, etc.) to connect the frontend and the backend. Technically, it's not very difficult, but it has some unfortunate consequences. Imagine two planets. The planet "frontend" speaks JavaScript and the planet "backend" also speaks JavaScript or any other advanced language. Now let's sa
会社のwebデザイナーが無能すぎてヤバいｗｗｗｗ
去年の冬に転職したweb系のプログラマー。 今の会社のwebデザイナーが無能すぎてしんどい。 以下愚痴 1. photoshopでwebデザインすんな！photoshopで作ったpsdのwebデザインを渡されて、フロントエンド担当がHTML/CSSコーディングしてるんだけどどうなのこれ？ なんでphotoshop使うの？webページ作るんでしょ？最初からHTMLで書けよ？ いや分かるよ ラフの段階でphotoshopでササっと書いた方が客と調整しやすいもんな でも最終的にはHTMLで出すんだから、デザイナーがHTML/CSS書いて来いよ それをなんか知らないけど、普段使わねーphotoshop開いてルーラー出して、 「ここと、ここのボックスは10pxだからーmarginを...」 「ここは、webフォントの〇〇を使おう」 とかフロントエンド担当が相談してんのｗ バカなの？死ぬの？ 最初から
PERACON トップページ
PERACONの意義とねらい 企画人材育成のために多数の書籍や学会などでの研究事例も増えてきています。しかしながら、ユーザーの属性や嗜好、開発や運用における諸条件、マーケットの状況などゲームの多様性から企画段階での一義的な評価は困難です。そこで、ゲーム企画の多様性を考慮しつつ、企画者の腕前を競いつつ人材育成的な側面を持つ取り組みができないかと考え2011年にスタートしたのがPERACONです。 ウィットに富んだテーマを設定により、業務と被り支障が出るような発案を避け、より自由で多様な発想ができるコンテスト 多様なアイデアに対して多様な視点から評価できるように、プロの開発者や研究者、教育者が審査 評価は投票数により決まる「順位」と、どれだけ審査員に刺さったかで評価される「審査員賞」のふたつ 広く認められる作品を作り投票数を増やし「順位」を挙げるもよし 突き抜けた作品を作り、審査員のハートを揺
キンマweb - 麻雀ニュース・麻雀情報サイト
Mリーグニュース １年後の巡り合わせ── 再会した２人の物語──【Mリーグ2024-25観戦記 10/11 第2試合】担当記者 小林正和 2024.10.12 小林 正和 １年後の巡り合わせ── 再会した２人の物語── 文・小林正和【金曜担当ライター】2024年10月11日 １年後の巡り合わせ──再会した２人の物語── 昨年の新緑が香り立つ季節、新たなＭリーガーが誕生していた。 ドラフト会… Mリーグニュース 【Mリーグ2024-25】浅井堂岐・菅原千瑛両選手、BEASTオーデションの因縁の初対決が実現！！【Mリーグほぼ毎日４コマ】藤島じゅん／VOL.755 2024.10.12 藤島じゅん
面白Web API 100連発 - pastak-pub
エンジニアお茶会 2020/08/19 pastak.icon @pastak この発表のゴール 現代のウェブブラウザの目指している方向性について紹介する モダンブラウザで使える最新の面白便利APIを紹介する ちゃんと仕様に入りそうなもの(Googleの力技で…も含む) （前半の各ベンダの話はpastak.icon個人の見解を含みます） 次ではない フロントエンドなんでも相談室 前提知識のコーナー "WebAPI"とは何を指すのか、標準化について ECMAScript Ecma InternationalにてECMA-262という規格番号 ほぼLiving Standardという雰囲気もあるけど、年に1回タグが付く ES2020: ECMAScript® 2020 Language Specification 最新の様子: https://tc39.es/ecma262/ Array、Nu
日本ネットワークインフォメーションセンター - JPNIC
2024年のトピックス 2024-11-06 トピックスInternet Week 2024開幕まであと2週間！～いままでのご案内をまとめました～ 2024-11-06 Blog記事ネットワークエンジニアのための ネットワーク監視ハンズオン - Prometheusを利用して ～Internet Week 2024 注目プログラムのご紹介 ⑨～ 2024-11-05 Web更新IPv4アドレス移転履歴を更新 2024年11月5日現在のデータを追加 2024-11-05 メルマガvol.2117:【トピックス号】先週のトピックスとWeb更新情報 2024-11-01 Blog記事ROAキャッシュサーバハンズオン ?ROVをはじめよう?～Internet Week 2024 注目プログラムのご紹介 ⑧～ 2024-10-31 Blog記事IETF国際動向 ? 第120回IETFにおけるHot
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webアプリケーションは難しい
