TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@functionThank you for your trust!You will be redirected to System.io page in 15 seconds.
Modern Syntax
毎度お馴染みのBrick TechnologyさんによるLEGOで作った車を使った有名な交通流実験です。ぼーっとみていると地味に楽しいです。 交通流実験というのは、渋滞解消や安全確保を目的に、車両や歩行者の動きを実際の道路またはシミュレーション上で分析する手法です。 各トラックは人間の行動を模倣するようにプログラムされており、他の車に近づくと減速するなどの反応します。 わかっちゃいるのですが、注意散漫なドライバーや不規則な運転をするドライバーがいるととたんに渋滞が発生するってのがよくわかると思います。 しかし、すべてもトラックにプログラムをダウンロードする作業だけでもたいへんだろうなあ、と思う次第です。 今回のモダシンラジオも前回に引き続き私の一人語りの回で、最近観た以下の4本の映画について17分50秒でしゃべっております。 ・プロジェクト・ヘイル・メアリー ・アメリと雨の物語 ・全知的な
JavaScriptのテストツール「testem」が素晴らしいぞ - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） JavaScriptユニットテスト一年生の私が、Nettuts+ のチュートリアルで知ったテストツール 「testem」のお陰で大変捗ったので是非お勧めしたく、ここで紹介してみます。 testem ってなに testem via GitHub : airportyh/testem Unit testing in Javascript can be tedious and painful, but Testem makes it so easy that you will actually want to write tests. 要するに、面倒なJSのユニットテストをより快適にしてみんなでハッピーにテスト書こうよ！というツールです。 testem自体はnode.jsベースで動作し、Jasmine/QUnit/Mochaに対応して
第1章 JavaScript入門準備『ノンプログラマのためのJavaScriptはじめの一歩』（WEB+DB PRESS plusシリーズ）｜gihyo.jp … 技術評論社
WEB+DB PRESS plus（ウェブディービープレスプラス）シリーズは, Webアプリケーション開発のためのプログラミング技術情報誌『WEB+DB PRESS』編集部が自信を持ってお届けするシリーズです。 本章ではまず，プログラムを初めて学ぶ人に向けて，プログラムを学ぶうえでの心構えを説明します。次に，JavaScriptとは何なのか，書いたプログラムをどのようにして実行するのかといった，JavaScriptを本格的に学ぶ前の事前知識を解説します。 1.1 プログラムを学ぶうえでの心構え プログラムはすべて覚えなくていい プログラムを学ぶ前に覚えておきたい重要なことが1つあります。それは，プログラムはすべてを覚えておく必要はないということです。JavaScriptの仕様をすべて把握して，何も見ないで完璧なプログラムを書ける人はほとんどいないと思います。筆者も含めてほとんどの人はわから
無料ではじめるフォント製作マニュアル
拙作スクリプトとwebサービスを利用してフォントファイルを作る方法についてまとめます．通常フォントを作るには専用のエディタを用意する必要がありますが，簡単な利用のために環境を整えるのは面倒です．今回紹介するのは品質はそこそこに，それなりに使い物になるフォントをできるだけ既存の環境を使って作る方法です．自作したフォントが動作するのは見ていてとても面白いので，是非試してみて下さい． 準備 用意するものはこれだけです．後は全てwebページから実行できます． フォント化したい画像ファイル（pngとか，svgとか） step1 フォント化の画像ファイルを用意する まずはじめにフォント化したい画像のファイルを作ります．画像形式としてはブラウザで読み込める形式であればpngでもjpegでも構いませんが，png形式のほうが良い結果が得られるでしょう． 例えば次のような画像を用意します． 画像の大きさは文字
H2O Blog., Adobe Edge Codeがリリース
Coda 2や Sublime Text 2など、最近は「軽量エディタ」が人気。私も、Adobe Dreamweaverや Eclipseのような「重量級ソフト」はなかなか立ち上げる機会が減ってしまいました。 そんななか、Adobeがいよいよ軽量エディタ市場に参入。Edge Codeというエディタソフトを登場させました。 Adobe Edge Code 現在「プレビュー版」として、無償で配布されています。 このソフトのユニークな部分は「Brackets」という、同じAdobeのオープンソースプロダクトから構成されていること。エディタ自体が、HTML+JavaScriptで作られており、誰でも中身を改造して使うことができます。 Adobeという大企業が、こうしてオープンソースに乗り出し、「みんなで育てよう」という姿勢を見せたことは、非常に大きな意味を持っているのではないかと思います。今後の展
WordPressを高速化する9つのステップ | PLUS
福岡を拠点に活動するPLUSではWebサイト制作・iPhone/Androidアプリの開発を行っています。 WordPressはそのままだとアクセスが増えた時に、重くなりがちです。プラグインも入れすぎるとさらに重たくなることに。このブログだと表示スピードが改善前は7.7ｓかかっていましたが、見直しを行って0.4sにまで改善することができました。表示スピードは離脱率や、SEOとしても重要な要素ですので、改善する余地は大いにあります。 高速化に役立つツール まずはじめに、改善に役立つツールを2つご紹介します。 一つ目はWebWait。URLを入れると、読み込み時間を教えてくれます。まずはどのくらい時間がかかっているのか、チェックしてみましょう。 次はGoogleの「PageSpeed Insights」。URLを入れるだけで、高速化に役立つTipsを教えてくれます。もともとGoogle社内で
mizzz.jp
mizzz.jp 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
spin.js
Share it! If checked, the option values will be stored in the URL so that you can easily share your settings. Features No images No dependencies Highly configurable Resolution independent Uses CSS keyframe animations Works in all major browsers Includes TypeScript definitions Distributed as a native ECMAScript module MIT License Spin.js dynamically creates spinning activity indicators that can be
3 Cool Techniques For Your Next Web Design Project
2017年3月27日 CSS, jQuery, Webサイト制作 Webデザインの勉強を始めたという方によく質問されるのが、「どうやって勉強すればいいですか？」。私はWeb制作の学校の学生だった頃から実践しているふたつの事があります。素敵だなって思えるWebサイトを見つけたら、どのように作られているのか自分なりに分析してみること。そしてそこで使われている技を実際に試してみること。そこで今日は最近見かけた素敵Webサイトと、そのサイトで使われていた技術を解説してみたいと思います！ ↑私が10年以上利用している会計ソフト！ 準備：分析＆実践に役立つツール Chrome、Safariなら付属のデベロッパーツール ChromeとSafariならブラウザーにはじめからデベロッパーツールなる開発のためのツールがついています。私が愛用しているのはこのツール。表示しているWebページのHTMLやCSSが確
Useful Tools, Scripts, and Resources for Front-End Developers
Useful Tools, Scripts, and Resources for Front-End Developers If you're a front-end developer mostly focused on HTML, CSS, and JavaScript, then you're probably always on the look out for ways to be more productive. In this post we'll share some tools and other resources for front-end developers that you might find useful to include in your workflow. Tools and Scripts and Resources, Oh My! Font Sta
100 Tiny CSS Tools & Apps for Web Designers — Speckyboy
Resources by Application Bootstrap Templates Figma Templates Flyer Templates Illustrator Templates InDesign Templates Lightroom Presets Logo Templates Logo Fonts Mockup Templates Photoshop Actions Photoshop Brushes Resume Templates Tailwind CSS UI Kits Web Templates Video & Motion Design Templates All Motion Design After Effects Apple Motion DaVinci Resolve Final Cut Pro Premiere Pro Presentation
Redactor — Fast, AI-Powered WYSIWYG Editor for the Web
Redactor — the professional AI-powered WYSIWYG editor for modern web apps Built on vanilla JavaScript, Redactor gives you a clean interface, full control over data, and a one-time commercial license — no cloud, no dependencies, no limits. <h1>Exploring the Infinite 🙂</h1> <p>Space, the final frontier, stretches infinitely beyond the confines of Earth, a vast expanse of darkness speckled with star
Web Designer News - The best curated news for designers
Web Designer News - A curated collection of the best news for designers each day. http://www.WebdesignerNews.com
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
https://mrdoob.com/projects/code-editor/
人や動物のシルエット
Redirecting From Old Directory
Brackets - Web デザインを認識する最新のオープンソースコードエディター
Adobe、HTML/CSS/JavaScriptでできた次世代コードエディター「Brackets」を発表