Front End Ops Tooling
This talk covers build tooling, processes, and your development workflow. You’ll get a glimpse as to why you should be building, and why you should put together a build process from the get-go. Then we’ll move on to tooling. Here I’ll discuss some of the most popular JavaScript build tools, namely Grunt, Gulp, and npm. We’ll investigate how each one performs for certain tasks, and I’ll help you fo
Document
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, maxime, facilis, nisi perferendis dolore ut neque fugit at magnam assumenda illum quaerat eveniet minima nemo aut id omnis. Dolorum, molestiae? Libero possimus aut voluptatibus soluta fugiat? Aspernatur qui nemo temporibus facere odio illum debitis deserunt. Nemo, eos, totam error itaque dolorum quas libero molestiae numquam fugiat au
自分用のgruntタスクメモ
前にgruntの使い方を書きましたが、それからいろいろ試してみて自分なりのタスクを作成しました。 まだあまり使い倒してないのでまだまだ変更するところがあると思いますが、これを元に変えていきます。 2種類用意しました がっつり機能を使いたい時もあれば、ちょこっとだけ使えればいいかなっていうことが個人的にあったので2種類用意してみました。 制作フォルダで制作後、最終的にJSやCSSを圧縮し、確認・納品フォルダへ必要ファイルを全コピーする 制作フォルダにはscssファイルのみ置き、HTMLやJSは確認・納品フォルダにのみ置いておく 1.がっつりタイプ こちらは先程も書いたように、「制作フォルダで制作後、最終的にJSやCSSを圧縮し、確認・納品フォルダへ必要ファイルを全コピーする」ということをやります。 使用gruntプラグイン grunt-contrib-watch grunt-contrib-
【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート
SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか？正解はいくつもありますが、例えばこの方法。 完成！いいじゃない！と思いますか？確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか？3つの図形を組み合わせて文字の形を作っています。文字を書く
Safari 8?の機能予想 - fragmentary
WWDC直前ということでSafariの話題を。 といってもネタは3週間以上も前のもの。5月8日に「safari-538.34-branch」というWebKitのブランチが切られた。 Changeset 168485 – WebKit — New Branch 昨年も書いたのだけど、これまでの動きから考えてこれが次のSafariのもとになるブランチのはず。というわけでコミットログとかから次のSafariを予想しようかと。 WebKitのMac portで有効にされる機能は、FeatureDefines.xcconfig というファイルで管理されている。これらはビルドフラグなので、有効にされてないとナイトリーでも使えない。あと、ランタイムフラグもあるらしいんだけどこれは詳しく知らない。 Safari 8に入りそうなもの 538ブランチのFeatureDefines.xcconfigで有効にされ
Griddify, a Tiny Photoshop Panel for Guides and Grids
Griddify is tiny and fast. It helps you compose custom grid systems, vertical rhythm, and do a bunch of other stuff with guides in photoshop. Watch the short tutorial to learn how it works: Download and Install (Photoshop CC) Download and install ZXPInstaller. It helps you install Griddify and other Adobe extensions easily. Download Griddify, unzip it, and install Griddify-CC.zxp using ZXPInstalle
ウェブメディア論なんていいからドロリッチCMの話とかしようぜ - 朽木誠一郎 の あまのじゃく日記
今日は近そうだったので上野から秋葉原まで歩いてみたら約束に5分遅刻した。 先週も近そうだったので入谷から三ノ輪まで歩いてみたら約束に5分遅刻した。 東京はいつも僕の想像を超えてくる。 片田舎のフリーライターから上京してウェブメディアの編集者になって、いくつかのことに気がついた。 SEO対策を意識したキーワード設定や、HTML文法を背景にした見出し構成なんて考えたこともなかったこと。写真のクオリティに無頓着で、あまつさえスマホでてきとうに撮影したものを臆面もなく記事に挿入していたこと。 不必要なギャグ、冗長な言い回し、過剰な自己アピールなどなど、これまでの自分の仕事の粗は枚挙にいとまがないのだけれど。 ライターに直接フィードバックされることのあまりないこういうことが、じつはライターの評価に直結していて、記事の単価を左右していた。 はじめは言ってくれなきゃわかんないじゃん、って思った。だけど、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cha-nabe Café Saryo
My life in typefaces
Release 3.7 · gulpjs/gulp