ウェブ組版は行間が基準なのではという話 - note
以前見かけたこの記事がきっかけで、実務でもずっと引っかかっていたことがあるので書こうと思う。 ＞ remの基準となる値を行の高さにする | yoshihiko com-blog 行間 ≠ line-height という罠よくある疑問に、日本語で言う「いわゆる行間」と、CSSの「line-height」は違うというのがある。日本語の文章は、仮想ボディが基準の原稿用紙のようなグリッドがあって、それが「いわゆる行間」のピッチで繰り返されて本文ができている。文字の頭（仮想ボディの上）から次の文字の頭までがいわゆる行間とされている。もっと正確に書くと、これは行送りであって、正確な意味での行間は line-gap というものになる。 行送り= line-height、行間= line-gapで、一方ラテン語圏が基本のウェブ（CSS）では、この line-gap のくっつき方が純粋な日本語組版とは異なっ
プログラム未経験者の同僚が、たった１時間でゲームを作った方法 - paiza times
Photo by Emmett Tullos こんにちは。今回は谷口がお送りします。 先日このブログの記事で、Flappy Codeを使って、実際に弊社社員にビジュアルプログラミング学習をしてもらい、ゲームを作ってもらったということを少し書きましたが、今回はそのFlappy Codeのプレイ方法から、ゲーム作成に至るまでをお話ししていきたいと思います。 ちなみにやってもらったのは、普段は事務を担当しており、プログラミング経験は全くないという弊社女性社員ですので、初心者としては最適なプレイヤーだと思います。 ■Flappy Codeでビジュアルプログラミングを学ぼう Flappy Codeは、「米国の全ての学校にプログラミングの授業を導入しよう」とするNPO団体、Code.orgのサイトでプレイすることができます。 What will you create? | Code.org Code.
Windows 8.1ではじめるイマドキの開発環境 - Qiita
今までは、メインマシンにはLinuxやMacを利用していました。 ただ、最近はVagrantとかが充実してきてLinuxで動くWeb系の開発をするからって、環境をUnix系にする必要もないかな、と思って変化を求めてWindows 8.1 環境をデスクトップにししてみました。 別に紙芝居ゲームや艦これのため変えたわけじゃないですよ？ ええ、違うんです。 作業してて結構ハマったり、昔のWindowsの環境構築とは様変わりしてた部分もあるので、その辺をメモります。 はじまりはアカウントから プログラマがWindows 8.1を使うならばまずはじめに考慮することはログインアカウントです。 Windows 8からは認証アカウントをMicrosoftアカウントと連携させることが推奨されます。 利用しているアカウントがローマ字などASCIIだけなら問題はありませんが、私のようについうっかりと日本語名にし
サイトをWordpressからtumblrに移転して、1年越しでリデザインした件①｜構想編 |
こんにちは！sawasawa（@sawasawa0）です。サイトをWordpressからtumblrに移転しました。 今回から4回にかけて、tumblrでwebサイトを構築した際の手順や思ったことなどをまとめていきたいと思います。 2014年9月8日 連載記事一覧 サイトをtumblrに移転して、1年越しでリデザインした件①｜構想編サイトをtumblrに移転して、1年越しでリデザインした件②｜設計・準備編サイトをtumblrに移転して、1年越しでリデザインした件③｜コーディング編サイトをtumblrに移転して、1年越しでリデザインした件④｜まとめ・反省編Wordpressはやっぱり敷居が高かった2010年頃から、WordpressでWebサイトを運営していました。 それ以前は、HTML直書きでサイトつくってたので、Wordpressを使用することでモダンなデザインのサイトが簡単に作ることが
tips! | 【Tumblr】リカバリー用バックアップで過去に編集したテーマHTMLまで戻ってみる
テーマHTMLの編集履歴を遡ることができるTumblr公式の機能です。 （デザイン設定の編集履歴は残りません） 【テーマのソースコード: リカバリー用バックアップ | Tumblr】：http://www.tumblr.com/themes/recover サブブログまで全て自動でバックアップをとってくれているので、せっかくのカスタマイズが吹っ飛んでしまった、 なんてときに大いに役立ちます。 これの使い方や特徴をざっくりとまとめ。 設定するブログを選択、『バックアップされているコード一覧を表示する』をクリックするとずらりと テーマHTMLの編集履歴が表示されます。 『修復する』をクリックで、その時点でのテーマHTMLまで戻ることができます。 注：記録が残るようにするにはHTML編集⇒保存の手順を踏んでおく必要があります。 どんな編集をしたか忘れた、という場合は『変更点を見る』を選択で編集内
エンジニアでも出来るサービスのアイデアの出し方 - ainameの日記
以前にも書いたのだけど、今年頭ぐらいからコード書く以外のことが出来るようになりたいと思い始めて、休日とか平日夜にコード書くのやめたり、休みの日に積極的に家の外に出るようにしてみたりしていた。 最初、自分が食べるのが好きなので食に関するサービスを考えようと思って、TokyoWallkerとかおとなの週末などの雑誌の情報や、友人らの情報を元にいろいろ外食してみたり、会社の近くの上手いパスタ屋さんが出版してるパスタのレシピ本を買って実際に自分で作ってみたり、肉フェスとか唐揚げフェスとかタイフェスなどの食イベントに参加してみたりしてみて、それ自体はまぁ楽しかったのだけど、サービスを思いつくまでに至らず。食に関して何かやろうと思うのは一旦諦めて違う分野で考えだした。 新しいサービスを考えるために、自分以外に2名（どちらも会社の同期で、1人はエンジニア、もう1人は総合職）とチームを組んで一緒に案出しを
無料音楽アプリ「iLoveMusic」はどこから音楽ファイルを取得しているのか
iPhone App Storeの無料アプリ総合ランキング２位に「iLoveMusic」という無料で音楽を聞けるアプリがありました。目立つので気になっていた人も多いかと思います。私も気になって説明を読んでみたのですが、すぐわかったのは、音楽データはインターネット上で公開されているサービスに掲載されているコンテンツで、ダウンロード機能はない（ストリーミング再生）ということでした。そしてユーザーたちは、著作権にまつわる問題や法律（違法かどうか）が気になっているようです。 私の場合は、「このアプリが音楽データを一体どこから持ってきているのか」「本当にインターネット上で公開されているデータからストリーミング再生しているのか（iLoveMusicのサーバーでキャッシュしていたりしないのか）」が気になりました。 この点については、多くの利用者やその他のいろいろな立場の人（権利者とか）も気になっていると
今年からウェブ業界に務めた人にお薦めしたい本１０冊 - 鈴木です。別館
いい年して、まだまだウェブ業界歴は短い鈴木です。 この年齢から、経験無しでこの業界に移る人は少ないと思います。そんな鈴木がウェブ業界に勤めだして間もない方にお薦めしたい本１０冊を紹介します。 WACA初級ウェブ解析士 認定試験公式テキスト第5版 作者: WACA 一般社団法人ウェブ解析士協会,WACA 一般社団法人ウェブ解析士協会カリキュラム委員会 出版社/メーカー: WACA 一般社団法人ウェブ解析士協会 発売日: 2014 メディア: 大型本 この商品を含むブログを見る 初級ウェブ解析士という試験の教本ですが、この資格を受ける受けない関係なしに読んでおいて損の無い１冊です。ウェブ業界にいる以上覚えないといけないアクセス解析やウェブマーケティングの事が体系的に学べます。しかし、この書籍で学べるのは表面上の体系です。ただ、繋がりが見えてくるので、その中で自分で覚えないといけない事を中心に他
自分のwebサイト作る工程 - MEMOGRAPHIX
2. モック作る次に、Illustrator でモック作る。前は Photoshop で作ってたけど Illustrator に変えた。ラフスケッチでだいたいの構造は決まってるので、それを画面で見た時の見栄えを検証する。雑だけどこれは自分のサイトなのだから自分しか見ないという前提があって、雑でも問題ないということにしてる。8割くらい作り込んだところでやめて、コーディングに入るようにしている。2割くらい変更可能な余地を残しておくことで、コード書くとき融通が効く。 ラフとかモック描かずにコーディング始めることもたまにあるけど、それは余程デザインが頭のなかで固まっている場合に限る。ラフとかモック作るの、コーディングと同じくらい大事だと思ってて、コーディングを始めてしまうとデザインに気を配るのを疎かにしがち。デザインを考えつつ同時にコードを書くというのは結構難しくて、トレーニングが要る。全体のデザ
TwitterやYouTube、どう使う？ 初心者への注意点を具体的に解説「その時の場面集」
インターネット協会はこのほど、ネット初心者向けにサービスごとの利用法やトラブル対応などの具体的な手順をまとめた「その時の場面集」を公開した。 デバイスの普及やユーザーの拡大などでWebサービス自体が多様化するなか、ネット初心者が安心して利用できるよう、運営会社から協力を得て、つまづきやすい部分を個別具体的に解説している。アカウント登録の手順、パスワードなを紛失した時の問い合わせ先、なりすましやハッキングなどの被害にあった時、など各15～25場面ほどのシーンをとりあげている。「LINE」「Twitter」「YouTube」「Ameba」など現在8サービス分を公開中で、今後順次追加予定という。 3月には「フィルタリング場面集」もあわせて掲載する予定。 関連記事 日本のネットを記録した「インターネット白書」、17年分をWebで無料公開 1996年から インプレスR＆Dが発行する書籍年鑑「インター
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Webデザインのスキルを磨こう！Webサイト模写のススメ
2014年8月17日 Photoshop, Webデザイン 先日、Webデザイナーになってもうすぐ2年がたつというMさんから、「どうすればデザインのスキルを磨くことができるのか？」という旨のご相談を頂きました。今回は彼女の相談メールでもふれられている、デザインのスキルアップに有効なWebサイトの模写のやり方について掘り下げてみようと思います！ ↑私が10年以上利用している会計ソフト！ 頂いたご相談メール 実は最近スランプぎみになっていて、サイトデザインを作成してもなぜかダサい、野暮ったいデザインになってしまいます。 デザインスキル向上させるために、いいデザインのサイトを模写するといいときいて模写もしてみたのですが、ぴったり一致するように作るのに意識がいってしまい、あまりデザインスキルが上がったと実感できないでいます。（模写したデザインを自分のオリジナルで活かせない） もし模写するときはどう
写真は怖くない！すごい「Photoshop」マジック小技集２３
作成：2013/07/16 更新：2014/11/01 無料素材 > 写真うつりが悪い、気になるところをサクッと修正したい。今回は、顔や体型を簡単に修正する方法やアクションをまとめました。結構共通する部分が多いですが、顔以外にも使える色々な方法があるのでお試しを。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 髪 １．髪の色を変える ２．髪の毛を切り抜く 肌 ３．シミやそばかすを消す ４．肌を美白にする ５．肌を滑らかにする 顎 ６．顎をシャープに ７．リフトアップ 目 ８．目を大きくする ９．まつげを増やす １０．目のクマ／ほうれい線を消す １１．目の色を変える 鼻・唇 １２．鼻を高くする １３．ぷるるん唇にする １４．歯を白くする 体型・表情 １５．バストアップ １６．ポーズを変える １７．顔の表情・形を変える 背景 １８．背景を消す １９．背景をぼかす
Google AdSenseのパフォーマンスが劇的に向上した！！！絶っっっ対に設定した方が良い「カスタムチャネル」の「ターゲット設定」について
Google AdSenseのパフォーマンスが劇的に向上した！！！絶っっっ対に設定した方が良い「カスタムチャネル」の「ターゲット設定」について あいもかわらずプロ・ブロガー本を読み漁っております@OZPA です。 今回は、Google AdSenseを導入しているブロガーの方でしたらなにはともあれぜっっっっったいにやっておいた方が良い「カスタムチャネル」と「ターゲット設定」についてのお話。 参考：Google公式のAdSense無料ガイドブックがものすげぇ参考になった | ごりゅご.com 「ターゲット設定」とは？ 「プレースメントターゲット」を設定しておこう （中略）広告ユニットには忘れずにカスタムチャネルを設定し、ターゲット設定で[広告の掲載先（ブログの内容の簡単な説明）][広告掲載位置][説明]のそれぞれをにゅうりょくしておきましょう。 via:「必ず結果が出るブログ運営テクニック1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
間をあけると技術の忘却具合がひどいというお話。 |
403 Forbidden
http://www.web-rider.jp/matsuo/%E5%A3%B2%E3%82%8A%E4%B8%8A%E3%81%92%E3%81%8C%E5%8A%87%E7%9A%84%E3%81%AB%E6%94%B9%E5%96%84%E3%81%99%E3%82%8B%E5%A3%B2%E3%82%8C%E3%82%8B%E6%96%87%E7%AB%A0%E3%81%AE%E6%9B%B8%E3%81%8D%E6%96%B9/
room 402 Inc.