Your daily source of mockups! No redirections. No registration required. All mockups are 100% free.
トップページのメインビジュアルやバナー等をお客様が自分で変更できるようにする時に、設定用の固定ページとカスタムフィールで設定させる方法をとることが多いのだけれど、プレビューするのがちょっと力技だった。受託案件である程度汎用的なテーマを作ることになったので、カスタマイザーを使うことにした。「カスタマイザー」は「外観」→「カスタマイズ」でテーマをカスタマイズできる機能。 参考にしたサイト テーマカスタマイズ API - WordPress Codex 日本語版http://wpdocs.osdn.jp/テーマカスタマイズ_API テーマカスタマイザーの編集方法 - WPワークスhttps://wp-works.net/how-to-edit-theme-customizer/ テーマカスタマイザーでロゴ画像を設定できるようにする方法 | ダイナシイエスタデイhttps://dainashiye
Blazing Fast Incredible generating speed powered by Node.js. Hundreds of files take only seconds to build. Markdown Support All features of GitHub Flavored Markdown are supported, including most Octopress plugins. One-Command Deployment You only need one command to deploy your site to GitHub Pages, Heroku or other platforms. Plugins Features powerful APIs for limitless extensibility. Various plugi
Modular Design T3’s modular approach to applications allows you to focus on building small pieces of functionality. Made for Collaboration T3 components can be developed and tested independently, making it perfect for large, distributed teams. Promotes Best Practices One of T3’s core goals is to prevent mistakes before they happen, by making it difficult for developers to do the wrong thing. Desig
Overview Flight is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes. Twitter uses it for their web applications. By way of example, we've included a simple email client demo (browse the source) built over the Flight framework. There's also a flight implementation over on the todoMVC site (source), courtesy of @mkuklis Flight uses jQuery and requires a module load
import { createBot } from "botui" import { BotUI, BotUIMessageList, BotUIAction } from "@botui/react" const myBot = createBot() const MyBot = () => { useEffect(() => { myBot .wait({ waitTime: 1000 }) .then(() => myBot.message.add({ text: "hello, what is your name?" })) .then(() => myBot.action.set( { options: [ { label: "John", value: "john" }, { label: "Jane", value: "jane" }, ], }, { actionType:
Modern web apps are increasingly adopting static front-end design patterns with client-side processing powered by JavaScript. This paradigm requires us to think differently about how we deploy and host web apps that don’t rely on web servers and consequently require a new structure of supporting cloud resources. This week at Build, our annual celebration of all things developer, we are happy to an
A modern, lightweight comparison sliderCompare before and after images, for grading, CGI and other retouching comparisons. Vanilla Javascript. npm install image-compare-viewer Also available via CDNJavaScript https://unpkg.com/image-compare-viewer/dist/image-compare-viewer.min.js CSS https://unpkg.com/image-compare-viewer/dist/image-compare-viewer.min.css Using WordPress?Here's a ready-to-use Word
I was reading the MDN docs on JavaScript promises and thought the difference between Promise.all and Promise.allSettled was interesting and slightly nuanced, and would be fun to discuss. About Promises From the docs linked above: A Promise is a proxy for a value not necessarily known when the promise is created. It allows you to associate handlers with an asynchronous action’s eventual success val
$200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81
This guide is about the HTML syntax for responsive images (and a little bit of CSS for good measure). We’ll go over srcset and , plus a whole bunch of things to consider to help you get the best performance and design control from your images. Brought to you by DigitalOcean DigitalOcean has the cloud computing services you need to support your growth at any stage. Get started with a free $200 cred
Googleは米マウンテンビューで開催中のイベント「Google I/O 2019」で、Dart製のアプリケーションフレームワーク「Flutter」の新機能として、Webアプリケーションを生成する「Flutter for Web」のテクニカルプレビューリリースを発表しました。 Flutterは、Googleが2018年3月にDart言語を再起動し「Dart 2」を発表したときに、単一コードでiOS/Android対応のネイティブアプリ開発を可能にするフレームワークとして登場しました。 Googleが「Dart 2」発表、Dartを再起動。iOS/Android用ライブラリ「Flutter」と共にWebとモバイルのクライアント開発にフォーカス 2018年12月にはFlutterがバージョン1.0に到達。このとき、FlutterアプリケーションのコードからWindows/Mac/Linuxのデ
先日、社内で Flutter のハンズオンを行ったので、その際に使用した資料を公開します。 Flutter とは? Made by Google Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. Flutter™️ は Google が作った、単一のコードベースで iOS、 Android、Web のアプリケーションを作成できるツールキットのことです。 アプリケーションの大部分を Dart という言語で記述します。 Flutter Official Document ※Flutter および Flutter のロゴは Google LLC の商標です。 Flutte
ライブラリの場合は「拡張に対して開いている」ほうが良いので、Interfaceのほうがいいと考えているため。 A second more important difference is that type aliases cannot be extended or implemented from (nor can they extend/implement other types). Because an ideal property of software is being open to extension, you should always use an interface over a type alias if possible.
課題 redux を引っ張り出すと大仰になる。Context 下に共有ステートを持ってそこに setState できるだけでよい。 なので、次の 2 つを用意する 現在の state を参照する const appState = useAppState() 現在の state を更新する関数を返す const setAppState = useSetAppState() React.useState() と違って分割している理由は、主にパフォーマンス上の理由 大域な参照なので、可能な限りステートを参照したくない setState() の API は (prevState: State) => State も取れるので、状態更新用途に限ってはそもそも useAppState() せずに済むことが多い でも毎回書いてるけどボイラープレート感強い上に忘れるのでここにメモする 毎回書いてるボイラー
はじめに インストールすればすぐに書けて動かせるのが魅力のPythonですが、 実際に業務などでキチンと書こうと思ったら Pythonのバージョン管理ツール パッケージマネージャー エディター(IDE) リンター フォーマッター 型チェッカー くらいは最低限用意する必要があります。 しかしこの界隈、怒涛の勢いで日々新しいものがリリースされていて一概に「これがベストプラクティス」を提示するのが難しいんですよね。そこで今回は上記それぞれのツールについて「こんなものがあるよ」というのをご紹介したいと思います。 TLDR バージョン/パッケージ管理はpyenv + Pipenvがスタンダードだった時代は終わった VS CodeかVimを使うなら型解析にPyrightを導入するとよい テンプレートを用意しました 1. バージョン/パッケージマネージャー プロジェクトごとに異なるPythonのバージョ
最近のWebサイトで見かける、ページのレイアウトをはじめ、ナビゲーション、フォームのさまざまな入力要素、インタラクション要素、UI要素などのCSSでの実装コードをまとめたCSS Layoutを紹介します。 すべてシンプルなコードで実装されており、外部ファイルやフレームワークは一切必要ないので、簡単に利用できます。 ブックマークや、スニペットに登録しておくと便利ですね。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 CSS Layoutの使い方 CSS LayoutのレイアウトやUI要素91種類 CSS Layoutの特徴 CSS Layoutは、CSSで作成された一般的なレイアウトとパターンのコレクションです。 依存は一切なし フレームワークも必要なし CSSハックもなし すべて実際の使用例 MITライセンスで、商用プロジェクトでも無料で利用できま
by Christiaan Colen Windowsで現在起動しているプログラムやCPUの使用状況などを確かめたい時に、真っ先に思いつくのが「タスクマネージャーを使う」ことです。そのタスクマネージャーを約25年前に開発したMicrosoftの元エンジニアであるデビッド・プラマー氏が、直々に使い方や知られざる機能を説明しています。 I wrote Task Manager and I just remembered something... : techsupport https://old.reddit.com/r/techsupport/comments/gqb915/i_wrote_task_manager_and_i_just_remembered/ プラマー氏は1993年からMicrosoftに勤務していたそうで、1994年頃、タスクマネージャーのプログラムである「TaskMgr
So, you've done a few courses and read a few books but still don't feel great about your relationship with JavaScript. How do you get better? Build things. Lots of things. Build 1,000 things. Keep it up and don't stop. Seriously. This has always been my advice. Just put in the work and you will get better. But Wes, what should I build? I have no ideas! Please don't make me do another todo app. Ide
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く