Astro 17 Eleventy 18 Gatsby 60 Hugo 88 Jekyll 106 Next 37 Brunch 0 Docusaurus 0 Gozer 2 Gridsome 5 Hexo 5 Jigsaw 0 Metalsmith 0 Middleman 0 Mkdocs 2 Nuxt 5 Pelican 1 Platframe 0 Sapper 0 Scully 0 Statiq 2 Sveltekit 1 Unibit 0 Vuepress 1 DecapCMS 18 Flotiq 10 Forestry 7 Kontent 5 No CMS 290 Airtable 1 Contentful 4 Cosmic 1 DatoCMS 2 Directus 0 Firebase 0 Ghost 2 GraphCMS 3 Notion 4 Prismic 0 Sanity

Simple designs or Pro. Pika has got you covered.Create something as basic as a screenshot with a browser frame or as complex as a marketing image with text, shapes and patterns. Pika gives you all screenshot editing options you'll need

Vue Fes Japan 2024 Otemachi PLACE HALL & CONFERENCE 2024.10.19SAT

俺の話を聞け!! LT大会#7 結論markuplintというHTMLのLinter作った

2015-03-05

Text Input Effects Simple ideas for enhancing text input interactions Haruki First Name Last Name Email Hoshi Name Street Town Inspired by Andrej Radisic's Jawbreaker input field Kuro Username Website Invitation Code Jiro Cat's Name Dog's Name Hamster's Name Minoru First Name Middle Name Last Name Yoko Street City Region Hideo Username Email Password Kyo What's your email? Akira First Name Last Na

この一か月分の学習成果を整理したリポジトリを作ったので、その成果についてまとめておく。 作ったサンプルプロジェクトだけを手軽に欲しければ、このリポジトリを clone してほしい。 taichi/js-boilerplatemaster ブランチには、ミニマムな JavaScript 開発環境がサンプルコード付きで入っているfrontend ブランチには、React/Redux/webpackなウェブアプリケーション用の開発環境が入っているデフォルトブランチにしてある electron ブランチには、frontend ブランチの内容に加えてElectronでアプリケーションを開発するための環境が入っているはじめに#最近の JavaScript について#僕は仕事として JavaScript を書いている訳ではないけども、この半年くらいの間にちょっとしたツールならいくつか作った。どちらも便利

この1ページの質問表は、チームで効果的なフロントエンドガイドラインをつくり一貫性とまとまりのあるコードを共に書けるようにする為の補助ツールである。 HTML HTMLの方針 HTMLを書く上でのチームとしての基本方針は何か？ (例： セマンティックなHTML5マークアップを書く, アクセシビリティ, 等。 これらの 資料 を 参照) HTML Tools HTML プリプロセッサーを使用しているか？ (例： HAML, Jade, など) テンプレートエンジンを使用しているか？ (Mustache, Handlebars, など) バックエンドの構成はフロントエンドに影響するか？ (例： WordPress はマークアップのクラスにwp-paginateを加える) もしあれば, そうしたルールをについてさらに説明できるか？ HTML 記述のスタイル スペースかタブか？ コメントルールはどう

About us HyperionDev is southern Africa’s largest tech education provider. It was founded in 2012 as a small grassroots movement of Computer Science students working towards a single goal: to build and deliver better technical education for anyone who wanted to learn digital literacy and programming skills. Today, that small team has expanded to include two physical campuses, a range of respected

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

こんにちは、先日Web開発チームに加わりました西口です。 HTMLメールの制作って煩わしくないですか？ おそらくそう感じているWebデザイナーの方は多いのではないかと思っています。 HTMLメールの制作って大変特に下記のような点が挙げられると思います。 テーブルレイアウト（コーディング面倒…）インラインCSS（コーディング面倒…）メールクライントごとで差のあるCSS対応（表示チェックどうすんの…）各種メールクライアントでの表示テスト（古い環境もまだまだ現役…）などなど… 弊社でもHTMLメールはそこまで頻繁に作成することがなかったので、これまでワークフローを見直すことがなく、ヘイトの増加を感じつつもHTMLを直接コーディングして作成していました。 ただ、やはりこういうフローでは時間がかかってしまったり表示確認が面倒だったので、どうにか効率良くならないかと調べていたら、HTMLメール作成用の

問題です。とあるアニメーションデータの各フレームを静止画として書き出した200枚前後のPNGファイルがあったとします。この連番の静止画を秒間30コマでアニメーションさせてください。さあ、どうしますか？ この問題にたいして、自作の画像生成ツールを作って解決したというお話です。 先日の案件にて、そんなお仕事がわたしに課せられました。そのときの課題と制約は以下のような感じでした。 IE8以上のブラウザに対応すること iOSデバイスで専用の再生画面を表示することなく再生できること 閲覧時、画面内にスクロールインしたタイミングで自動再生すること 任意のタイミングで再生開始・停止できること 可能な限りファイルサイズを削減すること IE8対応が必要なので、Canvasは使えません。<video>タグはiOSで自動再生できないし、再生ボタンをタップすると画面が変わってしまうのでダメ。好きなタイミングで再生

目的 システムをアップデート時にCSSやJavascriptを更新していると，ブラウザのキャッシュが効いていて思った挙動にならなく困ったりします． 対策としては下記のようにCSS, JSのsrcにビルド時のタイムスタンプなどをQueryStringとして設定して強制的にリクエストを呼ばせます． <link href="/css/main.css?rel=20141020" rel="stylesheet" type="text/css"/> QueryStringをビルド時に動的につける方法は様々あるのですが，今回はGruntを使ってやってみました． 方法 grunt-cache-breakerといういい感じにQueryStringを追加してくれるPluginがあるので，使います． Gruntfile.js var moment = (require('moment'))(); modul

Once upon a time every website was only using Arial, Verdana, Garamond or Times New Roman for rendering the text, because these font were the only ones reliably installed on almost any computer. But these times are over. Webfonts are spread all over the internet, but we still don't really know, how to load them efficiently. Here is my simple guide on what to do, to offer the optimal user experienc