当サイト、Codex 日本語版は今後積極的な更新は行わない予定です。後継となる新ユーザーマニュアルは、https://ja.wordpress.org/support/ にあります。 万が一、当サイトで重大な問題を発見した際などは、フォーラムや WordSlack #docs チャンネルでお知らせください。</p>
はじまり 2010年、私たちはFlipboard Pagesという、Webの記事をiPad向けにマガジンページにするというレイアウトエンジンを作りました。 Flipboard Pagesは、Vanity FairやNational Geographicと言った世界一流の出版社のコンテンツをページ割します。 Pagesは、それぞれの出版社のブランドアイデンティティとカスタムタイポグラフィーを再現する美しいレイアウトを生み出すことが出来ます。限定されたモバイルデバイス(例えばiOS 3.2のオリジナルiPad)でも充実かつ高いパフォーマンスでレンダリングするために、PagesはCSS3、SVG、そしてvanilla JavaScriptを使いました。出版社のレイアウトのためのダウンロードファイルサイズは平均すると、およそレイアウト、スタイリング、フォント、ネームプレートイメージなどで90キロバ
(出所:newswhip) 「BuzzFeed(バズフィード)」が、ソーシャル時代のパブリッシャーとして圧倒的な地位を築いています。 同メディアは、リスト記事やモバイル特化、アプリ、動画、調査報道、グローバル展開、ネイティブ広告など、様々な強みを武器にトラフィックを伸ばしており、1.5億以上のPVを世界中で集めています。 BuzzFeed(バズフィード)に見る、これからのウェブメディアに重要な7つのポイント 海外ウェブメディアの最前線を進む「バズフィード」が実践する4つのポイント(そして迫り来る新興メディア) バズフィード編集長が語る、未来のジャーナリズムのポイント5つ ソーシャル時代に強いメディアということはデータでも明らかです。上のグラフは2014年4月における各メディアのフェイスブックのシェア数を表したもの。 バズフィードは1ヵ月のうちで1000万回以上のシェアを獲得し、2位以下を大
@yuku_t Qiitaに載ってた GitHub Cheet Sheet 入門Git コンフリクト発生時の問題 もとの状態がよくわからなくなるとき merge.conflictstyle もとの祖先を表示さす git stash save pop indexしたものがstashされる --all --inclide-untracked --keep-index(index treeをそのまま残す) 全く新しいworking directoryがほしい git-new-workdir シンボリックリンクを貼ってくれるところがgit cloneと違うところ。 編集もstashも同期される。 diff-highlight git-core/contrib git diff & apply $ git diff -w | git apply --cached w 空白文字 cached inde
サイバーエージェントの子会社CA Tech Kidsの上野朝大社長。同社が開催しているプログラミング教室で撮影した サイバーエージェントの子会社CA Tech Kidsが、昨年から開始した小学生向けのプログラミング教室が盛況だ。昨年10月の開始以降、参加者は5倍以上に増え、今年4~6月期も満員となったという。今回は、CA Tech Kidsの上野朝大社長に、取り組み内容やサービスを開始した理由について話を聞いた。 このサービスを開始した背景には、優秀なITエンジニアの数が足りないというIT業界全体の共通の問題意識と、そういう状況にありながらITエンジニアを生み出す仕組みは整備されておらず、このままでは根本的な問題解決には至らないという危機感があった。 同社では、「単にコードが書ける人を大量生産すればいい」という考えではなく、自分で考えて問題解決に動ける“自走型”のITエンジニアを育てていき
ウェブサイトの制作時で大切なことの一つは、デザインやコードの「ぶれ」をなくすこと。 ウェブサイトを制作する際、プロジェクトに関わる全ての人が参考にできるデザインのスタイルガイドを作成するBootstrapベースのテンプレートを紹介します。 Style Guide Boilerplate Bootstrap Edition Style Guide Boilerplate -GitHub スタイルガイドは作成した時の利点が多く、もしまだ未の人は是非チャレンジしてみてください。 また、もう利用している人には、Bootstrapベースで簡単にスタイルガイドが作成できるので試す価値があると思います。 スタイルガイドを導入する利点 ウェブサイトのデザインや実装方法を定義し、一貫性を促進する。 モジュール形式の考え方を促進する。 ページを作成する際にパーツやエレメントで迷わないようにする。 ウェブサイト
デモページ:Sections デモでは他にもグラデーションを使ったGradient、進む時に光るFlashなどが用意されています。 デモページ:Default デモページ:Gradient デモページ:Sections デモページ:Flash Fort.jsの使い方 Step 1: 外部ファイル 当スクリプトとスタイルシートを外部ファイルとして記述します。 <head> ... <script src="fort.min.js"></script> <link rel="stylesheet" href="fort.min.css"> </head> Step 2: HTML バーを表示するdivをセットします。 <body> <div class="top"> <div class="colors"></div> </div> Step 3: JavaScript 適用するエフェクトを指
SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか?正解はいくつもありますが、例えばこの方法。 完成!いいじゃない!と思いますか?確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか?3つの図形を組み合わせて文字の形を作っています。文字を書く
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く