お金持ち流の働き方改革でお金と自由を両取りする昨今話題の働き方改革。残業を削減したり、テレワーク、リモートワークがメインですが、思い切って「起業」という選択肢を考えてみてはいかがでしょうか。仕事を「もらう」という働き方にはリスクがあり、また不自由でもあります。自ら仕事を創造すれば、お金にも生き方にも主体性が生まれてきます。 起業という自由な働き方 昨今話題の働き方改革は、残業削減やリモートワークがメインですが、思い切って起業という選択肢を考えてみてはいかがでしょうか。 自分でビジネスをやれば、もはや時間の使い方もは自由だし、収入も青天井の可能性がある。それに個人でネットを使ってやるなら、いつどこで仕事をしても、あるいはサボってもかまいません。 たとえば私は書籍を書く仕事もしていますが、納期に間に合いクオリティが担保されていれば、いつどんなペースで書いても自由です。この原稿も、赤ちゃんと一緒

学習レッスン HTML & CSS 初級編 WEBページはHTML、CSSという言語によってその見た目が作られています。 実際にWEBページを作りながら学んでみましょう！

前半の記事はこちら＞＞ 引き続きアフィリエイトサイトの作り方について書いていきたいと思います。前半に関してはサイトを作る前の準備に関してでした。 後半は実際にサイトを作ってコンテンツを埋めていく作業となります。今まではインプット作業。これからはアウトプット作業で実は知識がないととても大変な作業です。 なぜならインプットでこれから作るサイトのジャンル知識を頭の中である程度整理できていないと文章にすることができません。つまり、記事が書けなくて挫折するわけです。 今まで全く知らなくて知識のないジャンルに取り掛かる場合は特に苦労しますので最初、記事はなるべく外注することをオススメします。 月100万稼いだ比較サイトアフィリエイトの後半13.トップページの仮作成今回のサプリサイトに関してはほとんどがトップページで成約しているため、トップページの構成が非常に大切となります。 みんな疑問に思うのは、「ト

どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上から誰でも簡単にHTML5で作られたアニメーションを製作できるWebサービスをご紹介します！ Webサイトやサービスに組み込んで動きのあるコンテンツを作成したり、企業ロゴやバナー広告、商品紹介、インフォグラフィック…など、とても幅広い分野に応用することが可能です。 ブラウザさえあれば今すぐアニメーションを作れるので、ぜひみなさんもオリジナル作品を作ってみてください！ 【 Animatron Studio 】 ■「Animatron Studio」とは？ 「Animatron Studio」は、とにかく誰でも簡単にアニメーション製作ができることを前提に設計されています。 豊富なイラストやテンプレートを自在に組み合わせることで、わずかなマウス操作だけで楽しいアニメーションを次々と作っていくことが可能です。 例えば、以下のようなアニ

iLand is a creative HTML website template coded with Bootstrap framework. This template ideal for small compaines, landing page sites and basic HTML websites. You can build creative landing pages for your next projects. A multi purpose landing page template built for any product, mobile app development, startup or business. Author : Designstub Price : Free Layout : Responsive Features List : Boots

IT人材不足解消の取り組みとして、2020年から小学校のプログラミング教育の必修化が決定されました。DeNAでは2014年から公立小学校の1～3年生向けにプログラミング授業を行っており、授業で得た子どもたちや先生からのフィードバックを反映した高い完成度を誇る教育用アプリ「プログラミングゼミ」が2017年10月19日より無料で公開されました。実際にどのようなプログラミング教育が小学生向けに行われているのかアプリを使って体験してみました。 プログラミングゼミ https://programmingzemi.com/index.html ◆プログラミングゼミのセットアップ 「プログラミングゼミ」はAppStore、Google Play、Microsoft ストアからダウンロードできます。ここではiPadで試すため、iOS版のアプリを使います。 プログラミングゼミ【低学年から使えるプログラミング

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

:before, :after, :last-child, :nth-child, :not など疑似classを使った小技、レスポンシブ用のレイアウトやフォントのサイズ指定など、サイトやブログに役立つ便利なCSSのテクニックを紹介します。 CSS Protips -GitHub 前回紹介した時は12個でしたが、アップデートされ、20個まで増えています。 CSS ProtipsのライセンスはCC0 1.0で、個人でも商用でも無料で利用できます。 スタイルシートの対応ブラウザはChrome, Firefox, Safari, Edge, IE11です。 1. リスト要素の最後だけ区切り線を削除 2. body要素に「line-height」を加える 3. 天地の中央に配置 4. リストをカンマ区切りにする 5. ネガティブな「:nth-child」を使用してアイテムを選択 6. SVGファイ

HTML や CSS のタグやプロパティをすべて記憶することはベテランのデザイナーでも難しいものです。しかし、わからないタグやプロパティなどをいちいち検索して調べていると開発に時間がかかってしまいます。そんなときに役立つのがチートシートです。 チートシートを使えば素早く目的のものを見つけ、より効率的な開発を行うことができます。今回は Web 制作を行うときによく使う HTML、CSS、Bootstrap、WordPress、ツールに関するものを紹介します。 HTML HTML5 Cheat Sheet ダウンロードページ HTML5 のタグがまとめられているチートシートです。すべてのタグが簡潔にまとめられており、非常に見やすいです。 The HTML 5 Mega Cheat Sheet ダウンロードページ こちらも HTML5 のタグをまとめたチートシートです。ブラウザ対応、廃止されたタ

この記事では、インスピレーションを与えてくれる、Webデザインの参考になるサイトを紹介します。 サイト全体のデザインやレスポンシブデザインに特化したサイト、サイトパーツ、ロゴ、アイコン、バナーなどを収集して紹介しているサイトなど10サイト厳選しました。あなたのWeb制作の刺激になること間違いなしです。 1.  MUUUUU.ORG クオリティが高く、縦に長いサイトを収集しているギャラリーサイトです。サイト自体シンプルで使いやすく、またカテゴリー分けが詳細でとても探しやすいサイトです。 2.  現代デザイン 技術的、デザイン性がすぐれたサイトを収集したギャラリーサイトです。カテゴリーは業種と色、日時のみですが、業種を細かく分類しています。また、気に入ったサイトをブックマークに入れることができます。 3.  I/O 3000 国内外問わない、秀逸なデザインのサイトを収集しているギャラリーサイト

お探しのページはみつかりません一時的にアクセスできないか、移動、削除された可能性があります。

病院のホームページの作り方 どうもこんにちは、チーフデザイナーの塩谷朋広です。 各業種ごとでホームページの作成方法が異なることから、それぞれのホームページの正しいデザインについてまとめているこの連載、本日は病院（クリニック）のホームページ作成の際に気をつけておきたいことです。 この記事は、病院・クリニックを新規開業しこれからホームページを作りたい方、病院ホームページをリニューアルしたい方、そして病院ホームページ制作を依頼されたデザイナーの方に向けて書きます。 そもそも病院のホームページの必要性とは？ 病院やクリニックを開業されている方の中には、ホームページの必要性がわからないという方もいらっしゃると思います。 それなりの金額を支払ってホームページを作成するわけですので、やはりメリット・デメリットについてしっかり把握しておきたいところです。 そこで病院ホームページの持つ役割について説明します

縦長ページ、マガジンスタイル、カード型レイアウト、ランディング、コマース、ブログ、ポートフォリオなど、最近のWebデザインで見かけるレイアウト、ヘッダやフッタ、エレメントのバリエーションが豊富に揃ったコンポーネントベースのUI素材を紹介します。 しかも、商用利用できる全揃いセットをコリスのビジターにプレゼント！ 勉強にもよし、そのまま使ってもよしの素材です。 応募期間は、2015年9月10日で終了しました。 Baikal – Component Based UI Kit プレゼント商品 応募期間 応募要項 当選発表 今回は当ブログのアフィリエイト還元のプレゼント企画で、提供はgreedeals様。 greedealsでは、WordPressやBootstrapのテーマをはじめ、アイコンやフォントなどの有料素材をセットや限定特価で扱っているサイトです。 プレゼントは、UI8で販売されている「

みなさんこんにちは。Misocaのトヨシです。 8月29日に開催されたWord Fes Nagoya 2015(http://2015.wordfes.org/ )というWordPressのイベントで「WordPressを用いたWeb制作の見積ワークショップ」を開催しました。とても好評なワークショップになりましたので今回はそのレポートをお届けします。 25人ほどの方に参加して頂き、こちらが用意した架空の案件についてWordPressを使った場合の見積を作って皆で発表しました。 このワークショップの目的 Web制作の見積は難しいです。 同じページ数の案件でも、相手の予算や納期、利用者数などで大きく変わってきます。 Web制作の見積で金額に関する正解は一つではありません。しかし、ワークショップを通じて、他の人からやり方や考え方を学ぶことができるのではないかと思い企画をしました。 また、Miso

コンテンツの邪魔にならず操作も快適な画像拡大、スクロールすると一旦ヘッダが隠れるけど上にスクロールすると出現、サーチアイコンをクリックするとにょい～ん伸びて検索ボックスになるなど、ユーザビリティ・アクセシビリティに配慮され、タッチデバイスやレスポンシブ対応にも一役買う優れもののスクリプトを紹介します。