emuramemo

製品レビュー、HTML/CSS、webデザイン、音楽、その他いろいろ

webデザイン

会社で勉強会をやってみて

以前読んだ「デザイニングWebアクセシビリティ」が実務の参考になりそうだったので共有しなければ!と思い、会社で毎朝時間をとって勉強会を行うようになりました。

WindowsでAdobe XD(ベータ版)を使ってみた感想(2017年4月現在 ※7月7日更新)

WindowsでもAdobe XD(ベータ版)がインストールできるようになったので使ってみました。2017年4月現在の感想をずらずらと書いておきます。 Adobe XDとは? UI/UXのデザインからプロトタイプの作成、共有まで。すべてを1つのアプリケーションで. Adobe Exper…

アクセスしやすく使いやすいWebデザインを学ぶ

「デザイニングWebアクセシビリティ」という本を読みました。 アクセシビリティ、つまり「アクセスのしやすさ」を確保するために、どのようにWebをデザインすればよいかを学ぶことができます。 なんだか難しそうなタイトルで敬遠していましたが、読んでみる…

今のコーディング方法を知るのに最適な書籍「現場のプロが本気で教える HTMLCSSデザイン講義」

・ヤフーの現場で使っているCSS設計方法とは? - linotice* | Yahoo! JAPAN RECRUITMENT 上記の記事がきっかけで、「現場のプロが本気で教える HTMLCSSデザイン講義」を読んでみました。大手ヤフーで、どんなコーディングをしているのか気になりますよね。

2016年に読んだデザイン・web制作関連の書籍

2016年に読んだ書籍です。デザイン系、なかでも心理学系を中心に、デザインと人の心理・行動は切っても切れない関係だと思い知った一年でした。

CSS blend-modeとPhotoshopの描画モード

CSS3からblend-modeというプロパティが使えるようになりました。 Photoshopでいう描画モードがCSSで使えるわけですね。 他社さんからデザインをもらった時、PSDのレイヤーが乗算で乗っていることがありますが、実際に再現してみようとCSSを書いてみると自分…

webデザイナーにもおすすめの書籍 沈黙のwebマーケティング

ウェブライダーの松尾茂起さん著の「沈黙のwebマーケティング」の書籍版を読みました。 www.cpi.ad.jp ぱっと見、ハードボイルドのパロディを使ったお笑い的な、薄い内容なんじゃないかなと思っていましたが、読んでみると、まぁ面白いしわかりやすい。

WordPress archive-○○○.phpの投稿一覧が表示されない時の解決方法

WordPressで投稿ページをデフォルトのもの以外にも追加することがあると思います。その時に専用の記事の一覧ページも作る必要があります。 しかし一覧ページに投稿したコンテツが表示されなくて困りました。

超明快 Webユーザビリティ ―ユーザーに「考えさせない」デザインの法則 を読みました

デザイナーがどれだけユーザー行動を想定したサイトデザインを作ったとしても、例えば「30%OFF!」とかかれたバナーに全てをもっていかれてしまうことがあります。

ウィンドウサイズよりも大きい画像をサイズをそのままで横スクロールバーを出さずに中央表示する

タイトルを書いてみてすごく伝わりにくいんですが、メイン画像がコンテンツよりはみ出ているデザインがよくやってきます。最近続いたのでメモ。

Windows10にアップデートしてからPhotoshop CS6のカンバスやガイドがチカチカするようになった

PhotoshopをCCで契約したものの、CCの動作が重いのでCS6をダウンロードして使っています。 この間Windows10にアップデートしてからPhotoshopCS6でpsdデータを開いて作業をしてると、 ・ガイドが付いたり消えたり ・カンバスが透明表示になったり真っ黒になっ…

CSS Firefox テキストをhoverでboldにするとテキストの上下位置がずれる

依頼案件で見つけたのでメモ。 家のPCではなぜかずれる現象が再現できなかったのですが、同じ症状が起きた時は試してみてください。

IllustratorからPhotoshopへ貼り付けをすると画質が悪くなる

ウェブ制作をするときは、自分はいつもPhotoshopで作るのですが、 他社とやり取りする時にIllustratorのデザインデータをもらうことがあります。 スライスするためにIllustratorのデータ(aiデータ)をPhotoshopにコピーすると写真がジャギジャギしたり、画…

Photoshop CC 2015が重いので

PhotoshopをCC 2015にしました、が、重い。 PCは4年ほど前のものでスペックは以下のとおり OS:Windows7 CPU:core i5メモリ:8GB CS5まではサクサク動いていたので問題無いだろと思ってたのですが、Photoshop上でマウスを移動するだけでもガチガチしたりす…

CSS Nite in KYOTO Vol.4 『10倍ラクするIllustrator + Photoshopの仕事術』に行ってきました

結構前ですが、10月17日、鷹野雅弘さん登壇のCSS Nite行ってきました。 紹介されていて気になったWEB制作の技術などをまとめておきます。ほんとに、いろいろためになりました。

ロゴを作りました

ロゴ、ウサギです。

初めてのWordPressの対応にもオススメ WordPress 仕事の現場でサッと使える!デザイン教科書

この間WordPressを使ったサイトの修正依頼があったのですが、普段自社CMSしか使わないのでほとんどWordPressって触ったことがありません。 編集したいページがサーバー上のどこにあるの?とか、そのくらいのレベルでWordPressがわからなかったのですが、この…

Dreamweaverの使いどころがなくなってきた

重い、UIがごちゃごちゃしてる、デザインビューが微妙(CS4~のライブビューで改善されたらしい)、などなどあまり良い評判を聞かないDreamweaver。 近年、SublimeTextなど軽量で優秀なエディタが増えてきたこともあってますます出番はなくなってきているし、A…

SublimeTextを再インストールしてパッケージや設定を整理しました

今年SublimeText3に乗り換えてからメニューがうまく表示できなかったので再インストールすることにしました。windowsの場合です。

CSS font-family 游ゴシックが読みづらい

会社にもWindows8 PCがやってきたので游ゴシックの表示をチェックしてみました。 Windowsのchrome、Firefoxでは文字が細く、今にも消えそうな表示。。 Macは持ってないのでsafariやMac版のchromeでの表示がどうなのかはわかりません。想像ではキレイに出てる…

デザイナーも読んでおきたい「いちばんやさしい新しいSEOの教本」

SEOの本では有名なんじゃないでしょうか。「いちばんやさしい」とのことで、SEOの知識がふんわりしてる自分にはちょうどよいと思い読んでみました。

WEB制作まわりで気になる本 2015春

GWに向けて勉強する本を3つピックアップ。

メンテナンスしやすいようにCSSの記述方法を変えてみた

メンテナンスしやすいようにCSSの記述方法を変えてみました。 なにも難しいことはしません。

CSSでfont-familyに小塚ゴシックを使うときに注意すること

web制作で色々と悩ましい日本語フォント。 最近はwebデザインでのスタンダードなフォントに、メイリオ・ヒラギノ角ゴに加え、游ゴシックも普及しているのでしょうか。 ですが、小塚ゴシックで作られてるwebデザインデータをもらう機会が増えている気がします…

IEのバージョンはどこまで対応すべきか?(2014年)

ちょっと前、こんな記事が炎上して、ブコメでIEの話題が出ました。 ・早稲田大学のサイトリニューアルがなぜこんなにひどいのか。 - 隣り合わせの灰と青春 IEってたくさんのバージョンがありますが、2014年の現時点でどこまで対応したらいいの?ということで…

画面サイズの多様化。スマートフォンサイトの作り方はこれからどうなるか

Apple - iPhone 6 クライアントの予算に余裕のある時にはセットで依頼があるスマートフォンサイト制作。その作り方も様々です。

HTML・CSSを初心者からしっかり勉強できる良質なサイト3選

HTML・CSSコーディングを会社内で一から教える機会がありまして、教材用に良いサイトが無いか探してみました。 しかし、変に間違った情報を載せていたり、技術が古くなって今は使えないものだったり、そういった情報サイトは数多く存在します。 一応仕事でHT…

CSSオジサン#0 at 大阪に行ってきました

大阪でCSSのイベントがあるときいて、しかも気になっていた「Web制作者のためのCSS設計の教科書」の出版記念イベントだということで行ってきました。その内容と感想を。

overflow-x、yがIE以外のブラウザにも対応していた

スクロールボックスを手軽につくりたい時や、JSと併用して使うことが多いCSSのoverflow。 overflowを縦だけに使いたい、もしくは横だけに使いたい時って結構あるんですが、「overflow 縦」で検索するとこのページが上位に出てきます。

WEBデザインでPSDデータを渡すときに気にしたいポイント

たまにデザインを頂く時にギョッとするPSDデータをもらうことがあります。 以下の点などをチェックして渡してくれたら嬉しいなぁ、なんて思いました。

emuramemo(c) All Rights Reserved.