ポートフォリオをもっとカッコよく！上手なポートフォリオサイト20選
作品紹介のためにポートフォリオ（実績をアピールするサイト）を用意したいとは思っても、重要なポートフォリオサイトのデザインが決まらない！と悩んでしまう方も多いのではないでしょうか。 作品の評価はもちろん、ポートフォリオサイト自体も当然評価対象となりますので、素敵なデザインに仕上げたいものです。 もしポートフォリオサイトをもっとカッコよくしたいと思ったら、クオリティの高い既存のデザインを参考にするといいでしょう。今回は、ポートフォリオサイト作成の参考になるデザイン20選とポートフォリオサイトの作り方をご紹介します。 【Webデザイナー・Webディレクター】のポートフォリオサイト 1. Mana's Portfolio Website http://www.webcreatormana.com/ Web関連で有名なブログ『Webクリエイターボックス』の運営者、Mana氏のポートフォリオサイトです
コーディング初心者こそ知っておきたい「CSS擬似クラス」超入門
1990年代から2000年代のいわゆるCSSの黎明期の頃には、CSSで使う構文も少なく、覚える量もそれほど多くなかったために、学習コストは今よりも非常に小さいものでした。 しかし、時代が進むにつれ、CSSでできることも非常に幅広くなり、それに合わせてCSSでさえ難しく感じてしまう人が増えてしまったのではないかと思います。 当初は「:hover」や「:active」といった代表的な擬似クラスだけを使っていけばよかったものの、今では様々な擬似クラスがあるので、初心者の方はもちろんのこと、ベテランの方であっても、CSSの擬似クラスを学び直したいと思っている方は多いはずです。 そこで本稿では、「CSS擬似クラス」について改めて理解を深めていくための基本事項をおさらいしていきます。 CSSの擬似クラスは、さまざまな仕様変更や勧告を経て、現在のものになっています。 擬似クラスを使いこなせれば、特定のオ
【厳選5冊】1万円以内で買い揃えられるWebマーケティング必携本
ホームページの運営や広告運用を任された担当者にとって最初にあたる課題が「Webマーケティングに対する知識不足」ではないでしょうか。 かといって、WebマーケティングではSEOやリスティング広告など手法ごとに書籍が発売されており、やみくもに購入していては予算がいくらあっても足りません。 今回は、1万円以内で買い揃えられるWebマーケティング必携本をご紹介します。 業界の中でもバイブルとして読み継がれている本のみを厳選して紹介するので、これからWebマーケティングを学びたい方はぜひ参考にしてみてください。 インバウンドマーケティング 『インバウンドマーケティング』¥2,484 インバウンドマーケティング 世界95カ国1万8000以上の企業に利用されているマーケティングツール「HubSpot（ハブスポット）」を提供するHubSpot社のCEOブライアン・ハリガン氏と共同創業者ダーメッシュ・シェア
「CSSグリッド」とは？基礎と使い方を解説
Webデザインを学び始める人が最初に立ちはだかる壁が、段組としてのレイアウトです。 Webデザインの黎明期は、TABLEレイアウト、そしてfloatを使った回り込みレイアウトが主流でした。しかし、TABLEレイアウトは読み込み時間が長くなる傾向になり、floatを使ったデザインはブラウザによっては回り込みがうまくいかず、段組が崩れてしまうなど、初心者を悩ませる問題がたくさんあったのです。 そこで2012年頃から登場したのが、Flexboxを使ったレイアウトです。それまでにさまざまなCSSフレームワークが登場し、多くのフロントエンドエンジニアやWebデザイナーはfloatでのレイアウトの問題を解決するためにこうしたフレームワークを活用していました。 しかし、Flexboxでのレイアウトも、場合によってはレイアウトがはみ出してしまうことがあったりと、万能ではありませんでした。その問題を解決する
段組が自由自在！「CSSグリッド」をより使いこなすための4つのTips
CSSグリッドは、これまで登場したTABLEレイアウト、Floatによる回り込みのレイアウト、そしてFlexboxを使ったレイアウトのどのレイアウト手法よりも直感的に扱える、注目のモジュールです。 2017年に入って、macOSやiOSがCSSグリッドに対応する形でSafariに搭載され、いよいよ全てのモダンブラウザで使用することができるようにもなりました。 参考： これで分かった！10分でほとんど理解できる「CSSグリッド」の基礎 ところで、CSSグリッドレイアウトの基本的な使い方に関してはなんとなく理解できた人もいるかと思いますが、もう一段階先に進みたいと思っている方もいるのではないでしょうか。 実際、CSSグリッドは非常に柔軟で拡張性が高いので、知っておいて損はないTips(コツ)がたくさんあります。 そこで本稿では、CSSグリッドをより使いこなすための4つのTipsをまとめていきま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
