Web初心者だった私がWEBデザイナーになって1年半で勉強したこと・使用しているツールまとめ
プロフィールに記しておりますとおり、私は現在デザイン会社にて働いております。 昨年の3月、5年ほどやっていた「DTP・グラフィックのデザイン・レイアウト業務」から「Web担当」に相なり、日々勉強しながら仕事に臨んでおると言う状況です。 そのちょっと前までHTMLは妖精が書いていると思っていた私にとって、あまりに勝手の違う作業内容。最初は途方に暮れておりましたが、Twitter等で知り合うことのできた先輩Webデザイナーさん達のおかげもあり、現在では自分でWordPressのテーマを作成できるまでに成長することができました。頭を叩くと「ｾﾏﾝﾃｨｯｸ!」と音が鳴るまでになりました。 そんなわけでここいらで一度、自分がDTP→WEB担当になるにあたって勉強したこととか使っているツールとかをデロッとまとめておきたいと思います。 まずは業務をする上で必要不可欠になった言語や、作業効率を上げるために
お願いだからWebフォームではを正しく使ってユーザビリティを上げてくれ | 初代編集長ブログ―安田英久
今日は、Webフォームが「うわ、使いづらい」となってしまわないようにする、意外と対応されていないことが多いHTMLタグ「<label>」について。 HTMLを自分で書かないWeb担当者さんでも、デザイナーさんが作ったフォームに関して最低限これだけはチェックしておくといいですよ、というお話しです。 コンバージョンの要である「Webフォーム」。アクセス解析での改善やEFO（入力フォーム最適化）をしていると思いますが、意外と忘れられていることが多い「<label>」をご存じでしょうか。 フォームの入力項目それぞれの「ラベル（項目名）」を書くためのHTMLの作法なのですが、これをちゃんと使っているかどうかで、フォームの使いやすさがガラッと変わるのです。 一番わかりやすいのは、ラジオボタンやチェックボックス。<label>をちゃんと使っていると、ボタン部分ではなく文字の部分をクリックするだけで項目を
WordPress テーマ作成時には必ず指定しておきたいネイティブCSS | hijiriworld Web
※連続改行したいという人がよくいますが、brタグによる連続改行はHTML5の規則的にはダメダメです。セマンティック的にもなんの意味もないのでやめましょう。マージンが欲しければスタイルシートで定義してください。 さて、上記のように入力した値は以下のような構造で出力されます。 <p>あああ</p> <p> いいい <br /> ううう </p> ビジュアルエディタ上での見た目と出力された見た目を同じにするため、すなわち、段落としてのスタイルを定義するならば、pタグのスタイルは以下のようになるでしょう。 > テーマ/style.css p { display: block; margin: 1em 0; } TinyMCE ビジュアルエディタのTinyMCEも考慮するべきでしょう。 それぞれのボタンで挿入されるタグのスタイルも指定しておきましょう。 最初にリセットCSSをしない場合は不要です。
Pocket・Instapaper・Readability：「あとで読む」系サービスの最新版を比較した | ライフハッカー・ジャパン
「ネット上で面白い記事を見つけた。でも今は読む時間がない！」という時に便利なのが「あとで読む」系サービス。特に人気の高いが「Pocket」「Instapaper」「Readability」の3つです。 以前にもこの3大サービスを比較した記事を掲載しましたが、その後新しい機能が追加されていますので、最新版として改めてお届けしたいと思います。 1．Pocket（旧・Read It Later） 「あとで読む」サービスを一番最初に始めたのがPocket（旧・Read It Later）です。リリース後は、対応デバイスやアプリは瞬く間に増えていきました。見た目の面でも大きく向上し、今回紹介する3大人気サービスの中でも特に優秀な「キラー機能」もいくつか備えています。 価格 無料 対応デバイス 公式発表されている対応デバイスはiOS／Android／Chrome／ウェブになります。他にもWindows
「htmlすら知らなかった私が2週間でWordPressの新テーマを作成するまでにやったこと」と参考にした記事まとめ
どうも、@OZPA です。 先月、当ブログのテーマをWordPressにて自作した私。 しかしながら、実はそれまでWordPressの知識どころかhtmlすらろくすっぽきちんと理解していない人間だったのです。 今回はそんな私がWordpressのテーマを一から自作するまでにやったことを備忘録がわりに纏め上げておこうかと思います。 ひとりじゃ出来なかった 今回、テーマを作り始めたのが2011年の12月29日、そしてテーマが完成したのが年が開けて1月の12日。 だいたい2週間弱で自作テーマ発表まで漕ぎ着けたわけなんですが、そこにはそうそうたる方々によります手助けがありました。 そんな方々に敬意を払いつつ、テーマ自作までにやったことと手順を備忘録として残しておこうかと。 WordPressのテーマ作成の手順 さて、WordPressのテーマを作成するためには、 0.WordPressをローカルに
死ぬほど簡単にローカルにWordPress環境を構築できる「BitNami」の導入方法！（Mac編）
どうも。生まれて初めて当たり付き自動販売機で当たりが出た@OZPA です。 さて、かねてより和洋風◎の@isloop くんより 「ブログのデザイン、テンプレートじゃなくて自分で作ったほうがいいよ」 とのアドバイスをうけていたのですが、phpやcssどころかhtmlすらろくに理解していなかった私。 プロフィールページを作るのに戸惑ったり、はたまたサーバを移転するのにしこたま苦労したりと本当に手のかかるお子様だったわけです。そんな私がWordPressのテーマですって・・・？汚らわしいっ！ [blackbirdpie url=http://twitter.com/#!/OZPA/statuses/64271506724757504] ですが今年の4月の終わりに上のようなつぶやきをしていることをふと思い出し、新しいことを覚える良いチャンスだなということで、WordPressのテーマを作るためにB
気になるページを保存してあとで別のスマホなどからオフライン時にも読めるようにできる「Pocket」の使い方
保存したページのデータをあらかじめダウンロードさせておくことで、電波の届かない場所であってもiPhoneやAndroidなどのスマートフォンからオフラインで読むことができ、約300種類ものアプリと連携可能となっているネットサービスが「Pocket」です。Firefox・Chrome・IEなどのブラウザからページを保存した後、あとでスマートフォン経由で移動中や出先で読む、あるいはその逆でスマートフォンで気になるページをピックアップしてから、あとでゆっくりPCで閲覧する、というようなことが可能になります。 実際にどういう感じのシチュエーションでシームレスに使えるかというのは以下のムービーを見れば分かります。 Introducing Pocket on Vimeo アカウント登録、ブラウザ（Firefox・Chrome・IE）での使用方法、iPhone・iPad・Android搭載スマートフォン
最近話題のSOPAって何なの？
ちょっと前まで聞いたこともなかった単語。SOPA。 最近この単語をよく耳にするようになりましたよね。WikipediaとかRedditをはじめとする様々なウェブページがこれに抵抗する為にサービスの停止や、トップページで抗議することを表明しています。ただ、そもそもSOPAって何なんでしょう？ SOPA（Stop Online Piracy Act）というのは、テキサスの共和党員で下院法務委員会議長でもあるラマー・スミス（Lamar Smith）議員が去年の10月26日に提案した｢オンライン海賊行為防止法の法案｣のことです。そこから下院両党の賛成票を集め法案を可決するために11月16日の聴聞会と12月15日のマークアップ（法案の最終詰め段階）を行ってきました。現在議論は保留中となっているみたいですが来月よりまた再開される見通しだそうです。 また上院で審議されている同様の法案で｢PIPA（Pro
Evernoteで簡単にライフログをまとめる方法｜iftttでSNS連携させれば手間いらずでした｜男子ハック
WebサービスEvernoteで簡単にライフログをまとめる方法｜iftttでSNS連携させれば手間いらずでした2011年12月2日286 @JUNP_Nです。ライフログの面白さが少しずつわかってきた今日この頃、forsquareでのチェックインやTwitter、Instagramの写真など、全部1箇所で見たいという願望がふつふつと湧いて来ました。そこで前から気になっていた「ifttt」というサービスを使ってみたら、超簡単にEvernoteに集約できたので紹介します。 forsquareもInstagramもLast.fmも自動でEvernoteへ送りたいもう何ヶ月も前から話題になっていた「ifttt」というサービス。気になってはいたけれど手を出してはいませんでした。 ifttt / Put the internet to work for you. 各種Webサービスをトリガーにして自動タ
【Webサービス】EvernoteからFBまで、なんでも自動取り込みできる『ifttt』が便利すぎる！！ - busidea
【Webサービス】EvernoteからFBまで、なんでも自動取り込みできる『ifttt』が便利すぎる！！ 2011年11月25日 2021年8月24日 2020年以前の記事 自動化。嗚呼自動化。いい響きです。5倍えばの本でも公言してはばからない程度のものぐさ人種としては、とにかく手を抜けるところは抜きたい。そういうサービスになら遠慮無く金をつっこんでは色々試してきました。 その経験から申しましょう。http://ifttt.com、神すぎます。しかもまだβゆえなのか、無料で使えちゃうよ という大盤振る舞いぶり。 きっかけはこちらのブログから。 サイト連携の自動化にFA。”if this then that” がコンセプトのiftttが胸熱。 普段、スクショ撮るのを億劫がるので別に有名ではないけれどめんどいなーと思っているアライが、嬉々としてスクショを撮りまくったほどのこのサービス、久々に使
スマホユーザー全員必見！ チャットワークがついにスマホ対応！
スマホユーザー全員必見！ チャットワークがついにスマホ対応！2011.08.29 09:00Sponsored これで作業が捗りますね！ ｢メールの時代は終わりました｣と衝撃的なキャッチコピーで登場したクラウド型ビジネスツール｢チャットワーク｣。使っているOSに依存する事なく、Webページからアクセスするだけで気軽に使用することができる今流行のクラウドを採用しているビジネスチャットツールです。 前回ギズモードでは、チャットワークの使い心地の良さに惚れて｢Skypeを超えたかも！？｣と紹介記事を掲載しているので、主な機能はそちらを見てください。 さて、今回はそのチャットワークがついにスマートフォンに対応して、本物のクラウドをどこでも体験できるようになったのでご紹介します。 スマートフォンの対応によりAndroidアプリやiPhoneのブラウザから、気軽にチャットワークへアクセスする事が出来ま
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
定型サイズも簡単 プリンタさえあればできる「封筒の作り方」 - はてなニュース
手紙を送りたいのに、ちょうどいい封筒が手元にないというときがありますよね。そんなときは、専用のテンプレートや身近な素材を使ってサクッと手作りしてみましょう。今すぐ使える「封筒の作り方」をご紹介します。 ■ テンプレートをプリントするだけ！ まずは専用のテンプレートを使って、好みのサイズやデザインの封筒を作る方法です。 ＜好きなサイズの封筒を簡単に＞ ▽ 急に封筒が必要になった時に自分で作る為のサイト サクッと展開図を作って印刷して作ろう ▽ 株式会社山櫻 ▽ http://www.futo-g.com/kisei/index.html これらのエントリーでは、長形や角形など規格で決められたサイズの封筒のテンプレートを配布しています。封筒のサイズと対応する紙のサイズが書かれているので、必要なものを選んでダウンロードしてください。一番上のエントリーでは、自分で縦横のサイズを指定してテンプレート
クリエイティブ・コモンズ - Wikipedia
クリエイティブ・コモンズ（英: Creative Commons、略称: CC）とは、著作物の適正な再利用の促進を目的として、著作者がみずからの著作物の再利用を許可するという意思表示を手軽に行えるようにするための様々なレベルのライセンスを策定し普及を図る国際的プロジェクト及びその運営主体である国際的非営利団体の名称である。 クリエイティブ・コモンズが策定した一連のライセンスはクリエイティブ・コモンズ・ライセンスと呼ばれる。 クリエイティブ・コモンズ紹介動画（2007年製作） 情報を共有しようとすると、知的所有権法や著作権法が障害になる場合があるが、この運動の基本的なねらいは、そのような法的問題を回避することにある。 これを達成するために同プロジェクトは著作権者が作品のリリースにあたって無料で利用できるようなライセンスのプロトタイプを作成、提供し作品がウェブ上で公開される際に検索や機械処理を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressでアイキャッチ画像に任意のデフォルト画像を設定する方法 * prasm（プラズム）
HTML / CSS / javascript対応の次世代エディタ「Brackets」 | Web’Notes
IDEA * IDEA
IDEA * IDEA
ごりゅご.com
iq148.com is for sale | HugeDomains
