[B! Webデザイン] toshipon123のブックマーク

ブログの始め方【初心者向け】運営のコツから収益化までの流れを解説

これからブログを始めたい人に向けて、ブログを始める前の準備からおすすめのブログサービスまで、詳しく解説していきます。私がブログを始めたのは約9年前で、あの時ブログを始めてよかったなと実感しています。ブログで文章を書くことで思考が整理できたり、自分の体験談が誰かの役に立ったり、ブログはきっとあなたの世界を広げてくれるものになるはずです。アフィリエイトブログの本を執筆しました趣味として始めるのはもちろん、ブログを始めることでマーケティングの勉強になったり、本業とは別に副収入が得られたり、仕事にも良い影響があるかもしれません。文章を書き慣れていなくても、読まれるかどうか不安でも、試行錯誤しながら続けるうちに慣れて読者も少しずつ増えていくものです。ブログは根気が必要ですが、それだけやりがいもあってコツコツと自分だけのブログを育てるのはとても楽しいので、同じようにブログを楽しむ人が増えた

toshipon123 2016/12/27

リンク

WIX.com: Free Website Builder | Create a Free Website

CREATIONWebsite designCreate your site with intuitive design features. Website templatesChoose from 900+ website templates. AI website builderCreate your site in no time with AI. BUSINESSeCommerceRun & grow your eCommerce website. SchedulingManage appointments, staff & clients. RestaurantManage your menus, orders, and reservations. BlogShare ideas & grow your traffic. PortfolioShowcase your work w

toshipon123 2015/02/23

Webデザイン

リンク

Website Builder — Create a Website in Minutes — Squarespace

A collection of inspirational websites made by real Squarespace users. Stories and solutions for the modern entrepreneur. In-depth guides and videos about the platform, our services, and how to get started. An online community for Squarespace users and professionals to discuss best practices and seek advice. Free, online sessions where you’ll learn the basics and refine your Squarespace skills. Ea

toshipon123 2015/02/23

webデザイン

リンク

画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール | UXデザイン会社Standardのブログ

2014.11.19 / UI 画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール Tomohiro Suzuki クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか？この画面遷移図というものは本来は制作範囲の全体像と構造を明確にし、必要な画面というものを洗い出したりするものです。通常のWebサイトであれば、従来のような画面遷移図でも問題ないかもしれませんが、多くのインタラクションが発生するサービスの設計では複雑化しやすく、何度も情報を行き来して確認することになるため時間がかかります。原因のひとつとして、画面遷移図では画面名のみを記載して繋げていくことになるため、必要な情報が不足していることが挙げられます。その結果、本来で

toshipon123 2014/11/20

リンク

１年でフリーのWebデザイナーになった僕が実行した8つのステップ【独学デザイン勉強方法】 - LITERALLY

Desk | Flickr デザインスキルを身につけてから、世界がずいぶん広がった。自分一人の力で仕事が出来るようになったし、発信したいものがあれば好きなようにWebページを作れば良いし、プレゼンのスライドも何倍も印象的に作れるようになった。デザインで学んだことは生活していれば至るところで活きてくるので投資効果はかなり大きいはず。今回は、Webデザインの知識が一切なかった僕が、会社や飲食店からWebデザインの仕事を請けるようになるまでの1年間に実行した8のステップ︵デザインの勉強4＋Webデザインの勉強4︶をまとめてみる。ここで書くのは目安として、HTML・CSSを使ったレスポンシブデザインのウェブサイトを作るあたりまで想定してもらえると良い。いちおう自己紹介を簡単に独学でデザインの勉強を始めたのは2年前の2012年後半。とは言っても雑誌のレイアウトデザイン︵グラフィック・デザイン︶

toshipon123 2014/10/25

webデザイン

リンク

知っておくと効率的！コーポレートサイト制作が捗るjQuery プラグインや使い方まとめ

作成‥2014/04/7 更新‥2014/11/01 Web制作 > あの企業サイトで使われている効果やテクニックをまた探さないといけない、そもそもどういったキーワードで探したらいいのか分からない。そんなこんなで、今回は奇抜なものではなく、﹁企業サイトで見たことある！﹂というような、コーポレートサイトに使えそうな定番のプラグインや作り方をまとめました。エンジニア速報は Twitter の@commteで配信しています。もくじスライドショー1．カルーセル︵横︶2．フェードアウト3．画像と文字をスライド4．文字が遅れて移動する効果5．異なるタイミングを設定できるナビゲーション・メニュー6．多階層ドロップダウンメニュー7．多階層効果つき8．スマホではドロップダウン9．スマホではセレクトメニューに10．Amazon風メガドロップダウンメニュー11．横スライド1

toshipon123 2014/04/11

webデザイン

リンク

theycallmecrowe.com

This domain may be for sale!

toshipon123 2014/03/12

リンク

ひとりでWeb制作できた！Webデザインの勉強にもなる独学「スライド」総まとめ

作成‥2014/02/24 更新‥2016/06/30 Webデザイン > デザインの流れや基本的なフローなどを勉強しておくだけでも効率が良くなるし、起業の際にも役に立つと思います。デザイナーさんにもっとデザイン力を上げたいと言われたのもあり、今回は制作フローとデザインやその他の知識を学べるように、出来るだけ制作フローにそって、スライドをまとめました。膨大な量になったので簡潔にしています。全てスライドです。エンジニア速報は Twitter の@commteで配信しています。

toshipon123 2014/02/25

リンク

Dribbble - Show and tell for designers

Get inspired by the work of millions of top-rated designers & agencies around the world.

toshipon123 2014/02/20

リンク

CSSの知識をもっと深める30+2の小技テクニック集｜Webpark

基本的なことやちょっと変わった意外な使い方などCSSに関する小技テクニックをたくさん紹介していきます。知っていることも多いかと思いますが、新しい発見もあるかもしれませんので復習を兼ねてぜひご覧ください。

toshipon123 2014/01/08

リンク

we love herokuのデザインリニューアル

we love herokuリニューアルのお話です。今回はデザインサイドの話です。 we love heroku とは we love herokuは、herokuを使ったサービスを登録するギャラリーサイトです。開発したキッカケは、@herokujpさんのつぶやきでした。去年の2月ぐらいでしたかね、仕事の帰り道にこのつぶやきをみて、設計しながら家帰り、即実装という感じでした。 railsを初めて1ヶ月ぐらいの頃にherokuを試したところ、すごく感動したのですっかりherokuのファンになっていました。そして、2月のheroku meetupに参加しようと思っていたところ、先ほどのつぶやきが目に止まり。作ってみるかな、と。トップページを振り返ろう今回は機能の話は書きません。あえての見た目の話だけです。当時のバージョンのスクリーンショットはこんな感じでした。 Bootstrap2のまん

toshipon123 2013/12/10

リンク

LIFE COLOR CLOCK | こちら、銀座資生堂センデン部 | 資生堂

このコンテンツは、Safari 用の Flash Player バージョン 10.3 以降が必要です。 Safari で下記のページにアクセスして、インストールを行って下さい。 http://www.adobe.com/go/getflash このコンテンツは、Internet Explorer 用の Flash Player バージョン 10.3 以降が必要です。 Internet Explorer で下記のページにアクセスして、インストールを行って下さい。 http://www.adobe.com/go/getflash

toshipon123 2013/12/08

webデザイン

リンク

cssとは？使い方と学び方の基礎まとめ - プログラミング学習の窓口

プログラミングの基礎であるhtmlを勉強していると、必ず出てくる言葉がcss。現代のwebサービスにおいて、htmlとcssはいわば兄弟のようなもので切っても切れない関係と言えるでしょう。では、cssとはいったいどういうものなのでしょうか。簡単に言うと、Webページの文字の色や大きさ、背景、配置といった見た目を設定する言語の一種です。静的ページも動的ページも見た目の部分の多くはこのcssで制御されています。もしcssを詳しく学ぶなら、独学もいいですがプログラミングスクールがおすすめです。費用は当然かかりますが、アドバイスがもらえることと、学習スケジュールが管理されるので、強制的に頑張れる仕組みが作れるのもメリットと言えるでしょう。 The post cssとは？使い方と学び方の基礎まとめ first appeared on プログラミング学習の窓口.

toshipon123 2013/11/05

webデザイン

リンク

favico.js

favico.js v0.3.10 Make use of your favicon with badges, images or videos View on GitHub Try it: +1 -1 Set icon Play video Start webcam Reset Works on Chrome, Firefox, Opera and IE11+ Badges Animate your favicon with animated badges. You can customize type of animation, position, background color and text color.

toshipon123 2013/09/09

faviconのバッジ表示ができるライブラリ

リンク

ul・ol・li要素の備忘録 - NxWorld

かなり今さら感はありますけど、ul・ol・li要素関連の備忘録です。対応ブラウザ（特に一部のIEで未対応）とかそもそも使う場面がそんなにないとかの理由で使用頻度がかなり低いと思うのもありますが、低いからこそ使おうと思ったときにパッと思い浮かばなそうなので書き残しておきます。 list-style-type リストマーカーの種類を指定するプロパティlist-style-typeのメモです。使用頻度が高いと思うのはulやolにデフォルトで設定されているdiscやdecimal辺りかと思いますが、他にもいろいろあるのと一部のブラウザでは未対応などあるので、パッと確認したいときのために一覧にしました。画像はWin7 Chromeでの表示をキャプチャしたもの。 ChromeやFirefoxといったブラウザでは上記のように問題なく表示されますが、IEでは一部のマーカーが対応していない場合がありま

toshipon123 2013/07/24

リンク

CSSアニメーションでページを紙芝居の様に切り替えるデモ:phpspot開発日誌

A Collection of Page Transitions | Codrops CSSアニメーションでページを紙芝居の様に切り替えるデモ。迫力のある全画面切り替えをCSSで実現しており、そのアニメーションの種類も豊富で良いサンプルになっています。デモとして学習用にもよさそうですが、Windows8っぽいプレゼン資料なんかを作る際にも使えそうですデモページ関連エントリ Yahooが作ったピュアCSSのUIライブラリ﹁Pure﹂エレメント上にラベルを付けるためのCSS﹁Label.css﹂ Flashみたいに美しいCSSテキストアニメーションデモ HTML/JS/CSSでAndroidアプリ風UIを作るフレームワーク﹁Fries﹂自鯖に設置してHTML、CSS、JSをブラウザ上で開発して遊べる﹁Editr﹂

toshipon123 2013/07/18

webデザイン

リンク

1216彩票-官网平台

您不具备使用所提供的凭据查看该目录或页的权限。请尝试以下操作：如果您认为自己应该能够查看该目录或页面，请与网站管理员联系。单击刷新按钮，并使用其他凭据重试。 HTTP 错误 401.1 - 未经授权：访问由于凭据无效被拒绝。 Internet 信息服务 (IIS) 技术信息（为技术支持人员提供）转到 Microsoft 产品支持服务并搜索包括“HTTP ”和“401 ”的标题。打开“IIS 帮助”（可在 IIS 管理器 (inetmgr) 中访问），然后搜索标题为“身份验证”、“访问控制”和“关于自定义错误消息”的主题。

toshipon123 2013/07/16

webデザイン

リンク

http://www.masswerk.at/404

toshipon123 2013/07/16

面白い404ページ

Webデザイン

リンク

フロップデザインフォント

フロップデザインフォントという商用可の日本語フリーフォントフロップデザインフォントは、どなたでも自由に無料でダウンロードして、商用・非商用問わず使用できる日本語フリーフォントです。このフォントは第二水準の漢字も含まれ、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えます。ひらがな、カタカナ、アルファベット、数字をオリジナルで制作し、残りの部分をM+FONTで補いました。またM+FONTで不足している漢字をIPAゴシックで補完しています。フォントのデザイン特徴について水平、垂直の線がデザインの基本となっているシンプルなゴシック体の日本語フォントです。暖かみのある手書きを感じさせるひらがな、シャープなイメージのカタカナ、スマートでデザイン性の高いアルファベット︵英語︶、スタンダードで読みやすい数字とそれぞれ異なる考えに基づいて作られたフォントです。しかし