Sékr, a startup that offers a mobile app for outdoor enthusiasts and campers, is launching a new AI tool for planning road trips. The new tool, called Copilot, is available…
IllustratorやSketchなどのグラフィックアプリ無しで、ワイヤーフレームをHTMLベースで作成できるスクリプト「Shireframe」を紹介します。 HTMLは通常通りでOK!ブラウザ枠や落書き風のスタイルは用意されており、簡単に作成できます。ブラウザで表示した時にはインタラクションも再現でき、画像化することもできます。 デモファイル:doodle.html HTMLはこんな感じです。 <div class="text-right vertical-margin"> <a>~Me</a> <a>Mail</a> <a>Pictures</a> </div> <div class="vertical-margin"> <row> <col-3 col-offset-3> <button class="btn btn-default width-100">Doodle search
HTMLの各要素のブラウザごとに異なる差異をなくし、スタイルをリセットするスタイルシート「sanitize.css」を紹介します。 「Normalize.css」の共同開発者:Jonathan Nealの新しいプロジェクトで、最近の実装スタイルにあったアプローチがとられており、スマホなどのモバイルにも対応しています。 sanitize.css sanitize.css -GitHub sanitize.cssとは sanitize.cssの対応ブラウザ sanitize.cssのスタイル sanitize.cssの注目すべきスタイル sanitize.cssの適用 sanitize.cssとは sanitize.cssはHTMLのあらゆる要素を各ブラウザでの差異をなくし、整合性をもたせてレンダリングさせるスタイルシートで、ライセンスはCC 0で利用できます。 有用なデフォルトはそのまま 多
下記の文章を比較してください。 Betty Botter bought some butter, But, she said, this butter's bitter; If I put it in my batter, It will make my batter bitter, But a bit of better butter Will make my batter better. So she bought a bit of butter Better than her bitter butter, And she put it in her batter, And it made her batter better, So 'twas better Betty Botter Bought a bit of better butter. 下記の文章を,ヒヒ較してくだちい. Be
Postmaster Tools で配信の問題のトラブルシューティングを行う 送信者は Gmail Postmaster Tools を使用して、アドレスやドメインの評判、迷惑メール率、フィードバック ループなどの指標データを確認できます。これらのデータを利用して、メールが Gmail でブロックされたり迷惑メール扱いされることを防止することができます。 Gmail では迷惑メールの防止に努めております。迷惑メールとして分類したメールを迷惑メールフォルダに振り分けるのに加えて、Gmail に送信される迷惑メールの量を減らすための取り組みも行っています。迷惑メールである疑いが強いと判断された場合、メールは Gmail に送信されないようにブロックされます。 迷惑メールのように見える疑わしいテキストがメールに含まれる場合や、送信元 IP に未承諾メールの送信履歴がある場合は、メールがブロックさ
bodyやページ上の各要素にレスポンシブ用のclassを付与、HTML, CSS, JavaScriptで利用できるブレイクポイントを一元管理、設定したブレイクポイントに応じて最適なサイズの画像を表示・レイアウトの変更など、レスポンシブ対応のWebページを制作する際に役立つスクリプトを紹介します。 Restive.JS Restive.JS -GitHub 表示しているデバイスを自動検出し、bodyや各要素に任意に定義したブレイクポイントごとのclassを付与します。ブレイクポイントはピクセルと解像度、プラットフォームやデバイスの種類や向きの判別にも対応。
Mac、iPhone・iPad、そしてApple Watch。これらのApple製品上で動くアプリはObjective-CとSwiftという言語で開発できます。Swiftは2014年に発表され、他のプログラミング言語の長所を多く取り入れたプログラミング言語です。何かしらのプログラミングの経験がある開発者にはもちろん、これからプログラミングを始める人にも比較的学習しやすいものとなっています。今回はiOSアプリにおけるパーティクル表現を通して、ActionScript 3.0やJavaScriptのようなウェブ開発技術と比較しながらSwiftを始めてみましょう。 デモについて Swiftで作られたパーティクルアニメーションをiPhone 6 Plus上で動かすデモです。画面上でフリックした場所にパーティクルが発生し、時間の経過とともに色が変わっていきます。 ソースコードはGitHubで公開して
LIGのデザイナー兼イラストレーターのもりたです。 イラストレーター(自称)と言っても、実のところ私の絵を描く原体験は「風の谷のナウシカ(漫画)」なので、漫画にはそこそこ詳しい自信があるのですが、イラストレーターさんの名前はあまり知りません。 しかし、折に触れ「こういうテイストのイラストレーターさん知りませんか?」と聞かれるので、最近「好きだなー!!」と思った作品やイラストレーターさんの名前をメモするようにしてみました。 そして、せっかくだしその中からテーマに分けてまとめてみました。いろんな場所で活躍されている方たちなので、見たことのある人が多いと思います。いいんです、選考基準は「私が好き」だから! 私の好きなおしゃれでかわいい絵を描くイラストレーター5選 今回のテーマは「おしゃれでかわいい!」と思った作品を描くイラストレーターさんです。 ではどうぞ! 網中いづる さん http://ww
新年度、新しい技術を学びませんか?Webデザインやプログラミングなどのテクニカルスキルを学べるスクール特集【東京】 こんにちは、ディレクターのあゆみです。 今年の冬は長いな〜と思っていたのに一気にあったかいですね。薄手のコートの使い道のなさ……。 最近、Facebookのフィードにやたらと「◯ヶ月でWeb制作をマスター!」「0から始めるプログラミング!」といった社会人向けのスクール広告が表示されますが、4月って、新しいことを始めたくなりますよね。 世の中にはできないよりできた方がいいに決まっているものが山ほどありますが、プログラミングはその頂点な気がします。可能性そのもの。 今自分の子どもが出来たら、自我が芽生える前にプログラミングさせたい。(映画のherやイミテーション・ゲームを見てから、より一層その傾向が強い) 今回はそのあたりのスキルを、仕事をしながらも学べるスクールを集めました。
Amazonで80〜90%オフの商品を簡単に見つける方法がスゴイ! 家電もキッチン用品も90%オフ | バズプラスニュース Buzz+ <以下要約> 『Amazon』で、簡単に「80〜90%オフの商品を見つける方法」があるのをご存知ですか? 『Amazon』のトップページから、欲しい商品のジャンルを選択※家電、キッチン用品などのこと → アドレス欄のURLの最後尾に「&pct-off=90-」と書き足し、ページを更新するだけ 「&pct-off=90-」の数字の部分を好きな割引率に変更すると、その割引率に合った商品が表示されます 以下全文を読む きたぁああああああああああああああああああ 早速やっすいのいっぱい買うぉ!!チェック!チェックぅ! ほとんどねーじゃねーかちきしょぉおおおおおおおおおおおお 90%なんてめったにないだろ・・・ 半額とかでも十分安いからそっちで探せよ
2015年3月18日 CSS 2011年に「少しのコードで実装可能な20のjQuery小技集」という記事で数々の便利な制作技を紹介したのですが、時は流れ、今ではCSSのみで表現できるものが多くなってきました。という事で今回はその記事内で紹介した技を中心に、かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる小技を紹介します。 ↑私が10年以上利用している会計ソフト! 目次 Div全体をクリックできるようにする テーブルの偶数・奇数の行の色を変える フォームにテキストを入れておき、フォーカスで消す(文字色も変更) ラジオボタンとチェックボックスを装飾する スライドパネル アコーディオン ツールチップ 言語によってスタイルを変更 横並びのdivの高さ揃える ボックスを上下左右中央に配置する それでは実際にどんな事ができるのか見てみましょう!サンプルも作ったのでコードと
WordPressには数多くのテーマファイルがありますが、それらとは少し違ったアプローチのテーマ「Layers」を紹介します。 ページ作成にはHTML/CSSの知識は不要で、レイアウトやウィジェットを組み合わせてかっこいいページを直感的に作成できます。 Layers Layers -GitHub ライセンスはGPL 2.0 Licenseで、商用利用、修正、配布などが無料で行えます。 通常のテーマファイルはデザインが完成していて、画像やテキストを配置しますが、Layersはベースとなるレイアウトが数種類あり、そこにコンポーネントやウィジェットを自由に組み合わせてページを作成します。 ページのデザインを見ながらカスタマイズできるテーマという感じです。 組み合わせるのは簡単で、下記ページで動画で公開されています。
2013年12月25日 Wordpress WordPressのオリジナルテーマの作り方について説明していきます。慣れると簡単なのですが、初心者には少し難しいWordpressのカスタムデザイン。Wordpressのテーマがどのように動くのか、スタティックのHTMLテンプレートにどうやってWordpressの機能をつけるのかを説明していきます。PHPの知識は必要ありませんが(もちろんあった方が楽ですが)、自分でデザインをするためのPhotoshopとCSSの知識は必要です。前回に引き続き、Nick La氏によるWeb Designer Wallを参照しています。 ↑私が10年以上利用している会計ソフト! ※これはWordpress旧バージョンのオリジナルテーマの作り方です。最新版Wordpressを使用してのオリジナルテーマの作り方は「WordPress オリジナルテーマの作り方 3.0+
.htaccess Snippetsは.htaccessで使える小技をまとめたスニペット集です。リダイレクトやリライト、セキュリティ向上やパフォーマンスの向上など、よく使うものをサクッとまとめてくれています。業種次第では覚えて当然かもですけど、個人的には忘れがちなのでこうしたまとめは有難い限りです。 .htaccess Snippets
「OWL Carousel」は、レスポンシブ対応の高機能カルーセルを実装できるjQueryプラグインです。マウス操作だけでなく、スマートフォンによる指での操作(フリックやスワイプ、タッチ)にも対応していて、レスポンシブWebデザインで取り入れると力を発揮しそうですね。 動作もサクサクしており、ファイルサイズも8.8KBと軽量なのも魅力です。ただし、CSS3のtranform3dを利用しているので、IE9以下では利用できません。 ※IE9はtransform2dは実装されていますが、3dが実装されていないので動きません。 一式ダウンロードされますが、必要なのは「owl-carousel」というフォルダにある「owl.carousel.min.js」と「owl.carousel.css」です。OWL Carouselが用意したスタイルを利用する場合は「owl.theme.css」も必要です。
こんにちは、デザイナーのぺちこです。 以前、「Tumblrでもここまでデザインできる!オリジナルカスタマイズの実例解説」という記事で、「いいオフィスBLOG」の例を出して解説をしたのですが、汎用性がないなあと今更反省をしています。 前回はまだTumblr初心者ということもあったので許してもらうとして……。今回は、本気でTumblrテーマを作りたい人のために出直してきました! 1つの記事にすると長い戦いになると思ったので、以下の順で連載のかたちをとってご紹介したいと思います。 Vol.1 テーマカスタマイズの基本編 Vol.2 テーマカスタマイズの独自タグ理解編 Vol.3 テーマカスタマイズ実践編 テーマカスタマイズということで、あらかじめ「HTML/CSSの理解がある」「Tumblrの管理画面くらいは知っている」というのを前提に話を進めていきます。 Vol.1「テーマカスタマイズの基本編
Bootstrap 3 Datepicker Bootstrap3用の綺麗な日付ピッカー「Bootstrap 3 Datepicker」 標準のUIを遜色することのない次のような綺麗なUIで実装できて便利そうです 関連エントリ Bootstrap標準のModalを進化させた「Bootstrap-modal」 Bootstrapのポップアップを強化する「WebUI Popover」 Bootstrap用の星型レーティング実装「Bootstrap Star Rating」 Bootstrapのように多数のコンポーネントが詰まったUIツールキット「Titon Toolkit」 Bootstrapなサイトで使えそうなカラーピッカー「jQuery MiniColors」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く