こんにちは、haruです。 今回はweb制作現場で頻繁に使われる用語についてまとめてみました。 WEBデザイナー、業界の方ならばよく耳にする用語ではないでしょうか? またその言葉の裏に隠された意味にもツッコんでみました。 笑って楽しんで読んでいただけたらうれしいです。 それではどうぞご覧ください。 Vol.05 Web制作現場頻出用語辞典デザイナー編vol.1 次回は7月中頃に更新です!お楽しみに…。
アイコンをつくってみました! これが好き これはもうちょっとこうしたほうがよい これとこれを組み合わせてみたらどうなるか みたいなのがあれば教えて頂きたいです! ポイント ほぼすべて「S」や「SS(serverspec)」と惑星をイメージしています。 懸念事項としては宇宙っぽいブランディングがいきすぎてるかもしれないです。(ただ、海外のサイトも機能を言い換えたりしてるのでありかなーという気もします ex. "Boxen is your team's IT robot." など) 右の下から二番目は暗視ゴーグルでSをつくってみたんですが、もはやゴーグルに見えないかもです。 左下の二つはデミさんがリンクを貼っていた2013 Logo Trends( http://www.logolounge.com/article/2013logotrends#.UaIIpSuoQhV )にあったBanner
CSS でテーブルセルに対して vertical-align: baseline を指定したときの挙動はちょっと面白いです。そのセルが属するテーブル行で vertical-align: baseline が指定されたセルのうち、テキストの最初の行のベースラインの位置がもっとも低いセルによってそのテーブル行のベースラインが決まり、セルのテキストの最初の行のベースラインがそこに合わせられます (17.5.3 Table height algorithms [CSS 2.1])。たとえば同一行の見出しセルとデータセルでフォントサイズが異なる場合でも、このアルゴリズムによってバランス良く配置することが可能です。 Fig 1: フォントサイズの異なるセルに `vertical-align: baseline` を指定した結果 これを応用して、テーブル以外の要素でも display: table-ce
最近 zencoding.vim を大きく修正しました。とは言ってもこれまで単体テストを作ってきた事もあって、過去の動作を(なるべく)壊さずに大規模な修正が行えました。 これまでは一つのファイルに html, css, haml の処理が全て記述されていたのでとてもスパゲッティなコードになっていて、もう少し放っておくとカオスな状態になりかけていたので、ファイルを分割しインタフェースを揃える事にしました。 これにより、今後新しいフォーマットに対応する際にも、zencoding/lang にあるファイルの真似をして記述すれば実装出来る様になります。 haml に対応した 「えっ?前から対応してたんじゃないの?」と言われる方もいるかもしれませんが、これはあくまで expand abbreviation の haml フィルタとしてだけサポートしていました。 何が変わったかというと zen cod
こんにちは。最近、実は JavaScript よりも Perl が好きなたんぽぽグループの大形です。 Perl の、仕様書など無いところがたまりません。勉強しても勉強しても...。いえ、今回は Perl の話ではありませんでした。 一昨日の土曜日ですが、会社にお金を出して貰って、 SwapSkills さんの『CSSを便利に使うための LESS入門』にお邪魔してきました。 何を隠そう、いや、隠すことは何も無いのですが、私は今「クライアントサイドのバックエンド担当」として働かせていただいてます。つまるところ、デザイナさんやコーダさんが日々目の前の案件と戦い続けている中で、一歩引いたところからお助けユーティリティを作ったり、俯瞰して工程を見直してみたり、デザインにおける継続テストの仕組みを考えたり、新しく何かの役に立ちそうなものをどこからか引っ張ってきたりするお仕事です。 そんなお仕事の一環と
米Microsoftの次期ブラウザー「Internet Explorer(IE)11」が旧OS「Windows 7」でも利用可能になると、複数の米メディアが報じている。 IE11は、「Windows 8」の改良版「Windows 8.1」に標準搭載されるブラウザーで、大幅な高速化、タッチ操作の最適化をはじめ、さまざまな機能向上が図られている。現地時間2013年6月26日に公開されたWindows 8.1プレビュー版(関連記事:Microsoftが「Windows 8.1 Preview」を公開、アプリ開発支援を強化 )に合わせて、IE11のプレビュー版も公開されている。 米Engadgetは6月26日付けの記事で、MicrosoftがIE11をWindows 7に対応させる予定であることを認めたと伝えた。しかしいつ提供するかについては明らかにしていない。 米Computerworldによる
最近はやっているオンラインカジノやカジノアプリ。スマートフォンや通信技術の発達のおかげで、いつでもどこでも誰でも手軽ギャンブルを楽しむことができるようになったのは素晴らしいことですよね。管理人が学生時代に最初に始めたギャンブルは麻雀でした。運と知性が織りなす絶妙のゲーム展開は、一度として同じにはならず、誰にもその勝敗の行方は分からない。かといって技術介入の要素が強いためやればやるほど上達もしてゆくあのゲーム性。麻雀を生み出した中国人を心底尊敬し、一時は中国語を必死に勉強したものです。たった13枚の手配の中に宇宙がある。大げさではなくそう感じていたものです。気の置けない仲間たちと夜通し麻雀を打ち続けるのは最高のひと時だったと今も思います。学生時代は基本点五で卓を囲んでいましたが、長時間、長い時は二日三日と続けて打ち続けると、雀荘に支払う卓代がバカになりません。ちょっとやそっと勝ったぐらいでは
Susy was a responsive layout engine for Sass, before flexbox and CSS grid were available. Susy is now deprecated, and will not receive updates. If you need help moving off Susy, or learning the latest in web layout, we offer training and consulting to help bring you up-to-date. Contact us for details » Not everyone can play with the latest specs, and there will always be edge-cases that require ma
1. やはりスイッチの記号は分かりにくい 先日、「【|と◯】知ってる? アプリや電機のスイッチと電源ボタンの記号の意味」という記事を掲載したところ、予想外に反応が大きかった。 「 | 」と「 ◯ 」は、それぞれIEC(国際電気標準会議)によって国際的に標準化された記号であり、前者が電源ON(オン)、後者が電源OFF(オフ)を意味するものだ。 スイッチに採用されているこれらの記号の意味が分かりにくいことをテーマにした記事だったが、反応の大きさやソーシャルメディア上のコメントなどから、筆者と同様にこれらの記号のみではスイッチのONとOFFを判断しにくいと感じている人が多いことが分かった。 また、スイッチの操作部分上にON・OFF表示があったり、iOSの設定アプリのようにスイッチ内部の操作部分以外の場所にON・OFF表示があると、現在の状態を示しているのか、操作後の状態を示しているのか混乱すると
画像加工や写真の修正、すべて手作業でやってませんか? Photoshopのアクション機能で自動化すればアッという間に終わります。今回はデザイナーの仕事を驚くほどラクにするアクションを18種、厳選してまとめました。 目次 単純作業をラクにするアクション(×4種) モックアップ作成をラクにするアクション(×6種) 写真加工をラクにするアクション(×6種) 写真の枠をラクに付けるアクション(×2種) 単純作業をラクにするアクション 1.Retina対応画像を生成する Retinize Itを使えば、iPhoneやiPadに対応したRetina画像を自動生成できます。リサイズ〜名前変更の手間を一気に短縮しましょう。 Retinize It 2.リフレクションする 水面に反射したような効果が得られるリフレクションエフェクトが簡単に作れるアクションです。たったのワンクリックでAppleプロダクトの
CSS3で実現するアローアイコン スマートフォンなどでリンク領域を示すことなどで使われることが多いアローアイコン。これをCSS3を使って表現する方法を紹介します。 ちなみにアローアイコンとはこんなかんじのリストの右にある矢印。(アローアイコンの正式名称とかあるのかしら) まず、HTMLは次のようにします。今回は便宜的にアローアイコンを付けるa要素にclass属性「arrow」を付加しています。 <ul> <li><a href="#" class="arrow">link</a></li> <li><a href="#" class="arrow">link</a></li> <li><a href="#" class="arrow">link</a></li> <li><a href="#">link</a></li> <ul> .arrowには以下のようなCSSを指定します。 li a
ホリエモンが「声優って実際そんなにスキルいるんかえ?って身も蓋もない話もあるし。」なんてツイートをして波紋を呼んだ。 宮崎駿監督も、そんなふうに思っているのだろうか? 宮崎駿監督は、プロ声優をあまり使わない。 最新作『風立ちぬ』、主役の声を担当するのは庵野秀明だ。 庵野秀明は、声優ではない。 『新世紀エヴァンゲリオン』『彼氏彼女の事情』等のアニメ監督だ。 なぜ? なぜ庵野秀明? 劇場用アニメーションでは、ときどきプロの声優ではない有名人が起用される。 「話題作り」というヤツだ。 有名人が、どんな作品なのか語り、「声もがんばりました」とか言って、ワイドショーに取り上げられる。 そのために登場する、というヤツだ。 金メダルをとったオリンピック選手が、まったく必要のないキャラでヒトコトだけ発するなんてケースもある。興ざめなのでやめてほしい。 だが、宮崎駿作品のケースはそうじゃない。 『風立ちぬ』
エキサイトレビュー 2013年6月27日 11時00分 『となりのトトロ』のおとうさんの声も、プロの声優ではない。糸井重里。コピーライター、「ほぼ日刊イトイ新聞」の人だ。 これまた、ちょい役ではない。重要な役どころだ。 『ジブリの教科書3 となりのトトロ』には、「どうして糸井重里がとうさん役に抜擢されたのか」が詳しく描かれている。 宮崎監督は、糸井重里との対談で、こう語っている(これも、『ジブリの教科書3 となりのトトロ』に収録されている)。 「声優さんの声をいろいろ聞いてみたんですけど、みんな、あったかくてね、子どものことを全面的に理解している父親になりすぎちゃうんですよ」 それで、「これはどこか別のところから人を連れてこなくちゃいけないって話になりましてね。…糸井さんがいいっていったのは、ぼくです」 声についてこういうことも言っている。 「映画は実際時間のないところで作りますから、声優
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く