クリエイターが自分の作品や活動を公開しているポートフォリオサイト。仕事で制作されたサイトとは違い自由なデザインで作られていることが多く、見ていて楽しいですよね。海外のポートフォリオサイトまとめはよく見かけますが日本に絞ったものは少ないと感じ、今回は自分の勉強も兼ねて日本人クリエイターの方のポートフォリオを40サイト集めてみました。 1. Mana's Portfolio Website ロンドン在住のWebデザイナー、Manaさんのポートフォリオサイトです。Webクリエイターボックスの中の人としても有名ですよね。こちらの記事でポートフォリオサイトについて詳しく書かれています。 2. mouf design ウェブ、グラフィック、ゲームのUIデザイン制作などを中心に活動しているフリーランスデザイナー、勘村洋和さんのサイト。和風のWebデザインが素敵です。しばらく待っているとTwitterの青
株式会社オンズ 開発ブログ 【jQuery】ほんの少しのコードでページ読み込み時にフェードインのエフェクトを追加する方法。（改訂版） ウェブページ読み込み時に「フワっ」とした感じのエフェクトでフェードインしながら表示させる方法です。 ここでは「これ以上簡単にはできないよ！」というくらい、ほんの僅かなコードで実装するテクニックを紹介します。 まずは HTML の記述方法から…。と言いたいところですが、今回紹介する方法では何も考えずにフツーにHTMLを書いてしまっても大丈夫です。 スタイルシートも使いません。 すべてをjQueryのコードだけで賄います。 というワケでjQueryの記述方法です。 「fade.js」とでも名付けた JavaScript のファイルを用意して、その中に以下のように記述します。 $('head').append( '<style>body{display:none;
速さも安さも妥協しない、 国内最強コスパ※の レンタルサーバー 「スターレンタルサーバー」は最新技術を積極的に導入し、コスパ・性能ともに圧倒的No.1を目指しています。 圧倒的な性能に加え、 安さも両立した国内最速&コスパNo.1※レンタルサーバー 圧倒的な性能、対性能比で国内最安、業界No.1のコストパフォーマンスを追求します。 ※2025年8月19日、自社調べ。 サーバー速度については、自社サービスを除いた日本国内シェア上位3サービスおよび独自に選定した国内の著名サービス・プランを含め、計6つのサービス・プランを対象に、h2loadを5回計測した結果によるもの。 複数プランがあるサービスについては、独自に選定したプランを除き、サービス内の最下位プランで計測した結果によるもの。 コスパ（コストパフォーマンス）は、上記6つの調査対象サービス・プランのサーバー速度の計測結果に対し、各サービス
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネット(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2024年5月時点の調査。
この時のことはnoteに。 偏愛マップって本を買った、で描いてみた｜タムカイ｜note https://note.mu/tamkai/n/n4b1a78329552 ものすごく雑に説明すると、名前こそ仰々しいですが「自分の大好きなもの」を一枚の紙にぶわっと書く、ほんとにそれだけ。絵を使っても、文字だけでもOK。 ちなみに私が描いたものがこんな感じ。 本によると、これを最初に交換することで、一方通行で探り合いの自己紹介をすっ飛ばして、お互いの共通点や、気になるポイントから話ができるので仲良くなれますよ、とのこと。 そこには好きなものしか書かれていないわけですし、誰だって好きなものについて語る時は楽しいですよね、と。 ちょっぴり半信半疑な部分もあったのですが、何もないよりはいいだろうとやってみたらこれが想像以上に効果があったのです。 で、どういう状況だったかについては参加者の一人であるseri
2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ フォームの仕様 今回チャレンジするフォームの主な仕様です！ グラデーション・ボックスシャドウを使って立体感を表現 角丸で丸みをつける（モダンブラウザ） 対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ？という人もひとつひとつ記述していけば意外と簡単に作れるはずです！リンクをクリックで各項目にジャンプします。 テキストボック
メディア 連載一覧 連載まとめ読み＠IT eBook 記事ランキング ＠IT Special セミナー ホワイトペーパー クラウド AI IoT アジャイル/DevOps セキュリティ キャリア&スキル Windows 初・中級者向けAI その他 Server & Storage HTML5 + UX Smart & Social Coding Edge Java Agile Database Expert Linux ＆ OSS Master of IP Network Security & Trust Test & Tools Insider.NET ブログ New! AIを作り動かし守り生かす ローコード/ノーコード クラウドネイティブ Microsoft&Windows その他の特集 ＠IT アジャイル/DevOps Insider.NET 業務アプリInsider 連載：jQue
ここでは，C/C++プログラマ（Java言語未経験者）を対象として，Android携帯電話などで動作するAndroidアプリの作り方について解説する．「携帯ゲームを作って世界に配信する」ことを目標に，毎回少しずつ理解を深める．第1回となる今回は，開発環境の設定やプログラムについて説明する．Java言語とC/C++言語の構文は方言程度の違いしかないので，Java言語の経験がなくても，組み込み系でC/C++言語での開発経験があれば十分である．Androidアプリに関する基礎知識や開発手順を具体的に学びながら，簡単なアプリを開発してみよう．（編集部） 1. Androidアプリとは？ 皆さん，Android携帯電話で動くゲーム（Androidアプリ）を作ってみませんか？ Androidとは，Google社が開発・提供する，Linuxをベースとしたスマートフォンやタブレット向けのOSです．日本で
かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました女性Webデザイナーにとっては「かわいいと言えばこんな感じ！」という基本的な概念が自然と身についているものの、男性デザイナーにとってはなかなか難しい女性テイストのデザイン。でも大丈夫！今回紹介する無料素材やフォント・配色例を組み合わせれば、きっと女子力の高いかわいいデザインができあがるはずです！紹介する素材はすべて商用利用OK！参考になるデザインのWebサイトもいくつか紹介します！ （あ、ちなみによく誤解されますが、私、Web クリエイターボックスの中の人は女です w） 無料フォント曲線をうまく使うと女性らしいデザインに仕上がります。そこで、使用するフォントはまるっこいものや女性の手書き風にすると、かわいらしさがググッとアップします！紹介するフォントはすべて商用利用 OK です（但し書きのあるサイトについては、以下にその
オフラインWebアプリの再到来で今、再び注目されるAPIの本命 ーJavaScript SQL-like database
スマートフォン上のブラウザは、PC 向けのウェブサイトを表示することを基本として設計されているので、 デフォルトでは文字が小さくなる、リンクをクリックしにくいなどの問題が発生します。 そのためにモバイルユーザーが、あなたのウェブサイトを訪れることを想定した場合、スマートフォン上のブラウザでも文字が読みやすくなるように、 そして必要なリンクをクリックしやすくなるような工夫をしなければなりません。 また、使用感としてネイティブ・モバイル・アプリに近く実装できれば、ネイティブアプリの開発ではなく HTML によるアプリケーションの開発にフォーカスするのもよいかもしれません。 ここでは jQuery Mobile を利用して簡単なウェブサイトを作成する事を通して、jQuery Mobile の基本的な利用方法を学びましょう。 尚、この記事では jQuery Mobile 1.1.0 を利用すること
2017/08/01 壁紙＆BGM＆アイコンに新たに壁紙を追加しました 2016/08/01 壁紙＆BGM＆アイコンに新たに壁紙を追加しました 2014/12/05 壁紙＆BGM＆アイコンに新たに壁紙を追加しました 2014/10/16 【重要】【iOS】iOS8対応版配信のお知らせ 2014/09/19 【重要】【iOS】iOS8にて発生する不具合について 2014/09/16 【重要】［iOS］iOS8にて動作が停止する不具合のお知らせ 2014/03/27 壁紙＆BGM＆アイコンに新たに壁紙を追加しました 2014/03/14 壁紙＆BGM＆アイコンに新たに壁紙を追加しました 2014/02/14 壁紙＆BGM＆アイコンに新たに壁紙を追加しました 2013/12/18 壁紙＆BGM＆アイコンに新たに壁紙を追加しました 2013/12/05 スマートフォン版を配信開始しました 2013
「プログラミング初心者だけどWebサービスとか作ってみたいなー」という淡い夢を持ちつつも日々の生活に追われてプログラミングの勉強が継続できていない今日この頃、自分と同じように「明日から本気出す」という感じでプログラミングを学ぶ気持ちがある人向けに、プログラミングを学習できるサイトをピックアップしてみました。 1. Codecademy コードの書き方を学ぼう | Codecademy 世界的に有名且つ人気がある学習サイトです。HTML+CSSやJavaScript、PythonやRubyなど、いろいろな言語を学ぶことができます。ブラウザ内のエディタにコードを記述できるので開発環境を準備する必要がありません。またユーザーがプログラミングのレッスンを作れる機能もあります。 2. ドットインストール ドットインストール – 3分動画でマスターする初心者向けプログラミング学習サイト 国内で最も有
{"interception":{"ii":"-1"},"fotolia":{"host_base":"fotolia.com"}}
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く