ペライチのWebページをすばやく作り始められるやつ「Rin 3.0」作った - MEMOGRAPHIX
Rin 3.0 というのを作った。 Rin - A lean, gulp-based HTML and SASS boilerplate by sanographix僕はいわゆるペライチのWebサイトを作ることが多いんだけど、そういう制作時に使っているフレームワークというかBoilerplate的なやつです。 フレームワークといっても、BootstrapのようにCSSをモリモリ書いて汎用コンポーネントを用意しまくる、というふうにはしていない。結局各webサイトでデザインの要件が大きく異なる場合が多いので、CSS部分の記述をできるだけ少なくして、各サイト向けに柔軟にスタイルを書けるようにする方針をとっている。一方でビルドツールに求められることは割と毎回一緒なことが多いので、gulpですばやく環境構築して、スタイルは各サイトでよしなに、みたいな雰囲気。 Rinは、だいたい下記のようなことがすば
HTML5のマークアップで迷ってる新人用に書いたガイドライン - Qiita
文脈と経緯 以下は「一通りのタグの種類や、アウトラインアルゴリズムについては一応理解しているので何も分からない訳ではないけど、デザイン画をどんな風に実際のコードとしてマークアップしていけばいいかよく分からない」と言っていた新人デザイナー向けに書いたドキュメントです。 新人の子は、セクションを厳密に定義しようとして時間をかけすぎてしまっていました。それも重要ですが、実際の業務における優先順位を明確にしたかったという意図もあります。 筆者もデザイナーです。 HTMLのマークアップをする時は、以下の3段階のルールでどんな要素が適当かを判断してください。 第1段階：正しく技術仕様に沿っているか タグの入れ子関係には一定の仕様があり、 これをHTML5では「コンテンツ・モデル」と言います。 XHTML1やHTML4で言うところの「ブロックレベル要素とインラインレベル要素」の 関係を複雑化して更に分か
GulpとGraphicsMagickでPDFを差分比較する。マルチページ・マルチファイル対応 - Qiita
gulpとGraphicsMagickによるPDFの差分比較 DTPの校正を重ねる過程でしでかすと怒られるのが、「修正指示されていない部分で意図しない変更が発生してしまう」こと。特に大量のデータの入ったカタログのようなものを作る際、こちら側の作業ミスで大事な部分に間違い(たとえば電話番号や商品の価格など)のあるデータを入稿して何万部も刷ってしまうと、損害賠償問題にも発展してしまうかもしれない…。 意図しない変更が起こっていないかをチェックするには、修正を行う度に、古いバージョンと新しいバージョンで機械的な差分チェックをするのが一番だと思う。 やりたいこと 前のバージョンのPDFと新しいバージョンのPDFを用意し、画像の差分比較をしたい PDFは複数ページで、印刷入稿を前提とした仕様になっているとする 一度に複数ファイルの比較をしたい 上記を自動処理したい 難しそうなので、新旧でページの入れ
ブログ
2026/03/03 【TemplateUtil プラグイン 連載#1】MT タグを「早く」「シンプルに」書ける Movable Type プラグインをリリースしましたMTタグを「より早く」「よりシンプルに」書くことができるように開発されたTemplateUtilプラグインの連載第1回。この連載では基本的な使い方や様々なテクニックについて紹介していきます。 tech tech 散歩 2018/05/07 バージョンアップ間近！ Movable TypeのメリットをWordPressと比較してまとめてみる。久々のバージョンアップを迎えるMovable Type。WordPressの陰に隠れて過小評価されがちなそのメリットをおさらいします。 WEBディレクター虎の巻tech tech 散歩 2018/01/10 フロントエンド開発の品質と効率向上のための私たちの取り組み複雑化・高度化するフロン
JS自動レビューツール"jswatchdog"を公開しました - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは。kintone 開発チームの天野 (@ama_ch) です。すっかり春らしくなりましたね。 少し前に JS の自動レビューツール jswatchdog をオープンソースで公開しましたので、こちらで紹介させていただきます。 使い方 https://kintone.github.io/jswatchdog/ 上記の URL を開き、左側のエディタに JS コードを貼り付けるだけです。 右側に修正が必要な箇所が表示されるので、適宜修正します。 特徴 バリバリの開発者じゃなくても使いやすい一画面完結の Web インターフェース lint ツールでお馴染みの構文チェックの他、知らずに脆弱性を作り込むことを避けるため、XSS の可能性がある箇所にも警告を表示 内部的には、JS の静的構文チェックツールとして ESLint と JSHint を組み込んでいます。 さらに XSS の可能性があ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP